Best practices for adding a subscribe form to the footer

[njmartell]

I would like to add a subscribe form to my footer. I am currently using contact form 7 elsewhere on the site, and use mailchimp to manage my mailing list.

I’m confused as to how to configure the form and link it to my mailchimp. Is there a plugin I should be using?

The ideal solution would avoid double opt-in from mailchimp, and would not redirect them to another page after form submission.

I see lots of subscribe forms in the uplift demos but no indication of how to configure them (or how they work).

Any help would be awesome! Thanks guys.

N

[Kyle – SUPPORT]

Hi

There probably is a way to connect mailchimp to contact form 7, however we use the traditional way and paste the embed code from Mailchimp straight into a text widget:

Please see: http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/

– Kyle

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Remove the divs from the form and add this to your custom css:

.wpcf7-form-control-wrap.your-email {
  width: calc(100% - 110px);
}

– Kyle

[njmartell]

This reply has been marked as private.

[Swift Ideas – Ed]

Change the code to this:

@media only screen and (min-width: 768px) {
#footer .wpcf7-form-control-wrap.your-email {
  width: calc(100% - 110px);
}
}

Let us know how it looks after that.

– Ed

[njmartell]

Thanks Ed! That solved the mobile/responsive issue.

However the button is still on the line below (see screenshot).

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Showing fine for me? http://d.pr/i/1lLvT/3cjPR8P7

Try clearing your cache

– Kyle

[njmartell]

Strange.! Just cleared my cache and the issue persists for me. Tried on both Chrome and safari (15″ retina macbook pro).

[Kyle – SUPPORT]

Getting this error on your site:

Fatal error: Call to a member function get_price() on boolean in /home/partandw/public_html/partandwhole.lightningbasehosted.com/wp-content/plugins/woocommerce-wholesale-prices-premium/includes/class-wwpp-wholesale-prices.php on line 1257

Please check

– Kyle

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

Showing fine for me on retina macbook in chrome: http://d.pr/i/1fTWm/3S81lbzZ

– Kyle

[njmartell]

Man this is making no sense. Just tried it on 3 different machines and they all show the error. You seem to be the only lucky one! It is showing beside the email field on my iPad though…

So confused.

[Kyle – SUPPORT]

Try change the css to:

@media only screen and (min-width: 768px)
#footer .wpcf7-form-control-wrap.your-email {
    width: calc(100% - 120px);
}

– Kyle

[njmartell]

SUCCESS!

I had to add an extra set of brackets, but that seemed to do the trick.

Thank you sir!