1. Create an unlisted gallery called Contact. As soon as you get to the uploader, just click the gallery title or the link at the bottom to return to your gallery. No need to upload any photos.

Go to the Gallery Settings, set Comments, Easy Share, Printable to No. This removes excess buttons in the gallery, making a cleaner looking page. Set the gallery style to Old Journal. This centers the form nicely in the middle of the page. Save these settings.

2. In Wufoo, go to Forms, and click the Code button for your contact form.

Click Embed Form Code, copy the iframe version.

3. In your Contact gallery, in the gallery description, paste the form code from Wufoo, and put Html tags around it. Save that description.

Check this example to the right, to see what the Html tags need to look like. Those are critical. :)

4. In your Advanced Customization > CSS box, paste this to remove the breadcrumb for viewers:

.gallery_XXXXXXXX #breadcrumb {display: none;}
.loggedIn .gallery_XXXXXXXX #breadcrumb {display: block;}

Replace the X's in that code with your gallery ID number. The gallery ID is the first set of numbers in your gallery URL.

Click Update at the bottom of the page.






5. If you're using Advanced Customization to create your navbar, add a line in the navbar code in the Custom Header
box to create a new button. Link to your Contact gallery for the new button, and make it say Contact, or something similar.

(Help with the Advanced Customization navbar here: http://dgrin.smugmug.com/gallery/1932803 )

If you're using the Easy Customizer to create your navbar, go to the Customizer > Header > Navigation Bar Builder. Add a new button. Set the Name as Contact, and link to your Contact gallery. Then Publish that change.

Now you have a button in your navbar that leads to a Contact gallery page that looks clean and professional. :)


Contact the helpful folks on Dgrin if you have questions.

The general customization forum: http://dgrin.com/forumdisplay.php?f=31

And here's a thread that might help: http://dgrin.com/showthread.php?t=124766&highlight=wufoo


If you're still seeing the Wufoo link and not the actual form, you probably don't have the Html tags around the code you pasted into the gallery description.

And to remove the message about the gallery being empty, add this to your CSS:

.nophotos {display: none;}
.loggedIn .nophotos {display: block;}

That will remove that message for viewers, but you will still see it so that you can still access the Gallery Settings. :)