How To Create A Monarch Shortcode

The Monarch by Elegant Themes is a great social media sharing plugin for WordPress. It gives you the ability to display social media sharing icons either at the start or at the end of your content, as well as in pop-ups, floating bars, widget areas, or flyins.

 

Advantages Of Using Monarch

There are a plethora of free WordPress plugins available out there, but Monarch is one of those that has something in it that makes it stand out.

 

Here are some fantastic features of the plugin:

✓  Clean code.
The simple code of the social media sharing plugin means that the speed and overall performance of your page will not be affected. You will also not have any SEO problems with your WordPress site.

✓  Clean and customizable designs.
No need to worry about the plugin elements fitting your brand or the aesthetics of your website. Monarch offers full design options for seamless design integration.

✓  Responsiveness. 
The sharing icons of the plugin are fully responsive and will look amazing on all types of device, no matter how big or small.

✓  Modes
It comes with a wide array of modes for displaying not only social sharing icons but also following widgets over various sections on a page. You can place the icons at the top or below your post, in a sidebar widget, on images and videos, automatic popup, and automatic flyin.

✓  Popup and flyin triggers.
You can trigger your popups and flyins which you can base on unique user interactions. With this feature, you can capture the attention of your visitors when they are most engaged or when they are about to leave your page.

✓  Social following.
You will be able to build and display your social following by allowing your users to see the profiles of your social media channels, follow counts, and follow you easily.

Creating A Shortcode For Monarch Icons

Well, as they say, nobody’s perfect! The Monarch plugin may be a well-rounded tool, but it seems to forget to incorporate one essential feature…a shortcode which users can use to add social media icons manually within a particular page.

Don’t worry though we have come up with a solution for that.

We just need to do some simple and quick tweaking to the functions.php of your child theme. You can use the shortcode to add inline social sharing icons manually to a specific post, page, etc.

Here are the steps:

Step 1:  Install the Monarch Plugin

Step 2:  Create the Divi Child Theme
If you need help with creating Divi Child Theme, please follow this tutorial or use FREE Child Theme Generator.

Step 3:  Add the code below to your child theme functions.php file

 

Step 4: Select the inline custom option on Monarch Plugin settings.

Step 5: You can use [YourShortCodeName] shortcode on Text/Code Module.

If you are looking to boost your social sharing and following, Monarch is a good option that can help you with that. It is an excellent plugin that combines the power of social sharing and social follow. I hope you find this post useful! Let us know what you think of Monarch and this tutorial in the comment section below!

Nilesh Mokani

Nilesh Mokani

Divi expert, diligent and zealous for work with strong abilities to meet new challenges and exploring new opportunities. Learning new technologies in IT industry is his passion.

To celebrate the launch of Divi Testimonial Slider 1.5, we're giving away 15% off. Get advantage of this special offer before it's too late!
Use coupon code SLIDER15 at checkout!

13 Comments

  1. Nosunelanube

    Great tutorial! Very useful to add Monarch. Thanks for the post Nilesh!

    Reply
    • Nilesh Mokani

      Thank you Nosunelanube.

      Reply
  2. Elisandro Borges

    Thank you, Nilesh! Awesome tutorial! Do you know how we could display the share icons on the blog module?

    Reply
    • Nilesh Mokani

      Thank you Elisandro Borges. You need to do custom code for that.

      Reply
  3. Noëlle Steegs

    Hey Nilesh, thank you for this *awesome* tutorial! Shortcodes was just the thing I thought Monarch was missing. I’m going to make my client’s sticky, inspired by the Hubspot blog. 😉

    Reply
    • Nilesh Mokani

      Thank you Noëlle 🙂 I’m glad to hear it was helpful!

      Reply
  4. Peter

    Wonderful and helpful to come across this post. Seems strange to me that they allowed for a manual placement of the Social Follows with ShortCode but not the Social Sharing. I kept looking around for it!

    Saved the day – thanks Nilesh!

    Reply
    • Nilesh Mokani

      Thank you Peter

      Reply
  5. Catherine

    Thank you SO MUCH Nilesh! I was looking for it for a very long time, asking ElegantTheme for this function for more than 3 years… Your function is a life saver … and a come back to Monarch.

    Reply
  6. alice

    Hi Nilesh. Thanks for this. Just wondering if the new code will get overwritten when the plugin is updated?

    Reply
  7. Mike Rezl

    Thank you! This still works.

    Reply
  8. Tonia

    Hi, thank you, it sounds what I am searching for.. I’m a beginner and I do not understand this think.. when you write “YourShortCode” what do you mean? I have to write something else instead of “YourShortCode”? Thank you so very much

    Reply
    • Maciej Ekstedt

      Hi Tonia,

      Yes, you can replace “YourShortCode” with anything you want.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Sign up to our newsletter list

Pin It on Pinterest

This site uses Cookies to improve your online experience. By continuing to use this site without changing your cookie preferences we will assume that you are agreeing to our use of cookies. For more information visit ourPrivacy Policy.
Understood