5 Ways to Use the Monarch and Bloom Plugins

Monarch and Bloom are two popular plugins from Elegant Themes that are included with the ET membership. They work with or without Divi or Extra and provide professionally designed social buttons and opt-in forms. They’re popular and we usually see them in the standard locations you’d expect on a website. In the article, we’ll take a look at 5 ways to use Monarch and Bloom that are easy to use but not as popular as other methods.

What is Monarch and Bloom?

Let’s take a quick look at what Monarch and Bloom actually are.

  • Google+
  • Facebook
  • Twitter

Monarch provides social sharing and social follow buttons and was designed to improve both. Choose the design you prefer and place them in multiple locations on your website. Place them on the side of the page, within the content, on media, within widgets, as a popup, or as a fly in. Choose from multiple styles and shapes, choose display options, customize the colors, and choose the post types that display them.

  • Google+
  • Facebook
  • Twitter

Bloom is an email opt-in plugin with built-in templates that you can use or you can customize your own. Choose from multiple newsletter providers, create multiple forms, perform a/b testing, display the form as a popup, inline, fly in, below the content, within a widget, and use it to unlock content. Choose your trigger such as time delay, the bottom of the post, after scrolling, after commenting, after purchasing, or after inactivity.

1. Monarch Social Sharing Fly In

  • Google+
  • Facebook
  • Twitter

Go to the Monarch menu (in the dashboard, go to Tools>Monarch Settings). Here you’ll find Social Sharing and Social Follow. In the Social Sharing Locations tab you can create five different ways to use Monarch’s sharing buttons. In the Social Sharing Locations tab, click the icon under Fly In (it appears on hover).

  • Google+
  • Facebook
  • Twitter

Select the Networks tab under Social Sharing to choose which networks will display.

  • Google+
  • Facebook
  • Twitter

Click the Fly In tab under Social Sharing. Here you can choose your icon style and shape, and choose how it displays.

  • Google+
  • Facebook
  • Twitter

Scroll down and add a title and message that the icons will display.

  • Google+
  • Facebook
  • Twitter

Next, choose your display settings. Choose the location, icon alignment, number of columns, animation, trigger, display options, etc. Triggers include time, activity, when the reader reaches the bottom of the post, after they comment, or after they make a purchase. Display the share counts, total shares, network names, the ‘All Networks’ button, remove icon spacing, and hide on mobile.

  • Google+
  • Facebook
  • Twitter

You can choose to customize it with your own colors. Adjust the background, hover background, icon, and hover icon colors.

  • Google+
  • Facebook
  • Twitter

Choose the post types that will display the fly in. Choose from the home page, posts, pages, and projects.

  • Google+
  • Facebook
  • Twitter

I’ve set the fly in to appear in the bottom right corner, where it’s displaying the three social networks that I chose from the list.

2. Monarch Social Sharing Media

  • Google+
  • Facebook
  • Twitter

Go back to the Monarch Social Sharing screen and select Media.

  • Google+
  • Facebook
  • Twitter

Select On Media in the Social Sharing tab and choose your icon style and icon shape.

  • Google+
  • Facebook
  • Twitter

Scroll down and choose the Display Settings. Here you can choose a left or centered alignment, the number of columns (up to 6), and display the share counts, total shares, network names, the ‘All Networks’ button, the outer text color (dark or light), remove the icon spacing, and hide on mobile.

  • Google+
  • Facebook
  • Twitter

Enable Use Custom Colors and select your background, hover background, icon, and hover icon colors.

  • Google+
  • Facebook
  • Twitter

Select the post types you want the buttons to display on. Choose between post and project.

  • Google+
  • Facebook
  • Twitter

The social sharing buttons appear on the media on hover.

3. Monarch Social Follow Shortcode

  • Google+
  • Facebook
  • Twitter

In the Monarch Social Follow tab, select Networks and choose the social networks you want to include.

  • Google+
  • Facebook
  • Twitter

In the Monarch menu, select the Social Follow tab and click Shortcode. Select your icon style and shape.

  • Google+
  • Facebook
  • Twitter

Scroll down to see the Display Settings. Choose the icon placement (centered or left, the number of columns (up to 6), display the follower counts, minimum count display, total followers, network names, outer text color (light or dark), remove the icon spacing, and hide on mobile.

  • Google+
  • Facebook
  • Twitter

Enable the color settings if you want to customize the colors. Choose the background color, hover background, icon, and hover icon color.

  • Google+
  • Facebook
  • Twitter

When you’re finished with your settings, click the Generate Shortcode button and copy the shortcode to place it within your content.

  • Google+
  • Facebook
  • Twitter

Place your shortcode anywhere you want in your content. I’ve added it to a Divi text module.

  • Google+
  • Facebook
  • Twitter

I’ve added the shortcode to a Divi layout. It now shows the follow buttons that I selected.

4. Bloom Popup

  • Google+
  • Facebook
  • Twitter

Create a new opt-in and select Pop Up. Create the opt-in’s setup and design as normal.

  • Google+
  • Facebook
  • Twitter

The Display Settings screen is where you’ll design how the popup works. The Pop Up opt-in does not require a shortcode. It works according to the display settings. The Load-In Settings determines the intro animation and trigger. Most trigger options have a delay option. Choose between time, inactivity, when the user reaches the bottom of the post, after they make a comment, after scrolling, after they make a purchase, or when they click something. You can also have it to only display once per session, hide it on mobile, and to automatically close after they’ve subscribed.

  • Google+
  • Facebook
  • Twitter

Choose on which content it displays. You can display it on everything, only the homepage, blog page, archives, categories, tags, posts, pages, and projects.

  • Google+
  • Facebook
  • Twitter

If you choose to display it on categories, you can choose which categories to include or exclude. They’re all enabled by default.

  • Google+
  • Facebook
  • Twitter

You can also enter the pages that it will display on and the posts it will or not display on.

  • Google+
  • Facebook
  • Twitter

You can add to the list or remove them one at a time.

  • Google+
  • Facebook
  • Twitter

Choose the action type between a success message and redirecting to a URL.

  • Google+
  • Facebook
  • Twitter

The popup works automatically on the pages, posts, etc., that you set it up for.

5. Bloom Locked Content

  • Google+
  • Facebook
  • Twitter

This requires someone to subscribe before they can have access to specific content. Create a new opt-in and select Locked Content.

  • Google+
  • Facebook
  • Twitter

Create the opt-in as normal and generate the shortcode.

  • Google+
  • Facebook
  • Twitter

You can also generate the shortcode in the Active Optins list by selecting the brackets for the opt-in.

  • Google+
  • Facebook
  • Twitter

Paste the shortcode within your content. The shortcode is in two parts: the first half goes before the content you want to lock and the second half goes after the content you want to lock. Replace the word content with the actual content.

  • Google+
  • Facebook
  • Twitter

Now the download link will be locked. This content can be any type of media, a download link, text, video, etc.

  • Google+
  • Facebook
  • Twitter

It displays the form instead of the content.

  • Google+
  • Facebook
  • Twitter

Subscribing removes the opt-in form and reveals the content that you placed within the shortcode’s brackets.

Ending Thoughts

That’s our look at 5 ways to use Monarch and Bloom. Both products are highly intuitive and do their job well. They offer lots of features designed specifically to improve interaction with your website. There are lots of ways to use them. These five are not used as often, but all 5 are excellent ways to improve to improve social follows, shares, and opt-ins.

Do you utilize any of these 5 ways to use Monarch or Bloom? Let us know about your experience in the comments.

Randy Brown

Randy A Brown is a professional writer specializing in WordPress, eCommerce, and business development. He loves helping the WordPress community by teaching readers how to improve their websites and businesses. His specialties include product reviews, plugin and theme roundups, in-depth tutorials, website design, industry news, and interviews. When he's not writing about WordPress he's probably reading, writing fiction, or playing guitar.

Previous post
Next post

4 Comments

  1. John J.

    Great article! Thank you. I do have a question though. I’m trying to find out how to display the Monarch share feature on mobile but don’t want it to initially be stretched across the bottom of the screen. I want it to be in the closed position in the lower left corner until the user clicks it to open. Do you or anyone there know how to achieve this??? Much thanks

    Reply
  2. Johan Linder

    Good post. Some of these ways I was not aware of.
    Will try #5 for a new client now. Thanks.

    Reply
  3. Michael

    Great options. Wish the locked content had option to require sharing instead of only subscribing. People are more open to share vs. subscribing to a newsletter.

    Reply
    • Troy Coroles

      I really like the “Pay With A Like” plugin from WPMU DEV. It has several options to do what you’d like. Not sure if there if a free version of it though…

Submit a Comment

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


Receive notifications about our new blog posts.