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 →
1

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 us MailChimp, Aweber, Campaign Monitor, GetResponse and more. Download Bloom →
2

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

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!
4

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:
5

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 →
6

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 create any optin 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.4, we're giving away 10% off. Get advantage of this special offer before it's too late!
Use coupon code SLIDER10 at checkout!

0 Comments

Submit a Comment

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

Pin It on Pinterest