How to add a Newsletter Signup form to your Site - Tomasz Nowicki Photography
  • Blog
  • How to add a Newsletter Signup form to your Site

How to Add a Newsletter Signup Form to your SmugMug site

A great way to gain followers on your SmugMug site is offer a free newsletter. A newsletter is a great way to keep your customers informed of promotions, deals or even your latest image post.

EXAMPLE FORM

This tutorial is divided into three sections - the first section is about creating an account on a great newsletter service - MailChimp. The second section is creating an account on Wufoo - to easily create a nice looking signup form, which we connect to our MailChimp account. The third and last section is about embedding your Wufoo form on your SmugMug site.



For the first part of the tutorial we will need to start with MailChimp - this is one of my favourite services that provides a very easy way to create beautiful looking newsletters without using any code { drag and drop editor }. You will need an account on MailChimp to store all the email addresses of your subscribers. They offer a free subscription as well {Send 12,000 emails to 2,000 subscribers for free. No contracts, and no credit card required. It’s free forever}.


OPEN A FREE MAILCHIMP ACCOUNT


Great! Now your MailChimp account is active – you have to create your first mailing list { this is a list where all the email addresses of your subscribers will be saved }. To create a new mailing list – > please login to MailChimp – > click LISTS – > CREATE LIST { button located on the top right side of the page }.


Now it is time to create an account on Wufoo. Wufoo is a great service that allows you to create online forms that you can embed on any site. Wufoo offers free and paid accounts – depending on your requirements and usage. I am using their free account on my SmugMug page.


OPEN A FREE WUFOO ACCOUNT


After you have created your Wufoo account – please login to your account – > click the FORMS tab and then click the NEW FORM! button { see my screenshot }:

Let's start by giving our form a title and a description { both will show on your SmugMug site}. Please click the FORM SETTINGS tab – located at the top of the page.

Now, please click the ADD A FIELD tab that is located at the top of the page – this will bring you to a drag-and-drop form creator – where you can create your form.

For this newsletter – we will only use one field – the email address field { you can add name field as well – if you wish to collect this information from your visitors }.

Please grab the EMAIL field and drag it to your NEWSLETTER { see my screenshot }:

After you have finished editing your form – please click the SAVE FORM button that is located at the bottom of the form creator. When you click the SAVE FORM button – you will be presented with a popup window with 3 options – please choose the second option:


SETUP EMAIL NOTIFICATIONS FOR YOUR FORM


This will open a page with 3 sections – please concentrate on the third, last section – we are going to connect your WuFoo account with your MailChimp account.

Please choose from the dropdown menu MAILCHIMP and then click the ADD INTEGRATION button.

A green box will be created with a big CONNECT TO MAILCHIMP button – please click it. Login to your MailChimp account and authorise the connection. This will close your MailChimp page and will bring you back to the Wufoo site.

ou will see that in place of the big CONNECT TO MAILCHIMP button – two dropdown menus will have appeared.

Now you will need to choose the name of the MailChimp list that you have created in the first step and click SAVE. This will open a popup window where you will need to map the field that you have created on your Wufoo form – with the field on your MailChimp form. Since I have only added one field – I need to map the email address field { see my screenshot }:

Save your settings and let's go back to the FORMS list { click the FORMS tab located at the top of the page }. You will see that your NEWSLETTER form is located in this section. Underneath the form you will find a few buttons – please click the CODE button { see my screenshot }:

Please copy the PERMANENT SHORTLINK URL – we will need this for the last part of the tutorial.


Now it is time for the third and final part of this tutorial – adding your Wufoo form to your SmugMug account. First thing you will need to think about – where would you like to put the form on your account. I have created a special page for your newsletter signup form – using this tutorial:


HOW TO CREATE A PAGE ON SMUGMUG


When you have opened your freshly created page - > click CUSTOMIZE - > CUSTOMIZE SITE - > in the content area – please open the SERVICES tab and there you will find the WUFOO content block – see my screenshot:

Please drag the Wufoo Form content block to your page. When you drop the content block to the location of your choice – a popup window will open. Here you will have to paste your Wufoo Form shortlink.

You will see your Wufoo Form appear on your SmugMug page – now you just need to publish changes that you have made on your SmugMug page and there it is :)


NOTES

You will probably ask yourself why do we have to use all these services for this [ MailChimp - > Wufoo - > and SmugMug ] ?

MailChimp – you need a place where all email addresses for your subscribers will be stored + you need a great tool to create beautiful looking newsletters that you can send to your subscribers.

Wufoo - you need a bridge that will connect your newsletter signup form with MailChimp.

SmugMug - I do not need to explain this one :) The best looking online galleries!


Powered by SmugMug Log In