A great way to gain followers on your SmugMug site is to offer a free newsletter. A newsletter is a great way to keep your customers informed of promotions, deals or even your latest image post.
This tutorial is divided into three sections – the first section is about creating an account on a great newsletter service – MailChimp. The second and last section is about embedding your signup form on your SmugMug site.
Mailchimp
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}.
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 }.
Once your form is created, you will need to generate a HTML code that is supported on SmugMug, which will allow you to embed the signup form on your SmugMug account.
At the end of the list creation process you will see a screen like this one:
Click the SIGNUP FORMS link.
Mailchimp will give you few options to create your form, but for now choose the second option:
Now copy the HTML code, which appears at the bottom of the page { make sure you are copying the whole code}.
Embedding Mailchimp form on a SmugMug page
Open a page on your SmugMug site, where you would like to embed the newsletter signup form. Then add a HTML content block to your page and paste the HTML code that you have created on Mailchimp. Mine looked like this:
Cesar, you could create a more sophisticated form on Mailchimp and then embed it on your site. Alternatively you may create something more robust using Wufoo forms.
For the referral page – use secondary form – also from Wufoo – it will be easier for you to embed it on your SmugMug website using the Wufoo content block.
Mailchimp wants you to add a JavaScript to just before closing tag to connect your domain / account before you can add sign up forms now. Since we do not have access to it nor can we add JavaScript to the site in general we cannot use Mailchimp at all.
How do we get an html only code without JavaScript from Mailchimp? My code doesn’t work in snug it and it just says “no html” when I put it in the html block.
Hey Seth, Yes – I have seen your code and I have replied that this code is not accepted on SmugMug, because it contains JavaScript. You will need to generate new code that only contains HTML and CSS code – as I have mentioned in my tutorial.
I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.