1. Home
  2. Docs
  3. Bani – WordPress Blog Theme
  4. Creating Mailchimp form

Creating Mailchimp form

In this documentation, we will learn how to set up MailChimp in WordPress.

MailChimp for WordPress :

We have used this plugin for newsletter service. MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form. You can read more about MailChimp for WordPress plugin on this link .

How to create Mailchimp form?

Follow these steps to create MailChimp form:

  1. Login to WordPress admin dashboard.
  2. First, we will check MailChimp for WordPress plugins is activated or not. If you have this step while installing your theme, you already must be having ‘MailChimp for WordPress’ installed. Make sure that this plugin is activated.
  3. If plugins is deactivated. First we need activate plugins by going to Plugins > Installed Plugins.
  4. Go to Mailchimp for wp in the WordPress menu. Mailchimp for wordpress
  5. First we enter api key in MailChimp API Settings tabs. If you have not API key then it will be created first by using this links .
  6. Click on MailChimp for wp > Add New in the WordPress menu (if you have the MailChimp for wp plugin installed).if you have more information how to create a form click this link .Mailchimp form for wordpress
  7. And create a new form.
  8. Paste following code in the MailChimp form. We have covered all styling required to build your forms without worrying about its appearance.
    <div class="shuban-contact-form row mb-4">
    
    ?
    <div class="col-md-6"><label class="w-100"> Your Name: (required) [text* your-name class:form-control] </label></div>
    ?
    <div class="col-md-6"><label class="w-100"> Your Email: (required) [email* your-email class:form-control] </label></div>
    ?
    <div class="col-md-6"><label class="w-100"> Subject: [text your-subject class:form-control] </label></div>
    ?
    <div class="col-md-6"><label class="w-100"> Contact Number: [text contact-number class:form-control] </label></div>
    ?
    <div class="col-md-12"><label class="w-100"> Your Message: [textarea your-message class:form-control] </label></div>
    ?
    <div class="col-md-12 text-center mb-2">[submit class:read-post "Send"]</div>
    ?
    
    </div>
    
  9. Click on save button.
  10. Copy the shortcode and paste where you want in page or post.
  11. Click on save button on page.

Visit your website.

Was this article helpful to you? Yes No

How can we help?