Inline Opt-in Form using Fluent Forms

Would you like a for a simple horizontal Email Opt-in form using Fluent Forms on your WordPress site? Just read along with this simple guide to learn how to apply this feature.

Step-1:

At first, you have to Install and Activate Fluent Forms. You can connect to MailChimp through the free version.

The Pro version includes integrations with ActiveCampaign, Campaign Monitor, Constant Contact, ConvertKit, GetResponse, HubSpot, iContact, MooSend, SendFox, MailerLite, Gist, Zapier, Webhooks, etc.

This tutorial will work for both free & pro versions of Fluent Forms as long as the version number is at least 3.0.6.

Step-2:

The next step is to navigate to Fluent Forms>Tools>Import Forms.

Then click on this link to import this form. You have to edit the form and connect the form with the provider of your mailing list. And copy the Shortcode.

Step-3:

Use the Page Editor to edit your Template/Page where you want to display the form. Then you need to add a Section.

.section{
     background-color:#f0f0f0;
     align-items:center;
 }

Now it’s time to add a Heading. You may want to change the tag to H2(or H3 etc).

.heading{
     color:#566d8f;
     font-size:20px;
}

Then you have to add a shortcode component. And paste this shortcode taken from the earlier step.

.shortcode{
     margin-top:20px;
     width:100%;
     max-width:600px;
}

That’s all! This is how you customize a simple horizontal email opt-in form.

Was this article helpful to you?

1

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket