标签： 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]

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.

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.

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 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.

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.

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
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.

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 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.