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.

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.

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!

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 Network API』s In Monarch

Using Network API』s In Monarch

Using Network API』s In Monarch
Connecting to your social account allows Monarch to update your social follower counts automatically.

What Are Networking API』s?
Networking API』s allow Monarch to automatically grab follower counts from your social profiles and display them on your website. This means that, for the networks that support it, you never have to update your follower count since the plugin continually checks the API and caches the count for you. Only certain networks support API calls, and each of them need to be configured a little differently. For a full list of supported networks and their installation instructions, keep reading.

Before you can configure your API settings, you must first make sure that you have 「Get Counts VIA API」 enabled within the Networks tab of your Monarch settings panel. Once enabled, you can begin setting up each account as outlined below.
Twitter
Twitter uses OAuth for its API, which means it requires some additional authentication steps before it will allow Monarch to access your profile information. To begin the process, first log in to your Twitter.com account and then access the Application Manager. Here you will need to fill in several fields as outlined below:
Name
This can be anything you want. Just something to remember it by.
Description
This can be anything you want as well.
Website
The full URL to your website (for example, http://www.yourwebsite.com).
Callback URI
This setting requires a very specific URL to identify your app. The URL that must be pasted here is the URL that leads directly to the Social Follow Networks tab in the Monarch settings inside your WordPress Dashboard. To get this URL, log in to your WordPress Dashboard and click Tools > Monarch Settings> Social Follow > Networks and then copy and past the URL from your address bar. It will look something like this:
http://www.yourwebsite.com/wp-admin/tools.php
Once you have filled in the required information, click the 「Create Your Twitter Application」 button and you will be taken to a new page that contains the information you will need to link Monarch to your account. Copy and paste the Consumer Key, Consumer Secret, Access Token and Access Token Secret into the Twitter API settings within the Networks tab of your Monarch settings panel. Click the 「Authorize」 button the complete the process. Monarch will now grab your twitter follower counts automatically.

Youtube
Youtube uses authorization keys for its API, which means it requires some additional authentication steps before it will allow Monarch to access your subscriber count. First, input the ID of your channel into the 「name」 field within the Monarch networks tab. The channel ID can be found at the end of your channel URL. For example:
https://www.youtube.com/channel/UCuasRuWliU48RwnKXf9GesA

Obtain An API Key
Now, log in to your Youtube account and then access the Google Developers Console where you will create a new Project. Then in the sidebar on the left, click Overview. In the list of APIs, make sure YouTube Data API v3 is included in the list of Enabled APIs.

In the sidebar on the left, select Credentials. Click the blue Create credentials button and select API key. For the key type, select Server key and then assign it a name to remember it by. Finally, select the blue Create button. You will now see your new API Key. You must copy and paste the API Key into the Youtube authentication fields within the Social Follow tab of the Monarch control panel. When you click the 「Authorize」 button, Monarch will automatically grab your Youtube share and follower counts.
Pinterest
Pinterest makes it easy to access the API for your account. Simply input the URL to your Pinterest profile page into the Pinterest URL field in the Networks tab of your Monarch settings panel. Monarch will now grab your follower counts automatically.

Facebook

Facebook uses OAuth for its API, which means it requires some additional authentication steps before it will allow Monarch to access share and follow information. To begin the process, open Monarch』s control panel and go to the Social Follow Networks tab. If you have not done so already, go ahead and enable Facebook by clicking Add Networks. Now you will see four input fields. In the second field (from the left) input your Facebook Page』s complete URL. In the third field, input only your Facebook Page』s name. For more information on how to setup a name for your Facebook Page see this article in Facebook』s Help Center.
Page URLs will typically have the following format: http://facebook.com/your-page-name

To obtain an App ID & Secret for Monarch, log in to your Facebook account and then access the Facebook
Developers page. From the main menu, hover over 「My Apps」 and then click 「Add a New App」.
Now, input a name for your App. This can be anything you want. It』s just something to remember it by. Next, adjust the contact email if necessary and click Create App ID.
In the next step you are prompted to 「Select a Scenario」 where you can select the first option 「Integrate Facebook Login」. Click on 「Confirm」 to confirm the selection.

Now, from the main menu on the left, find the Products section and click Facebook Login > Settings.
Find the field labeled Valid OAuth redirect URIs and input your site』s redirect URL using the following format (replace the highlighted portion with your domain):
https://your-website.com/wp-admin/tools.php?page=et_monarch_options#tab_et_social_tab_content_general_main

Now click the button labeled Save Changes located at the bottom-right side of the page.
Note: As of March 2018 all new apps created have the 「Enforce HTTPS」 option enabled by default and it cannot be turned off. More information about this can be found here.
Finally, you must copy and paste the App ID and the App Secret into the Facebook authentication fields within the General Settings tab of Monarch』s control panel. You can find the ID and Secret in Settings > Basic from the left side menu.

Leave this tab opened and head out to your WordPress Dashboard > Tools > Monarch Settings > General Settings and enter the App ID and App Secret from your Facebook app.

Once you click on the Authorize button you will be redirected to the Facebook authorization page where you may see a popup with a warning message saying 「Some of the permissions below have not been approved for use by Facebook. Submit for review now or learn more「. This warning message can be disregarded as long as the account you are using to authorize is administrator on both the app and the Facebook page. Click on 「Continue as …」 then 「Ok」 to complete the authorization and now Monarch will automatically grab your Facebook share and follower counts.

Instagram
Instragram uses OAuth for its API, which means it requires some additional authentication steps before it will allow Monarch to access your profile information. To begin the process, first access the developer clients manager. Once you have clicked the URL, you will be asked to log in to access the API tools.
Once logged in, click the 「Register Your App」 button to get started. Then, click the 「Register a New Client」 button at the top of the screen. On this screen, you will need to fill in the following fields:
Application Name
This can be anything you want. Just something to remember it by.
Description
This can be anything you want as well.
Website
Input the full URL to your website (for example, http://www.yourwebsite.com).
OAth Redirect URI
This setting requires a very specific URL to identify your app. The URL that must be pasted here is the URL that leads directly to the Social Follow Networks tab in the Monarch settings inside your WordPress Dashboard. To get this URL, log in to your WordPress Dashboard and click Tools > Monarch Settings> Social Follow > Networks and then copy and past the URL from your address bar. It will look something like this: http://www.yourwebsite.com/wp-admin/tools.php?page=et_monarch_options#tab_et_social_tab_content_follow_networks

Once these fields have been filled out, click the 「Register」 button to complete the process. You will be brought to a new page that lists the information of your new app. You will need to copy and paste the Client ID and the Client Secret into the Twitter API settings fields within the Monarch Social Follow Networks tab, and then click the 「Authorize」 button to complete the process. Once authorized, your website will grab your social follow counts automatically.

LinkedIn
LinkedIn uses OAuth for its API, which means it requires some additional authentication steps before it will allow Monarch to access your company profile information. To begin the process, first access the secure developer tools. After you click the URL, you will be asked to log in to access the API tools.
Once logged in, click the 「Add New Application」 button to get started. You will be taken to a new page where you will need to fill in the following fields as shown here:
Applicate Name
This can be whatever you like.
Description
This can be whatever you like.
Website URL
Input the full URL to your website (for example, http://www.yourwebsite.com).
Live Status
Set to 「Live.」
Default Scope
r_basicprofile (only have this selected)
OAuth 2.0 Redirect URL
This setting requires a very specific URL to identify your app. The URL that must be pasted here is the URL that leads directly to the Social Follow Networks tab in the Monarch settings inside your WordPress Dashboard. To get this URL, log in to your WordPress Dashboard and click Tools > Monarch Settings> Social Follow > Networks and then copy and past the URL from your address bar. Next, delete everything after the # character within the URL (http://www.yourwebsite.com/wp-admin/tools.php?page=et_monarch_options#tab_et_social_tab_content_follow_networks). In the end, it will look something like this: http://www.yourwebsite.com/wp-admin/tools.php?page=et_monarch_options
OAuth 1.0 Accept Redirect URL
Input the same URL as used in the field above.
Next click the 「Add Application」 button to complete the process. This will bring you to a success page with some information that you will need to input into the LinkedIn API fields within the Networks tab of the Monarch settings page in your WordPress Dashboard. Copy and paste the API Key and the Secret Key into the required fields, and then click the Authorize button the complete the profess. Monarch will now be able to grab your company』s follower counts automatically from LinkedIn.

Dribbble
Before Dribbble will give Monarch your follower count, you will first need to register an application and receive an access token. First, log in to Dribbble.com and then access the Register Application page. Here you will need to fill in the following fields:
Name
This can be anything you like.
Description
This can be anything you like.
Website URL
Input the full URL to your website (for example, http://www.yourwebsite.com).
Callback URL
Input the full URL to your website (for example, http://www.yourwebsite.com).
Next click the 「Register Application」 button. You will be taken to a new page with three pieces of information. Copy and paste the 「Acess Token」 into the Dribbble Access Token field within the Networks Tab of your Monarch settings page. Monarch will now grab your follower counts automatically.

Vimeo
Vimeo uses OAuth for its API, which means it requires some additional authentication steps before it will allow Monarch to access your profile information. To begin the process, log in to your account and then access the Vimeo API Tools to get started.
Click the 「Create A New App」 button, and then fill in the required fields as outlined below:
App Name
This can be anything you want. Just something to remember it by.
App Description
This can be anything you want as well.
App URL
Input the full URL to your website (for example, http://www.yourwebsite.com).
Callback URI
This setting requires a very specific URL to identify your app. The URL that must be pasted here is the URL that leads directly to the Social Follow Networks tab in the Monarch settings inside your WordPress Dashboard. To get this URL, log in to your WordPress Dashboard and click Tools > Monarch Settings> Social Follow > Networks and then copy and past the URL from your address bar. It will look something like this: http://www.yourwebsite.com/wp-admin/tools.php?page=et_monarch_options#tab_et_social_tab_content_follow_networks
Click the 「Create App」 button to bring you back to the developer tools home page. Next click the 「Authentication」 tab, which will give you a list of information about your new app. You will need to copy and paste the Client Identifier and the Client Secret into the Vimeo authentication fields within the Network tab of the Monarch settings panel. Once you click the Authorize button, Monarch will automatically grab your Vimeo follower counts.

Soundcloud
Soundcloud requires two pieces of information in order to grab your follower counts via their API: Name and Client ID. To access these details, you will first need to register an app within your Soundcloud account.
Log in to your Soundcloud.com account and then access the Soundcloud Apps Page to get started. Click the 「Register A New Application」 button to begin the app creation process.
Next you will be asked to fill in the following information:
Name
This can be anything you like.
Website of your app
Input the full URL to your website, such as: http://www.yourwebsite.com
Redirect URL
This setting requires a very specific URL to identify your app. The URL that must be pasted here is the URL that leads directly to the Social Follow Networks tab in the Monarch settings inside your WordPress Dashboard. To get this URL, log in to your WordPress Dashboard and click Tools > Monarch Settings> Social Follow > Networks and then copy and past the URL from your address bar. It will look something like this: http://www.yourwebsite.com/wp-admin/tools.php?page=et_monarch_options#tab_et_social_tab_content_follow_networks
Click the 「Save App」 button. After your application has been saved, copy and paste the 「Client ID」 (which will be listed on the app page your are currently on) and your SoundCloud Username into the SoundCloud API settings within the Networks tab of your Monarch settings panel. Monarch will now grab your follower counts automatically.

Github
Github makes it easy to grab your follower counts. All you need to do is input your Github username into the Github 「Name」 field within the Networks tab of your Monarch settings panel.

VK
Before you can configure VK, you first need to figure out your User ID, which is actually different than the VK username you use when logging in. To access this User ID, log in to VK and then go to the Account Settings page. Scroll down and look for the 「Your Profile ID」 section, and then copy and paste your Profile ID into the 「User ID」 field within the VK API settings inside the Network tab of your Monarch settings panel.

Customizing The Monarch Design

Customizing The Monarch Design

Customizing The Monarch Design
Monarch comes with some great design customization options for each integration area.

An Overview Of The Monarch Design Settings
Monarch is packed full of design options so that you can fully customize your sharing and follow buttons into your website』s design. Combining button shape options, icon placement, icon spacing, button hover effects, and unlimited color options, the design possibilities are countless.
Hover Styles

Sidebar Hover Styles
Choose from 5 hover effects for you floating sidebar. These hover effects become even more diverse as you mix them with different button shapes and button spacing as described below.
Inline Button Hover Styles
Choose from 4 hover effects for you inline sharing and following buttons. Again, these hover styles become more unique when combined with other design settings.
Icon Shapes

Monarch comes with three different button shapes. You can choose for you buttons to have squared corners, rounded corners, or be circles. If you choose circle shapes, your network labels and counts will appear outside of the button in contrast to the rectangular shapes which include network icons, labels, and counts all within the button.
Icon Orientation

Another great design option is your icon orientation. This doubles the design possibilities and can really effect the outcome of your custom designs. If you choose 『Left』 Orientation, your button content will appear to the right of the network icons. If you choose a 『Centered』 orientation, your button content will appear below your network icons. See below for info about button content
Icon Spacing

This setting lets you add a spacing between your buttons or remove it entirely for a two very different looks.
Button Content

Display Follow/Share Counts
This setting lets you display either the share or follow count alongside the network icons. This is a great way to show off how popular a page or social profile is.
Minimum Count Display
Sometimes content is new and profiles are young. This setting lets you set a minimum display count so that a count will not display if it is under your defined threshold.
Display Network Labels
This setting lets you display a button label. By default, this is the network name, but it can be customized to say things like 『Pin This』, 『Tweet This』, or 『follow Us』.
Column Display

Monarch comes with three different button shapes. You can choose for you buttons to have squared corners, rounded corners, or be circles. If you choose circle shapes, your network labels and counts will appear outside of the button in contrast to the rectangular shapes which include network icons, labels, and counts all within the button.
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 buttons.
Hover Background Color
This color picker will define the background color of your buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your buttons』 icons.
Icon Color
This color picker will define the color of your buttons』 icons when the user hover over a button.

An Overview Of Social Sharing Flyins

An Overview Of Social Sharing Flyins

An Overview Of Social Sharing Flyins
Flyings are a great way to encourage sharing when visitors are most engaged with your post.

An Overview Of The Flyin Settings

Automatic Flyins are not only extremely easy to create with Monarch, but they are one of the most elegant ways to engage your users. Flys are either appear in the lower left or lower right corner of your visitors』 browsers and you can fully customize your flyin』s title, message, and display trigger.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Flyin 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 Flyin a Custom title to further engage your readers.
Message
Input Custom Message
Give your Flyin a Custom message for a more detailed call to action, such as 「Share this page with your friends. Thanks for stopping by!」.
Display Settings
Choose Location
You can choose to display social flyins in either the lower left or lower right corner of your visitor』s browser.
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 flyins 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.
Trigger After Time Delay
Enabling automatic flyins will trigger sharing flyins 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 with a social flyin.
Trigger After Inactivity
This will cause the flyin 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 flyin 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 flyin 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 flyin 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 flyin if you have multiple triggers enabled.
Display Once Per Session
By Default, Monarch will display a flyin on any and every page that has flyins enabled once per page view. Selecting this option will only present a visitor with one flyin 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 flyin 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 flyin』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 flyin 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 flyins 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 flyin sharing buttons.
Hover Background Color
This color picker will define the background color of your flyin sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your flyin sharing buttons』 icons.
Icon Color
This color picker will define the color of your flyin 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 social flyins to appear on. Note that you can override any of these settings on a per post basis.