An Overview Of The Popup Settings
Automatic PopUps are extremely easy to create with Monarch and one of the most effective ways to engage your users.
You can fully customize your popup title and message and control how and when they are displayed to your visitors.
Choose Icon Style
Select Hover
This option lets you choose from any available hover styles Monarch offers for floating sidebars.
You can hover over any options to get an example preview of the hover effect. Once you decide on an option, click to select any style, and a green checkmark will indicate your selection.
Choose Icon Shape
Select Shape
Monarch offers 3 shapes for your social buttons:
Squared,
Rounded,
Circles.
Combined with the styles mentioned above, you can create various great-looking social buttons.
Title
Input Custom Title
Give your PopUp a Custom title to further engage your readers.
Message
Input Custom Message
Give your PopUp a Custom message for a more detailed call to action, such as Share this page with your friends. Thanks for stopping by!
Display Settings
Icon Alignment
This option lets you select either Left or Centered.
Selecting Left will display your button labels and/or share counts to the right of your network icons, creating a more horizontal button shape.
Selecting Centered will place your button labels and/or share counts below your network icons and center the button content, creating a taller button shape.
Number of Columns
Monarch offers 7 column width options.
You can choose to have up to 6 equal-width columns or let your buttons take on an auto-width based on the width of your buttons' content.
No matter your selection, Monarch accommodates for small browser widths and adjusts your column selection for mobile devices.
Intro Animation
Boost the attention-grabbing potential of your social popups with a fun and engaging intro animation!
Choose from 10 great load-in animations such as Zoom, Flip, Bounce, and Swing to catch your visitors' eye.
Enable Automatic PopUp
Enabling Automatic PopUps will trigger sharing popups on your pages based on a timed delay. This is a great way to present users who have been browsing your page for a specific amount of time with a social popup.
Types of Triggers
Trigger After Time Delay
If Automatic PopUps are enabled, this setting will appear, allowing you to specify your social popup's timed delay (in seconds).
Trigger After Inactivity
This will cause the PopUp to appear once the user has been inactive for a certain period. If the user has left their computer or the tab after reading your post, try reminding them to share when they return.
Trigger at the Bottom of Post
Just as a reader reaches the end of your page or post content, it is a perfect time to offer them a way to share your content. Enabling this PopUp trigger will auto-detect the end of your content and do just that.
Trigger After Commenting
This is a great way to target your most engaged visitors. When this is enabled, your visitor will be greeted with a PopUp after posting a comment on your website.
Trigger After Scrolling
This will trigger the PopUp after the visitor has scrolled a certain percentage down the page.
Depending on the size of your page and the content within it, you can have the PopUp trigger at specific points within the reading.
Depending on the situation, having the PopUp triggered at certain percentages may be much more effective than a timing delay.
Trigger After Purchasing
This is another great way to target your most engaged visitors. When enabled, your customers will be asked to share your website after successfully purchasing a product using WooCommerce.
Note: No matter how many triggers you have selected above, Monarch will only use whichever trigger occurs first so that your users are not overwhelmed with PopUp if you have multiple triggers enabled.
Other Display options
Display Once Per Session
By default, Monarch will display a PopUp on every page, with PopUps enabled once per page view. Selecting this option will only present a visitor with one PopUp per session.
Session Duration
If Display Once Per Session is selected, this option will be displayed, allowing you to define the time (in days) for how long a session lasts.
Example: If you input 2 a user will only see a PopUp on your site every two days.
Display Share Counts
Displaying share counts is a great way to show off how many times your pages have been shared and even a great way to encourage visitors to spread your content. Based on the Icon Alignment, this number will appear inside each button to the right or below your network icons.
Minimum Count Display
Sometimes, it is better to not show counts than to show that your content has yet to be shared over a certain threshold. This allows you to set the Minimum Share Count Monarch to display in your PopUp's sharing buttons. This is a great feature for new content that has yet to have the opportunity to be shared for a long time.
Display Total Shares
This share count will add the shares across all displayed networks and display the total above your buttons. This is a great way to show how popular a given page is.
Display Network Names
Check this box to display the network labels in your sharing buttons. These can be customized to whatever you wish.
Display All Networks Button
This option, when checked, will display the All Network button beside the rest of your Social Network icons. Clicking the All Networks button will display a list of all available Social networks that can be used for sharing the post/page.
Remove Icon Spacing
By default, the Social network icon buttons are spaced with a small margin. Checking this option lets you remove the spacing between your icons for a whole new set of design possibilities.
Hide On Mobile Devices
If you wish to avoid displaying popups on mobile devices, you can check this box.
Color Settings
Use Custom Colors
Monarch uses the default network colors by default, but for a more custom approach, you can select your button colors. If an option below is not defined, that element's default setting will be used.
Background Color
This color picker will define the background color of your PopUp sharing buttons.
Hover Background Color
This color picker will define the background color of your PopUp sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your PopUp sharing buttons' icons.
Icon Color
This color picker will define the color of your PopUp sharing buttons' icons when the user hovers over a button.
Post Type Settings
Select Your Post Types
All post types on your website will appear in the Post Type Settings, whether a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc.
These global settings allow you to choose what kind of posts you would like social popups to appear on.
Note: you can override any of these settings on a per-post basis.