home > content management systems (CMS) > smugmug

How to Add Email Forms to SmugMug

SmugMug is a powerful tool for creating your own photo galleries. It is quite easy to add email forms SmugMug. The steps for doing this are outlined below.

A demonstration form created using a SmugMug web site can be seen here.

1. Create Your Form HTML

The first step in integrating an email form into your website is to build the actual HTML code for the form. The easiest and quickest way to create the form code is to use myContactForm.com.

myContactForm.com features a free online wizard that steps you through the entire form building process. myContactForm.com has just about any feature you could ask for including auto-responders, CAPTCHA, file attachements, CSS styling, data exports (Excel, CSV, Text, HTML, etc.), pre-made templates, and much more.

Click Here to read a tutorial on creating the form HTML using myContactForm.com.

2. Login to the SmugMug Administration Area

a. Go to SmugMug.com and login.

Login to SmugMug

 

3. Add the Form HTML to Your SmugMug Layout

a. Click the Tools > Go to Control Panel

Open the Control Panel

b. Click the Edit link next to Advanced Customizer

Click into the Advanced Customizer Edit Area

c. Scroll down to the Custom Footer input area

Scroll down to the custom footer

d. Paste the form HTML into the text area (CTRL+V or Right Click and Select Paste). If you do not have your form code created and copied, please read this tutorial to learn how to do so.

Insert your HTML code into SmugMug

e. Click the Update button at the bottom of the page

Update Button

4. Test Your Form

Open a web browser and go to the web page containing your form. Fill out the form and press the submit button to test it.

A demonstration form created using a SmugMug web site can be seen here.

Common Problems Encountered by Users:

I submit the form and get a form location error.

If you are using myContactForm.com, you will need to login and make sure that you've set the Form Location setting to the proper URL for your form.

a. Login to myContactForm.com

b. Click the Edit Button

c. Click the Basic Form Information Button

d. Enter all variations of the URL where the form will appear. Typically this is the full URL of your web form with and without the www subdomain. You can also use wildcards (*) in this setting. For examples using http://www.mydomain.com/* would allow the form to be placed on any page uploaded to mydomain.com.

e. Click