Two instances of Mailchimp on same page, both using plugin processing

Hey Dvaer,

Thanks for getting in touch. It is possible to have the plugin signup form in multiple places on your site. If you have multiple widget areas you’d like to add the same plugin form to, you can go in WordPress to Appearance > Widgets, then drag the MailChimp plugin into each of them. If, however, you’re trying to insert the form into a content area you can use shortcode by typing [mailchimpsf_form] directly into the same area you would otherwise be pasting the embed form code for your second form.

This is limited, however, to having multiple forms which function exactly the same and connect to the same list. Any variation in wanting forms to go to different lists/pages would have to be done by using the embed code (as you are) for a second form or using an additional third party plugin for additional forms.

If we can help out with anything else, please let us know.
-Gabe

Thank you very much Gabe, that makes a lot of sense.

I’ve done this now and we have 2 working forms on the same page. And they connect to our Mailchimp list correctly (i.e. signups from both forms end up on the mailing list as we’d expect). So we’re very pleased.

However, there is one small thing that doesn’t seem to work. For the second form on the page, whenever it’s submitted, the success message gets displayed on a new page that’s otherwise blank (so it shows only the success message). The first form on the page shows the message on the same page within the form, which we prefer.

When we had only 1 form on the page, the one that now shows the success message on a blank page used to show its message within the form.

As a test I’ve tried temporarily adding a third form in the sidebar to see if that had the same issue, but it didn’t. In fact the third form showed the success message within the form again.

I’ve been comparing the code for both forms, but can’t figure out where it’s going wrong. Would you be able to help with this?

Thanks again ??

PS: here is a link to a page with the 2 forms, the forms are towards the end of the page.

Hi Dvaer,

Looking at your site’s code, it seems there could be an issue with how the form is submitting. You might want to try a few things to narrow down the issue. First try to uninstall the plugin. Also make sure you’re using the latest version of the plugin. Then temporarily disable all other plugins and test the plugin again.

If that doesn’t work, can you tell us how these two forms are added? Which one is using a widget and which one is using the shortcode?

Thanks!

-mc_d

Hi Dominic,

Thanks for your reply. OK, I’ve uninstalled the plugin and reinstalled it. Then I tested with every other plugin disabled. The result is the same.

But I think I got a little closer to resolving this. I think the problem may be with how I added these forms. I wanted to adjust them a little to achieve a certain layout. So what I did was add your widget to my page and then from the source code copied the code generated by the widget and added it to where I wanted it in my template. And I shuffled things round a little and altered the HTML a bit to achieve the layout I wanted.

Now I know you’re going to say that there is my problem and I shouldn’t have done that, but I’m not sure. Because I tested it all and the altered forms work perfectly when they are on a page by themselves. The issue with the success message only occurs as soon as there are 2 forms on a page.

So I made a couple of temporary test pages:
On the first one I’ve added 2 forms through shortcodes [mailchimpsf_form]. Here everything works perfectly. This is the link.
On the second one I did what I described above, so copied and pasted in the forms’ code from the first example’s source code. You can see the result here. Now the first form still submits perfectly. But on pressing the submit button on the second one, the page reloads and put /#mc_signup at the end of the URL. And it doesn’t display any message.

I know I’m not using the plugin here as you intended, but I still hope you might have an idea on how to solve this.

Thank you very much for looking into it.

Hey Dvaer,

While this is outside normal operation for the plugin, I did give it a shot and found something. I had the same experience you’re seeing when publishing the [mailchimpsf_form] shortcode to a page, grabbing the source from that page, then adding the source to the same page by editing it.

However, if I published the shortcode to one page, grabbed the source from there, then pasted it in along with a shortcode into a new page, both seemed to work on the new page (albeit with a bit of odd formatting due to some extra <p></p> tags being carried over.

I made sure to copy the entire <div> beginning with <div class="mc_custom_border_hdr">, which included the CSS <style> lines inserted by the plugin in response to the shortcode. The final bit I copied was </div><!-- /mc_signup_container -->.

That got things working over here. Let me know if you have any issues with that.
-Gabe