Melbourne ecommerce theme - connecting your email subscriber form

From Spiffy Stores Knowledge Base

The Melbourne theme allows you to connect the subscribe form in the footer to your MailChimp, Campaign Monitor or Mad Mimi account.

For any of the services, you just select the service, and then paste the form's URL into the "Form action URL" field in your Theme editor.

URL's are entered in the "Store footer" section of your Theme editor. To get to your Theme editor, go to the "Design & Assets -> Theme editor" section of your store's Toolbox.

To add the subscribe form to your store, open the "Store footer" section of your theme editor, scroll down to the "Newsletter subscribe form" section, select the service you are using, paste the URL into the "Form action URL" box, and click the "Save settings" button.

Detailed instructions for setting up each service are below.

MailChimp

To use MailChimp log in to your MailChimp account. If you haven't already created a list there to add subscribers to, create one and then follow the instructions below;

  1. Click on "Audience" in the top menu.
  2. Under "Current Audience", select the list you want to use by clicking on it's name.
  3. In the "Manage Audience" drop-down menu, choose "Signup forms".
  4. Choose "Embedded forms".
  5. At the top of the screen, copy the text in the box labeled "Copy paste into your site" to get your form URL. Paste this code into a text editor, highlight ONLY the "form action" URL and copy the text. It should look something like this...
    //hellothere.us4.list-manage.com/subscribe/post?u=747fc9927e6c1a5894eba5454&id=c9492288d0

    Note that it begins with "//" and ends with "id=" followed by a special code.
  6. Back in your theme editor, choose "MailChimp" in the "Newsletter system" section, and paste the URL into the "Form action URL" box.
  7. Click the "Save settings" button and test your form in your storefront.
  8. If entering your email address and clicking subscribe directs you to a MailChimp page asking you to confrim your email address, the form is working. If it doesn't, then you'll need to check the "Form action URL" field to make sure that there aren't any extra or missing characters at the beginning or end of your Form action URL.
  9. If you'd like to, you can also modify the design of your form in MailChimp by adding your logo and changing the colours to make it match your site.


Campaign Monitor

To use Campaign Monitor, log in to your Campaign Monitor account. If you haven't already created a list there to add subscribers to, create one and then follow the instructions below;

  1. Click on the "Lists & subscribers" tab.
  2. Select the list you want to use by clicking on it's name.
  3. On the right side of the screen, click on the "Grow your audience" link.
  4. Choose "Copy/paste a form to your site".
  5. On the right side of the screen, click in the "Get the code" button to get your form URL from the "form action" tag, and copy the entire content of the URL. It should look something like this...
    http://hellothere.createsend.com/t/t/s/ndppp/
  6. Back in your theme editor, choose "Campaign Monitor" in the "Newsletter system" section, and paste the entire URL into the "Form action URL" box.
  7. Click the "Save settings" button.
  8. If you'd like to, you can also create a confirmation page in your store, and then add a link to it in Campaign Monitor. You can also edit the confirmation email that is sent to your new subscriber.


Mad Mimi

To use Mad Mimi, log in to your Mad Mimi account. If you haven't already created a list there to add subscribers to, create one and then follow the instructions below;

  1. Click on the "Webform" link in the top left of your screen.
  2. Select the list you want to add subscribers to by clicking on it's name in the "Add subscribers to these lists" section on the right.
  3. Click the "Embed" link above your form preview.
  4. Choose the "Plain embed" tab.
  5. In the code window below, copy your form action URL. It should look something like this...
    https://madmimi.com/signups/subscribe/12345

  6. Back in your theme editor, choose "Mad Mimi" in the "Newsletter system" section, and paste the entire URL into the "Form action URL" box.
  7. Click the "Save settings" button.
  8. If you'd like to, you can also create a confirmation page in your store, and then add a link to it in the "Confirmation Landing Page" section in Mad Mimi. You can also edit the confirmation email that is sent to your new subscriber, by clicking on the "Edit activation message" button.




« The Melbourne theme guide