Viewing Your Social Stats In Monarch

Viewing Your Social Stats In Monarch

Viewing Your Social Stats In Monarch
Monarch comes with some great stats that tell you how much people are sharing your website.

An Overview Of The Statistics Dashboard

We know how important it is to see how effective your social sharing buttons are on your website, so we built in an easy way to keep track of your user engagement over time. This dashboard can be accessed by the stats icon in top bar of the Monarch Dashboard
All-Time Stats
Total Shares
This number represents your all time share count across all social networks.
Total Likes
Users can also choose to simply ‘Like’ a page. Because this is fundamentally different from sharing a page, we have broken this out as its own all-time stat.
Total Follows
Based on your Social Following networks, follow count inputs, and dynamically pulled follow counts, this stat displays a sum of followers across all of your social profiles.
Day, Week, Month, Year Stats
Past 7 Days
This is an overview of your sharing stats over the past week. You can hover over any color block to get a more detailed breakdown of each network.
Past 30 Days
This is a broader view of your sharing statistics, giving you a look at the past month of Monarch statistics. This view still gives you a day by day breakdown.
Past 12 Months
For an even higher level view at your Monarch history, you can take a look at the Year view, showing you a month by month breakdown of the past 12 months of sharing statistics.
Highest Performing Posts
Top Posts
This is a list of your most shared posts. This can give you, at a glance, an idea of which types of posts receive the best engagement level from your audience.

Individual Post Stats
In addition to the website-level stats available within the stats tab inside of the Monarch settings panel, Monarch also adds a stats meta box for each of your posts and pages. This meta box will appear either below or to the right of the post editor when you are editing a post or page. If you don’t see the Monarch meta box, check to make sure it is enabled within the Screen Options menu.
The individual post stats box gives you historical graphs of recent sharing activity, as well as the total shares for the post in the networks that you have enabled.

Using Popup & Flyin Triggers Effectively In Monarch

Using Popup & Flyin Triggers Effectively In Monarch

Using Popup & Flyin Triggers Effectively In Monarch
Using Popup & Flyin triggers in combination can result in increase social sharing activity.

Triggers Control How And Where Popups Appear
Triggers give you control over how your popups are displayed. Namely, they control when they are triggered based on various user interactions. These triggers can be used by themselves, or in combination with other triggers, to yield different results. These triggers can thus be tailored to your specific content, or your specific social sharing goals. Certain triggers are more general and heavy handed, while other triggers are more subtle and target a specific subset of users. Be sure to watch the video for a detailed explanation of how these triggers can be used.
Trigger Settings
Trigger After Time Delay
If Automatic PopUps are enabled, this setting will appear, allowing you to specify the timed delay (in seconds) of your social popup.
Trigger After Inactivity
This will cause the popup to appear once the user has been inactive for a certain period of time. If the user has left their computer, or left the tab after reading your post, try reminding them to share when they get back!
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 flying trigger at certain percentages may be much more effective than a timing delay.
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 flying after they have posted a comment on your website.
Trigger After Purchasing
This is another great way to target your most engaged visitors. When this is enabled, your customers will be asked to share your website after they have successfully purchased a product using WooCommerce.
Trigger at Bottom of Post
Just as a reader reaches the end of your page or post content 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.
Triggers 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 popups if you have multiple triggers enabled.

How To Update Your Monarch WordPress Plugin

How To Update Your Monarch WordPress Plugin

How To Update Your Monarch WordPress Plugin
Using our Elegant Updater Plugin, you can update Monarch right from your dashboard.

Updating Your Themes & Plugins
Before you can update, you must first authenticate your Elegant Themes subscription by inputting your Username and API Key into the Updates tab of your theme or plugin settings. Only members with active Elegant Themes accounts have access to the latest versions of our products. Your Username is the username you use when logging in to ElegantThemes.com, and your API Key can be found by logging into your Elegant Themes account and clicking on the Account > Your API Key link. Once you have authenticated your account, you can click the update link when you receive an update notification to automatically update your theme or plugin
Update Notifications
When new updates become available for any of our themes or plugins, a notification will appear in the Dashboard > Updates page of your website’s WordPress Dashboard.

Authenticating Your Membership
Before you can update your theme or plugin, you must first authenticate your Elegant Themes subscription. Only members with active accounts have access to product updates. To authenticate your account, you will be asked to input two pieces of information into your theme or plugin settings panel: 1) Your Username and 2) Your API Key. Your username is the same username you use when logging in to your ElegantThemes.com account, and your API Key is a unique identifier used to authenticate your account that is only available to you when logging in. To locate your API Key, log in to the Elegant Themes members area and click on the Account > Your API Key link. Copy the API Key displayed on the page. You will by pasting this key into your Theme or Plugin options page.

Once you have copied your API Key, you will need to use it to authenticate your account by pasting it into your theme or plugin options page. Log in to your website’s WordPress Dashboard and navigate to your theme or plugin options page. For Divi, this can be found by clicking the Tools > Monarch Settings link and then clicking the Lock Icon at the top of the settings interface.

Once you have loaded your theme or plugin options page, look for the Updates tab. Click the Updates tab to reveal the Username and API Key fields. Type your username into the Username field and paste the API Key you copied earlier into the API Key field. You should confirm that you have not copied any extra white spaces by mistake. Click save to complete the account authorization.

Once you have entered your credentials, you are now ready to update your theme. Click on the Dashboard > Updates tab and update your theme or plugin normally using the WordPress update interface. If you do not see any update notifications, or you receive an authentication error when updating, try waiting a bit and then check back later. Sometimes WordPress will cache update notifications and it can take some time for them to appear correctly.

Using The Social Follow Widget In Monarch

Using The Social Follow Widget In Monarch

Using The Social Follow Widget In Monarch
Using the Monarch widget, you can easily add social follow buttons to your sidebar or footer.

An Overview Of The Social Follow Widget

The Monarch Follow Widget lets you display social follow buttons in any widget area on your site. You can add any number of Monarch widgets to your site, and they will all take on the settings defined here. For example, you may want to add a follow widget to both your sidebar and your footer.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Follow Buttons. You can hover over any of the options to get an example preview of the hover effect. Once you decide on an option, just click to select any style and your section will be indicated by a green checkmark.
Choose Icon Shape
Select Shape
Monarch offers 3 shapes for your icon buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.
Display Settings
Icon Placement
This option lets you select either ‘Left’ or ‘Centered’. Selecting left will display your button labels and/or follow counts to the right of your network icons, creating a more horizontal button shape. Selecting ‘Centered’ will place your button labels and/or follow 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.
Display Follow Counts
Displaying follow counts is a great way to show off how followers you have and even a great way to encourage visitors to click your follow links. This number will appear inside each button either to the right or below your network icons based on your ‘Icon Placement’.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that a follow count that is under a certain threshold. This setting allows you to set the minimum follow count that Monarch will display in your follow buttons. This is a great feature for new profiles that haven’t had the opportunity to gain followers for much time.
Display Total Followers
This follow count will add up your followers across all displayed network profiles and display the total right above your buttons. This is a great way to show the totality of you social following.
Display Network Names
Check this box to display the network labels in your follow buttons. These can be customized to whatever you wish. For example, you can choose to replace the Network Name ‘Facebook’ to something like ‘Follow Us’.
Outer Text Color
If the option above is selected, this option will appear to allow you to choose your Outer Text Color. This setting will affect your Total Follower Count, and your Network Label and/or individual follow count if you have selected circular buttons, which place button text outside the background color of your buttons. Your page’s background may be light or dark in color value — this option lets you make sure your text stands out on top of your background.
Remove Icon Spacing
By default, the follow buttons are spaced out 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 not display any added follow widgets on mobile devices you can check this box.
Color Settings
Use Custom Colors
By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.
Background Color
This color picker will define the background color of your social follow buttons
Hover Background Color
This color picker will define the background color of your social follow buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your social follow buttons’ icons.
Icon Color
This color picker will define the color of your social follow buttons’ icons when the user hover over a button.

The Extra Standard Blog Feed Module

The Extra Standard Blog Feed Module

The Extra Standard Blog Feed Module
This module will showcase Posts in a classic “blog-style” list, or in a masonry block.

Module Overview

The Standard Blog Feed Module displays posts using Extra’s standard post listing layout. You can use multiple Blog Feed Modules on a single layout to create truly unique content listings.
View A Live Demo Of This Module
The Module Options

General Settings
Categories
Choose the categories from which this module should display posts.
Blog Feed Title
An optional title to display for this module if pagination is enabled.
Posts Per Page
Define the number of posts to be displayed per page when pagination is enabled.
Show Pagination
This allows you to enable/disable pagination.
Show Author
Include the author in each posts’ post-meta information.
Show Categories
Include categories in each posts’ post-meta information.
Show Featured Image
Show the posts’ featured image.
Show Read More Button
Show the Read More button after the post excerpt.
Show Date
Include the date in each posts’ post-meta information.
Display Featured Posts Only
Yep, you guessed it! Enable this option to show only featured posts.
Show Comments
Include the comment count in each posts’ post-meta information.
Show Rating
Include the rating in each posts’ post-meta information.
Content
Choose whether the posts’ full content or the posts’ excerpt is shown.
Date Format
The format in which to display the date. This must be specified using a PHP date() format string.
Heading Style
Choose a heading style.
Sort Method
Choose the method in which the posts will be sorted.
Sort Order
Choose whether the posts will be displayed in descending or ascending order.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

The Extra Code Module

The Extra Code Module

The Extra Code Module
Place custom code onto your page, such as HTML and JS, or input third party shortcodes.

Module Overview

You can use the Code Module to add custom HTML and/or WordPress Shortcodes to your layouts. In the above example we added an e-mail opt-in form using a Shortcode provided by our very own e-mail opt-in plugin, Bloom.
The Module Options

General Settings
Content
Here you can copy and paste your desired code into the module.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

The Extra Masonry Blog Feed Module

The Extra Masonry Blog Feed Module

The Extra Masonry Blog Feed Module
This module will display your list of posts in the form of small boxes on a masonry grid.

Module Overview

The Masonry Blog Feed Module displays posts using a Masonry Grid layout. You can use multiple Blog Feed Modules on a single layout to create truly unique content listings.
View A Live Demo Of This Module
The Module Options

General Settings
Categories
Choose the categories from which this module should display posts.
Posts Per Page
Define the number of posts to be displayed per page when pagination is enabled.
Show Pagination
This allows you to enable/disable pagination.
Show Author
Include the author in each posts’ post-meta information.
Show Categories
Include categories in each posts’ post-meta information.
Show Featured Image
Show the posts’ featured image.
Show Read More Button
Show the Read More button after the post excerpt.
Show Date
Include the date in each posts’ post-meta information.
Display Featured Posts Only
Yep, you guessed it! Enable this option to show only featured posts.
Show Comments
Include the comment count in each posts’ post-meta information.
Show Rating
Include the rating in each posts’ post-meta information.
Content
Choose whether the posts’ full content or the posts’ excerpt is shown.
Date Format
The format in which to display the date. This must be specified using a PHP date() format string.
Heading Style
Choose a heading style.
Sort Method
Choose the method in which the posts will be sorted.
Sort Order
Choose whether the posts will be displayed in descending or ascending order.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

The Extra Featured Posts Slider Module

The Extra Featured Posts Slider Module

The Extra Featured Posts Slider Module
The Featured Post slider is a large slider meant to highlight your very best or most recent posts.

Module Overview

As its name implies, the Featured Posts Slider Module allows you to create sliders which source their content from posts both quickly and easily.
View A Live Demo Of This Module
The Module Options

General Settings
Categories
Choose the categories from which this module should display posts.
Posts Limit
Define the number of posts to be shown in the slider.
Display Featured Posts Only
Yep, you guessed it! Enable this option to show only featured posts.
Show Author
Include the author in each posts’ post-meta information.
Show Categories
Include categories in each posts’ post-meta information.
Show Comments
Include the comment count in each posts’ post-meta information.
Show Rating
Include the rating in each posts’ post-meta information.
Show Date
Include the date in each posts’ post-meta information.
Enable Autoplay
Enable/disable the autoplay feature.
Sort Method
Choose the method in which the posts will be sorted.
Sort Order
Choose whether the posts will be displayed in descending or ascending order.
Date Format
The format in which to display the date. This must be specified using a PHP date() format string.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

The Extra Posts Carousel Module

The Extra Posts Carousel Module

The Extra Posts Carousel Module
Display a list of posts within a horizontal sliders that can be toggled through by your visitors.

Module Overview

The Post Carousel Module works by displaying a list of posts represented by their featured image in a carousel-style slider. It can be used for a multitude of purposes. For example, authors and writers could use it to showcase their most recent published works.
View A Live Demo Of This Module
The Module Options

General Settings
Categories
Choose the categories from which this module should display posts.
Posts Limit
Define the number of posts to be shown in the carousel.
Display Featured Posts Only
Yep, you guessed it! Enable this option to show only featured posts.
Show Date
Include the date in each posts’ post-meta information.
Enable Autoplay
Enable/disable the autoplay feature.
Heading Style
Choose a heading style.
Sort Method
Choose the method in which the posts will be sorted.
Sort Order
Choose whether the posts will be displayed in descending or ascending order.
Date Format
The format in which to display the date. This must be specified using a PHP date() format string.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

The Extra Posts Module

The Extra Posts Module

The Extra Posts Module
Display a basic feed of posts from specific categories and sorted by various different methods.

Module Overview

The Posts Module displays up to five posts with one being the primary/active post. The user can cycle through the posts (changing the current primary/active post) by clicking on any of the non-primary posts. Exactly which posts are shown in the module will depend on which categories you apply the layout to as well as how you configure the module’s settings.
View A Live Demo Of This Module
The Module Options

General Settings
Categories
Choose the categories from which this module should display posts.
Posts Limit
Define the number of posts to be shown in the slider.
Display Featured Posts Only
Yep, you guessed it! Enable this option to show only featured posts.
Show Featured Image
Show the posts’ featured image.
Show Author
Include the author in each posts’ post-meta information.
Show Categories
Include categories in each posts’ post-meta information.
Show Comments
Include the comment count in each posts’ post-meta information.
Show Rating
Include the rating in each posts’ post-meta information.
Show Date
Include the date in each posts’ post-meta information.
Heading Style
Choose a heading style.
Sort Method
Choose the method in which the posts will be sorted.
Sort Order
Choose whether the posts will be displayed in descending or ascending order.
Date Format
The format in which to display the date. This must be specified using a PHP date() format string.
Admin Label
This will change the label of the module in the builder for easy identification.
CSS ID
Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.
CSS Class
Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.