Importing and Exporting Your Monarch Settings

Importing and Exporting Your Monarch Settings

Importing and Exporting Your Monarch Settings
Building a new website? Import your settings from a previous install and skip the steup!

An Overview Of Importing and Exporting Your Monarch Settings

For those of you who are managing multiple websites or migrating to a new WordPress install, the import and export settings in the Monarch Dashboard make it extremely easy to either export your Monarch Settings or import Monarch Settings from one site to another. These options can be accessed by the import/export icon in top bar of the Monoarch Dashboard
Export Monarch Settings
You can export the Monarch settings from any site as a .json file. This allows you to easily import your Monarch configurations into any other site with Monarch installed and activated.
Import Monarch Settings
Just as easily, you can import Monarch settings from a .json file. This .json file can be obtained by exporting the settings from another site using the export steps described above.

Using Inline Sharing Buttons In Monarch

Using Inline Sharing Buttons In Monarch

Using Inline Sharing Buttons In Monarch
Don』t skip the basics. Monarch』s simple inline sharing buttons can be placed above and below your posts.

An Overview Of Inline Sharing Button Settings

Monarch dynamically detects where the content of your pages and posts begin and end so that it can automatically place social sharing buttons above or below your content. Place icons and share counts at the beginning of your content to show your readers how popular your posts are or place them at the bottom to encourage users to share your posts after reading.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Inline Sharing 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
Choose Location
This dropdown lets you choose to display sharing buttons either above your content, below your content, or above and below your content.
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.
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. This number will appear inside each button either to the right or below your network icons based on your 『Icon Alignment』.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your inline buttons. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of 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. For example, you can choose to replace the Network Name 『Twitter』 to something like 『Tweet This』 or 『Share This』.
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 Shares Count, and your Network Label and/or individual share 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 inline icon 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 inline sharing buttons 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 inline sharing buttons.
Hover Background Color
This color picker will define the background color of your inline sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your inline sharing buttons』 icons.
Icon Color
This color picker will define the color of your inline sharing buttons』 icons when the user hover over a button.
Post Type Settings
Select Your Post Types
All post types that exist on your website will appear in the Post Type Settings, whether it is a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc. These are global settings that allow you to choose what kind of posts you would like your inline sharing buttons to appear on. Note that you can override any of these settings on a per post basis.

How To Install Your Monarch WordPress Plugin

How To Install Your Monarch WordPress Plugin

How To Install Your Monarch WordPress Plugin
Installing our plugins is a snap using the WordPress Dashboard plugin installer.

Download Your Plugin

To update your new plugin, you must first upload it to your WordPress website via the WordPress dashboard. When you download Monarch from the Elegant Themes Member』s Area, you will be be given a file called Monarch.zip. Some browsers (such as Safari on OSX) will automatically unzip that folder for you. In this case, you will need to re-size the Monarch folder by right clicking the folder and compressing it. Once you have located your Monarch.zip file, you are read to upload it to your WordPress website.
Log in to your WordPress Dashboard and click the Plugins > Add New link. This will bring you to the WordPress plugins page.
Upload Your Plugin

After the plugins page in your dashboard has loaded, locate the 「Upload Plugin」 button towards the top of the screen. Click this button to proceed to the next step.
Choose Your Plugin ZIP File

After clicking 「Upload Plugin,」 you will be taken to a new page where you can select the plugin that you would like to install. In this case, we will be installing the Monarch.zip file that you downloaded earlier. Click the 「Choose File」 button to open a local browser window.
Upload And Activate

You will need to browse your local machine and find the Monarch.zip file. You will often find it in your Downloads folder, but it depends on your browser settings. Once you have located the file, select it and click the Open button. Next click the 「Install」 button to install the Monarch.zip folder that you have just selected. After the plugin has been uploaded you will be taken to a confirmation page where you can activate the plugin. Click the 「activate」 button and you are good to go!

Using Media Sharing Buttons In Monarch

Using Media Sharing Buttons In Monarch

Using Media Sharing Buttons In Monarch
Encourage the sharing of media on media-centric websites such as Pinterest and Facebook.

An Overview Of Media Sharing Button Settings

Images are of the most shared content on the web and there is no reason you should miss out on letting your readers share your image-rich content with the world. Monarch auto detects all images within post content and even offers a custom shortcode to enable image sharing for any image on your site.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Media Sharing 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 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.
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. This number will appear inside each button either to the right or below your network icons based on your 『Icon Alignment』.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your media buttons. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of 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. For example, you can choose to replace the Network Name 『Twitter』 to something like 『Tweet This』 or 『Share This』.
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 Shares Count, and your Network Label and/or individual share count if you have selected circular buttons, which place button text outside the background color of your buttons. Using circular buttons with network names on with media sharing can be hard to optimize since the images across your website will contain an array of colors.
Remove Icon Spacing
By default, the media sharing 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 media sharing buttons 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 media sharing buttons.
Hover Background Color
This color picker will define the background color of your media sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your media sharing buttons』 icons.
Icon Color
This color picker will define the color of your media sharing buttons』 icons when the user hover over a button.
Post Type Settings
Global Setting
Monarch will auto detect any image within a blog post and automatically enable media sharing for those images.
Media Sharing Shortcode
Although Monarch will only auto detect images on blog posts, you can enable media sharing for any image on your site by wrapping it in the media sharing shortcode like so [et_social_share_media][/et_social_share_media]

Adding and Managing Social Networks In Monarch

Adding and Managing Social Networks In Monarch

Adding and Managing Social Networks In Monarch
Before any social sharing buttons will show up, you first have to choose your favorites.

An Overview Of Adding and Managing Networks

Monarch makes it extremely easy to setup, order, and manage social sharing networks and your social network profiles. The dashboard breaks your networks setup into two different locations: Sharing and Following, which are described in detail below.
Social Sharing: Manage Networks

Add Networks
Clicking this button will bring up a modal window of all available social sharing networks. From here you can select networks, deselect networks, and see networks that you may have already had selected. Applying your selections will update your networks list.
Arranging Networks
Arranging your networks into a specific order is as easy as dragging and dropping.
Network Label
By default, Monarch uses the network names as the button labels, but you can type in whatever label you would like. For example, you may want to use labels such as 「Tweet This」 「Share This」 or 「Pin This」 instead of using network names.
Twitter Handle
If Twitter is added to your list, you can input your Twitter handle so that when people tweet a page, your Handle is automatically inserted to their tweet text.
Social Follow: Manage Networks

Add Networks
Clicking this button will bring up a modal window of all available social following networks. From here you can select networks, deselect networks, and see networks that you may have already had selected. Applying your selections will update your networks list.
Arranging Networks
Arranging your networks into a specific order is as easy as dragging and dropping.
Network Label
By default, Monarch uses the network names as the button labels, but you can type in whatever label you would like. For example, you may want to use labels such as 「Follow Us」 or 「Subscribe」 instead of using network names.
Profile URL
This link allows Monarch to link out to your social profiles when a visitor clicks on a social follow button.
Follow Count
In theses fields you can input your follow counts. Most networks require that you manually input and update these numbers, but in the display setting below, you can enable API counts for select networks.
Social Follow: Display Settings
Get Counts Via API
Checking this will enable all networks that have a follow count API to dynamically display your follow counts. To learn how to set these up, see the Network API Documentation.
Open Link in New Window
This option lets you define whether or not you want your social profile to open up in an new browser window.

Using The Override Meta Box In Monarch

Using The Override Meta Box In Monarch

Using The Override Meta Box In Monarch
You can enable and disable social sharing areas on a per-page basis using the on-page settings.

An Overview Of The Override Meta Box Settings

Once you have enabled locations in the Locations Tab of the Monarch Dashboard, an Override Meta Box will appear on your post and page editors. This will appear either below or to the right of your text editor based on your WordPress Settings. Choosing to check 『Enable Monarch Settings Override』 will open up a menu of all global locations, allowing you to select which Monarch Sharing methods you want that individual post or page to use.
Use Cases
Disable a Globally Enabled Location
If you create a post and do not wish for it to display a floating sidebar, but your Monarch Settings tell floating sidebars to appear on all posts, you can use the override box to disable your sidebar on that post.
Enable a Disabled Post Type
Say you chose to enable pop ups on post only, but you are creating a page in which you want to display a sharing pop up, you can choose to enable the pop up for that page.
Disabling All Locations
Maybe you are creating an FAQ page that isn』t meant to be shared at all. The Override Meta Box is a great way to entirely disable Monarch on that page by un-checking all locations.

A Complete Overview Of The Monarch Plugin

A Complete Overview Of The Monarch Plugin

A Complete Overview Of The Monarch Plugin
Learn the basics of the plugin in this complete video overview. Newcomers, start here!

What Is Monarch?
Monarch is a Social Sharing and Social Following plugin built to get you more share and more followers on social networks such as Facebook and Twitter. Monarch does this by using various different social sharing integration methods, such as social sharing sidebars, inline sharing buttons, popups and flyin boxes. By encouraging your visitors to share, and making it easy for them to share, Monarch can greatly increase the social sharing activity on your website. In addition, Monarch also helps you get more followers on such social networks by making it easy to link out to your social profiles and display your social follower count. Monarch excels by giving your more effective social sharing methods, and by giving you in-depth design customization options and statistics.
Using Monarch』s Social Sharing Locations
Monarch』s social sharing methods are broken up into different integration 「locations.」 These locations can be enabled, disabled and customization using the Monarch settings dashboard. Monarch comes with 5 different social sharing locations: Sidebar, Inline, Flyin, Popup and Media. Each of these different locations grabs your visitor』s attention in different ways, giving you a variety of tools for promoting sharing activity on your website.
Sidebar

The floating sidebar is a great way to promote sharing across your entire website. The sidebar places floating buttons on the left side of the screen that follow the visitor as they scroll, giving them an easy way to share no matter where they are on the page. These buttons also break down on mobile devices into a sliding toggle the improve user experience. If you are only going to enabled a single sharing location on your website, then the floating sidebar in a great choice. Read The Full Tutorial
Inline

Inline sharing buttons are the most basic of the 5 sharing locations. Enabling this location will place sharing buttons above or below your post content, giving your readers an easy way to share before and after they finish reading your article. If you are looking for the simplest and cleanest way to add social sharing to your website, then the Inline location is a great choice. Read The Full Tutorial
Flyin

The flying box is a unique and highly effective method of social sharing, and it』s highly customizable as well. The flyin box will slide up from the bottom of the page, giving your visitor a clear queue to share. Furthermore, these flyin boxes can be triggered based on different user interactions, such as: timing delay, when a visitor reacher the bottom of a post, or when a visitor is leaving a page. Using these triggers give you a unique opportunity to capture lost shares and promote sharing from your most engaged visitors. Read The Full Tutorial
Popup

Popups are perhaps the most effective integration area available in monarch. Nothing grabs your visitors attention quite like a popup, and you can be sure that your visitors get the message when popups are enabled. What』s more, these popups (much like the flyin), can be triggered based on different user interactions. This gives you control over exactly how popups are displayed, and what types of visitors they are displayed to. For example, a popup might only be displayed when a visitor finishes reading your post – the optimum moment to ask a visitor to share your page. If you are looking to really boost shares on your site, then the popup is a great option. Read The Full Tutorial
Media

Media sharing automatically adds sharing buttons on hover to all the images in your post, or to certain images that you selecting using the Media shortcode. This is great for photo-centric networks such as Pinterest or Tumblr, and it gives you visitors an easy way to share the beautiful images within your blog posts. If you run a photography or art blog, then this integration location is the perfect way to engage with your visitors and promote more sharing activity. Read The Full Tutorial
Using Monarch』s Social Following Locations
Social following differs slightly from the Social Sharing methods we have covered so far. Instead of promoting the sharing of your individual posts from your visitors to their friends, the social follow portion of Monarch seeks to gain you more followers on your own online social profiles. For example, if you have a Facebook page for your business, you can use Monarch to advertise that profile page and encourage visitors to follow you. You can also display your social follower counts for each network, giving your visitors social proof about how popular your are. Social follow buttons can be displayed using two different methods: Widgets and Shortcodes.
Widget

The social follow widget in Monarch allows you to place links to your online social profiles and display the follower counts from those profiles within your sidebar or any other widget-ready area on your website. Placing large enticing social follower buttons at the top of your blog』s sidebar is a great way to get more followers, and to show off how many people are already following you. Read The Full Tutorial
Shortcode

The social follow shortcode can be used to display social profile links and social profile counts anywhere on your website. Using Monarch』s shortcode generator, you can build your own customized shortcodes and then paste those shortcodes in your posts or pages to display your follower buttons. Shortcodes are the perfect way to display social follow buttons anyway – you can even place them within a custom text widget in Divi! Read The Full Tutorial

An Overview Of Social Sharing Popups In Monarch

An Overview Of Social Sharing Popups In Monarch

An Overview Of Social Sharing Popups In Monarch
Popups are incredibly effective, and they can be controlled using various custom triggers.

An Overview Of The Popup Settings

Automatic popups are not only extremely easy to create with Monarch, but they are one of the most effective ways to engage your users. You can fully customize your popup title and message as well as control entirely how and when they are displayed to your visitors.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for PopUp Sharing 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.
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 presented users that have been browsing your page for a specific amount of time with a social popup.
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 toshare 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 Poast
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.
Display Once Per Session
By Default, monarch will display a popup on any and every page that has 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 length of time (in days) that a session lasts for. For 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. This number will appear inside each button either to the right or below your network icons based on your 『Icon Alignment』.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your popup』s sharing buttons. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of 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. For example, you can choose to replace the Network Name 『Twitter』 to something like 『Tweet This』 or 『Share This』.
Remove Icon Spacing
By default, the popup icon 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 popups 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 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 hover over a button.
Post Type Settings
Select Your Post Types
All post types that exist on your website will appear in the Post Type Settings, whether it is a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc. These are global settings that allow you to choose what kind of posts you would like social popups to appear on. Note that you can override any of these settings on a per post basis.

Using The Social Follow Shortcode In Monarch

Using The Social Follow Shortcode In Monarch

Using The Social Follow Shortcode In Monarch
The social follow shortcode lets you place social follow buttons anywhere on your website!

An Overview Of The Social Follow Shortcode

The Monarch Follow Shortcode lets you display social follow buttons anywhere on your website. Althought Monarch comes witha custom widget, you may want to custom design a footer widget, sidebar widget, or even inline follow links somewhere on your page.
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 follow links from this particular shortcode 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.
Generate Shortcode
After you are happy with your shortcode configuration, click the green 『Generate Shortcode』 button your custom shortcode will appear in the text field below. Copy and past this anywhere on your site, even in a custom text widget, and your follow links will appear in that location.

Using The Floating Sidebar In Monarch

Using The Floating Sidebar In Monarch

Using The Floating Sidebar In Monarch
Create a floating sidebar of social sharing buttons that follow your visitors as they scroll.

An Overview Of The Sidebar Settings

Social Floating Sidebars are a great way to give your readers a quick and easy way to your content no matter where they are on the page. Choose your networks, arrange them in the perfect order, and even display share counts.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for floating sidebars. 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 social buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.
Display Settings
Intro Animation
This dropdown contains a list of intro animations for your floating sidebar. You can choose for it to fade in statically, from the left, from the top or bottom, or choose to have no load-in animation at all.
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. This number will appear inside each button just below the network icon.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your floating sidebar. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all of the networks in your sidebar and display the total right above your sidebar. This is a great way to show the totality of how popular a given page is.
Total Shares Text Color
If the option above is selected, this option will appear to allow you to choose your total shares text color value. Your website』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.
Add Icon Spacing
By default, the sidebar icon buttons are displayed with no vertical spacing, except for circular buttons. Checking this option lets you add vertical spacing between your icons for a whole new set of design possibilities.
Hide On Mobile Devices
Monarch displays a subtle, non intrusive mobile sidebar, but if you wish to not display the floating share bar 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 sidebar buttons
Hover Background Color
This color picker will define the background color of your sidebar buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your sidebar buttons』 icons.
Icon Color
This color picker will define the color of your sidebar buttons』 icons when the user hover over a button.
Post Type Settings
Select Your Post Types
All post types that exist on your website will appear in the Post Type Settings, whether it is a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc. These are global settings that allow you to choose what kind of posts you would like your floating sidebar to appear on. Note that you can override any of these settings on a per post basis.