Technology Blog

Alright! So do you want to learn how to integrate WPForms WordPress forms with your MailChimp subscription form without writing a single line of code?

Adding the leads coming via WordPress forms to MailChimp list a great way to followup your leads continuously and to develop a bigger following.

In this article, we’ll show you how to integrate your WordPress form with MailChimp forms with a few single steps (no coding required).

• You may also like: WPForms ActiveCamapaign Integration

Step 1: Create a MailChimp Subscription Form in WordPress

First thing first! Let’s create your MailChimp subscription in WordPress.

You’ll need to install and activate the WPForms plugin to create forms with MailChimp integration capability.

Next, go to WPForms » Addons and find the Mailchimp Addon.

Got it? Great! Let’s install and activate the Mailchimp Addon.

Alright!

Once the MailChimp addon of WPForms is installed, we’re ready to create our first form.

Go to WPForms » Add New to create a new form.

On the next screen, name your first form. Let’s call it ‘Newsletter form’ as an example here. Now, select ‘Newsletter template‘ as Templates section.

Awesome! WPForms will create a simple signup form for you to work with.

On this screen, you can drag and drop elements from left hand side to the form builder canvas to add additional fields. Additionally, you can click each of the form elements to edit the look and feel and copy of the same.

You can also click on the elements and drag the same to re-arrange positions.

PRO TIP: It is recommended to enable the GDPR Agreement checkbox to the forms which are integrated with MailChimp, which provides an option for visitors to confirm that they agree to store their personal data and to allow sending email marketing materials. This field mandatory for a few counties, especially the EU.

To use the GDPR form field, go to WPForms » Settings and click on the GDPR Enhancements checkbox.

By enabling the GDPR enhancement checkbox, you’ll be able to:

• Disable user cookies
• Disable user details, which includes IP addresses and User Agent data
• Access the GDPR form field for your WordPress forms

Once you have done all necessary modifications on the form, click Save. You can modify the form whenever you need to.

Once the form is ready, it’s time to integrate the form with MailChimp.

Step 2: Connect Your WordPress Form to Mailchimp

To connect your new WPForms WordPress form with MailChimp, go to Marketing » Mailchimp.

Click Add new Connection.

A popup will appear to name this connection. This is to identify each connections if you’ve multiple MailChimp accounts.

On the next screen, enter your MailChimp account API credentials to connect MailChimp your account with WordPress. You get the API key by login to your MailChimp account, Then, go to Your Profile » Extras » API Keys.

Just copy and paste your API keys to WPForms and confirm it by clicking on ‘Add New Connection‘.

Once you enter the API key, do the following actions:

• Select your Mailchimp account
• Pick the email list you want people to be added to when they subscribe
• Click on the Email Address dropdown, and any other form fields you want to be added to your Mailchimp account when someone subscribes
• Enable conditional logic if it applies to your form
• Enable the double optin option if you want

Click Save to confirm the configurations.

Step 3: Configure Your Subscribe Form Notifications

By enabling the notifications, you will get instant emails with all the field data whenever someone complete your form.

The email notification option is enabled by default and you can disable or add more email addresses if you want to.

if you want to send a copy of the submitted field data for reference of the visitors, use SmartTags.

Step 4: Configure Your Subscribe Form Confirmations

Confirmation actions let users immediately know that form submitted successfully.

There’re THREE different ways of form submission confirmation in WPForms as follows:

1. Message. This confirmation type will display a simple message
2. Show Page. This confirmation type will take site visitors to a specific web page
3. Go to URL (Redirect). This last confirmation type will send site visitors to a different website URL

Step 5: Add Your Mailchimp Subscribe Form to Your Site

Once you’ve created your WordPress subscription form, you need to add it to your website. WPForms can be added anywhere on your WordPress website including, Posts, Pages, or as a sidebar widget using shortcodes.

Let’s take a look at the post / page embed option as an example user case.

Start by creating a new post or page in WordPress and then click on the Add Form button.

On the next screen, choose your WordPress form.

Awesome! We’re reaching final inches. Just publish your WordPress page/ post and the form will appear.

You’re missing out on attracting your visitor’s attention and urgency development if you aren’t leveraging Smart Tags in designing your on-site marketing campaigns/ promotions.

Read this post to know how you can also use Smart Tags to maximize the output from your on-site marketing strategy.

In this example, we will be using one of the best conversion optimisation tool, OptinMonster.

What are smart tags?

Smart Tags let you add dynamic text while setting up your campaign to personalize your visitor’s experience. The variable data may be the name of the returning user (via email or another pages, current location, date & time, etc).

How?

You can automatically show a visitor’s name or today’s date of the month with the help of specially formatted placeholder text, and also add date and time, city name etc of the vistors without writing any single line of code.

Interesting right?

These are the steps that you should follow to increase your conversions for your offers:

• Start by adding or editing the text element in the campaign builder appearing on the left side.

• Then, click on the curly braces {} button to see the list of some predefined smart tags.

• Choose the predefined Smart Tag as per your requirement. The selected Smart Tag will automatically start showing in the text field editor.

• There is also an option to use a default value that you can use if the tag is unable to find the needed information.

• Once you’re done with the setup, Save changes.
• Whenever the campaign will be live, dynamic value will replace the smart tag.

Types of Smart Tags:

1. Predefined Smart Tags
   Some examples of predefined Smart Tags that are available for use are:
   • {{form_first_name}}: Displays the first name in the name field
   • {{month}}: Shows the current month (e.g. “March”)
   • {{city}}: Mentions the visitor’s city
   • {{page_title}}: Enters the title of the current page
   • {{campaign_name}}: Shows the name of the current campaign
2. Custom Smart Tags
   Custom Smart Tags are defined by you and contain any particular type of data you want.

If you are also thinking to boost your website conversions to increase profits, sign up and create your first campaign with smart tags.

Adding a countdown timer is a is a proven tactic to increase your sales and to make urgency for your visitors to take action.

The good news, it is now really easy to create your countdown timers even without writing a single line of code!

Yes, you heard it correct!

In this guide, we will show you how to create a floating bar with a countdown timers on your WordPress website using a tool called OptinMonster. You can use this tool for any other CMS or even for the custom built websites as well.

Let’s dive into the 5 simple steps to create stunning countdown timers popup on your website to boost conversion rate of your website or blog.

Step 1: Create a Floating Bar Optin

First, signup and login to your OptinMonster dashboard, and create a new popup by clicking on the green ‘Create New Campaign’ button.

Next, select the Floating Bar widget campaign type.

Now, select the count down timer template by hovering over it and click on the blue Use Template button.

PRO Tip: We’re using floating widget for illustration purpose only. You can literally add countdown timer on in almost any popup widget.

Then, on the next screen, name your campaign and choose the website/ domain you need to add the popup widget.

Click ‘Start Building’ button once done to enter the campaign builder.

PRO TIP: It is recommended to save your hard work frequently while working on the campaign builder. Who known when things will go wrong?

Step 2: Update the Display Settings

The default position of the floating bar widget will at the bottom of the screen. To move it towards the top of the screen, toggle Load Floating Bar at Top of Page to the On position under Display settings menu.

You can remove the Powered By OptinMonster branding as well by toggling branding to off.

Step 3: Set the End Date/Time

Simply click on the counter timer inside the floating widget demo on the live preview of your editor to edit it’s configurations.

Make sure the Type is set to Static so that all the visitors will see the exact same timer when they arrive your website.

Now, you can update the start and end date and time of the timer.

Step 3: Customize the Copy & Design

Awesome! You’ve the basic setup ready for your floating widget, and now it’s time to customize the look and feel and to add compelling copy to make it move beautiful and conversion friendly.

You can simply click on the gear icon of each of the sections and elements to see respective editing options.

You customize the widgets as you wish, and you can also add custom CSS to extent your design further if wish to do.

One the popup design is ready, you can customize the thank you screen of the popup by editing the success screen.

On this screen, change the success message and coupon code as you wish.

Step 4: Connect an Email Service Provider

In order to collect the email optins correctly, OptinMonster recommends to connect their optin with your email autoresponder service provider.

OptinMonster integrates with almost all of the email services providers. But our personal recommendation is ActiveCampaign.

To connect ActiveCampaign with your popup, Go to the Integrations tab.

Click ‘Add New Integration’ and choose ActiveCampaign’ form the dropdown list.

Once you click ‘Register with ActiveCampaign’ a new window will come which will asks for your ActiveCampaign credentials to authenticate.

Once logged in, provide necessary permissions.

Now you can easily choose the ActiveCampaign email list for new popup campaign.

Step 5: Set the Display Rules

Awesome! Now you have the popup ready to rock and all, and the next step is to set the display rules for the same.

Go to Display Rules tab, and set your floating bar on or off before a certain date.

Next, we need to let OptinMonster know on which pages we need to see the floating bar. You can choose to show the floating bar on all pages as well.

Kudos! Don’t forget to save your work!

Step 5: Publish Your Countdown Popup

Yaay! Your popup is now ready to launch on your website. Here’s how to make it LIVE on your domain name.

Go to Publish tab and toggle the status to Live, then save the campaign.

If you’re running on WordPress, it is super easy to publish the widget using OptinMonster’s own plugin.

Once you have the plugin installed, go to OptinMonster tab on your dashboard and you should see a list of available campaigns.

Click on Go Live nearby each of the campaigns to make it LIVE on your website.

How cool it is!

Not on WordPress?

If you’re not using WordPress, you can embed your campaign byu choosing your platform under the Publish tag and simply follow the instructions on the screen for each of the platforms.

If you’ve any questions, please feel free to let us know as comments below.

Connecting your leads collected via either website, paid ads or even offline events is a great idea for marketing.

As someone said, ‘Money lies in your email list’, lead nurturing and following up are the most crucial tactics in marketing to convert your cold audiences into paying clients.

Studies shows that the message needs to be shown for the prospects at least 8 times to make a purchase decision.

Here comes the role of a great CRM software that integrates with all your marketing channels and activities to collect, store, and nurture your leads.

SalesForce is one of the leading CRM and marketing automation system in the industry.

In this article, we’re going to show how to directly integrate your WordPress forms directly with SalesForms WITHOUT using any third-party connectors such as Zapier or LeadsBridge.

• Using ActiveCampaign CRM? Checkout WPForms ActiveCamapaign Integration

Let’s look at how it all works.

Step 1: Create your WordPress form

In this article, we’ll be using one of the best WordPress form builder, WPForms. You can skip this step if you already have WPForms installed and your form is ready.

Let’s start with installing WPForms on your WordPress dashboard.

Then, go to WPForms » Add New to create your first form.

On the next screen, name your first form and choose a template that works best for your purpose.

That’s it! Your forms is ready in a few single click.

Step 2: Integrate WPForms and SalesForms

For integrating your form with SalesForms, you need to have an Elite version of the WPForms.

Once you have the Elite version, Click on the Marketing tab on the left-hand side of the WPForms window.

Here you can see SalesForms, and click ‘Add New Account‘ to connect your SalesForms account.

Awesome! Now you have the SalesForms connected with WPForms.

On the select object window, select contact.

So, there are so many options as well in the SalesForce add-on to improve your workflow.

The next step is to map form fields with SalesForce fields.

Another good new is, you can use conditional logics to control which entries are sent to SalesForce.

And, that’s it sparky! Now your form entries will be sent to SalesForce without any manual action.

It’s time to say hello to automation!

You can integrate as many forms as you need with SalesForce, and you can connected unlimited number of SalesForce accounts as well.

If you’ve any questions, please feel free to let us know via comments below and we’ll get back you in a few hours!

Keep building!

It is really… really… really… important to keep your website forms free from spambots and automated submissions, not only because of the invalid entries but also it will highly utilize your system resources.

Google reCAPTCHA is one of the widely used bot prevention tools, and hCAPTCHA (h stands for human) is a great alternative for the reCAPTCHA if you get site conflicts or concerned about privacy. hCAPTCHA is compactable with recent privacy regulations such as GDPR, CCPA etc.

The cost? It’s completely free.

How to setup hCAPTCHA in WordPress?

In this tutorial, we’ll be using WPForms form builder, which is one of the best form builder plugin available for WordPress websites to create and manage forms (even payment forms by integrating Stripe/ Paypal).

Let’s start by creating a form first!

Step 1: Create a Contact Form

Once you’ve installed and activated the WPForms plugin, it is pretty easy to create your first form.

In WordPress dashboard, click on the ‘Add New Form’ link under WPForms.

You can determine whether you need a simple contact form or a multi-step form based on your discretion.

Here’s detailed instructions on how to make your WordPress form multi-step.

Awesome! Now, let’s integrate the hCAPTCHA on your new form!

Step 2. Integrate hCAPTCA on WordPress Form

In WPForms settings, you can see the option to choose either hCAPTCHA or Google reCAPTCHA.

Using hCAPTCHA you can protect your forms from bots and spammers without compromising your privacy.

Once you click on the hCAPTCHA, you can easily configure settings like Fail Message, No-confict Mode etc to make your form more professional.

Inside the form editor, you can simply drag and drop the hCAPTCHA element on your form to get the captcha activated.

Your forms are now protected with hCAPTCHA. 🙂

If you have any questions, feel free to shoot it as a comment below.