Slim Down Your Email Optin with Our Tutorial and Free Custom Module

Are you looking for ways to slim down your Bloom email optin module? Would you like something fit and stylish to grab your visitors’ attention? Aren’t you lucky! We’ve just released our new custom Divi slim optin module, and it’s completely FREE for our subscribers!
Bigger Doesn’t Mean Better

Our slim email optin module consists of carefully selected elements. Short text asking your visitors to subscribe is followed by an email address box with a subtle icon, and a CTA button which stands out thanks to a beautiful gradient. It’s simple and unobtrusive, yet inviting – and so easy to fill in!

What are you waiting for? Slim down your optin module and watch your subscription rate rise!

Please note: To use this custom module, you need to have the Divi theme and the Bloom plugin from Elegant Themes installed.

If you aren’t our subscriber yet, enter your email address below to download the custom slim email optin module for Divi. Our subscribers regularly receive free layouts, custom modules and plugins, and special product offers which you can’t miss!

Subscribe to download for free →


Download, install and configure the Bloom plugin

The Bloom plugin requires an account on one of the most popular email marketing platforms. After the plugin is installed, we need to select the platform we are going to use and add the username and the API key. The integration is seamless. Bloom provides integration with most of the email marketing platforms such as MailChimp, Aweber, Campaign Monitor, GetResponse and more.

Download Bloom →


Add new optin

Once we add and authorize our email marketing account to the Bloom plugin, we can add a new email optin form. For this tutorial, we used an inline form. To do that, go to Bloom → Optin Forms, click Add New, and select Inline form.


Configure the optin form

In this step, we need to select the proper settings that will make our custom CSS, which we are going to add in next steps, work correctly. The following two options here are crucial. We need to make sure that Form Field Corner Style in Form Styling section is set to Squared Corners (yes… even if we are planning to do Rounded Corners, this option must be set to squared, otherwise our custom CSS won’t work). The second option we need to set is Corner Style in Optin Styling section, and it must be set to Rounded Corners (see image below).  Save form!


Add custom CSS

Before we add our new form to the page, we need to add custom CSS. This code will make our email field rounded, add email icon, and also apply gradient to the button. This gradient can be edited by adding our own code. For this tutorial I have used gradient generator.
Add the following custom CSS to Divi→ Theme Options→ Custom CSS:


Import Divi sections to the Divi Library

The download package includes a json file that will add three sections to your Divi Library: Mobile Optin, Tablet Optin, and Desktop Optin. Each one is displayed respectively on different devices depending on screen resolution. Go to Divi → Divi Library and click the Import/Export button located at the top of the screen. Now select the Import tab, click Choose File, and select the slim_optin.json file that can be found in the download package.

Subscribe to download for free →


Add sections to the page

Our email optin is ready! In this last step, we just need to add the saved sections to the page where we want our slim email optin section to be displayed. Open the page and click Add From Library. Repeat this step for all 3 sections: Mobile Optin, Tablet Optin, and Desktop Optin.

Note: Make sure that the shortcode for the form in Code module is proper. If you haven’t used Bloom plugin before and haven’t created any opt-in form before, it will work and no changes are required.

Let us know in the comments below if you liked this free module! Your feedback gives us motivation to create new products and freebies. And if you have any suggestions about what we could make for you next, let us know!
Maciej Ekstedt

Maciej Ekstedt

Maciej is the founder and CEO of B3 Multimedia Solutions. He is a self-made web designer and marketing expert, and he loves his job so much that he barely leaves the office. He transforms creative ideas into effective strategies for his company and for his clients. Maciej is fascinated by the phenomenon of megalopolis. He notices patterns and details which make up the whole thing, and he uses these skills in his work.

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!


  1. Johannes

    No Screenshot, no demo of the final result?

    • Maciej Ekstedt

      Hi Johannes,
      The screenshot is at the very top of this post 😉

  2. Chris Buckley

    Hi Maciej,

    Could you provide a direct link to download the slim_optin.json file please?

    I’d be very grateful as I can’t find it on the links that’s been suggested.

  3. Courtney Evans

    I’m having issues with the email icon. I have 5 random icons in eight before my email field. I’m clueless on how to fix this. Any ideas?

    • Maciej Ekstedt

      Hi Courtney, can you please provide issue URL? I can take a look at what’s the issue there.

      • Courtney Evans

        Thanks for answering so quickly! Sadly I can’t provide a URL. However, the only thing I changed so far is the colors. But here’s an image of the icons –

        • Maciej Ekstedt

          Sorry, but it’s not possible to give you any advice without seeing the website. The code you have added won’t help. There is something that doesn’t work at your end.


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.