Home > business, Customization, Site design > Smug Tip of the Week: SmugMug’s Customization Options with Eric Trimble

Smug Tip of the Week: SmugMug’s Customization Options with Eric Trimble

Our Support Heroes know how the idea of customizing your Power or Pro site can seem daunting at first, but never fear! We’ve provided a lot of resources and tools to help you get a site that you love. Today we’ll hear from Customization Specialist and Support Hero Eric Trimble about the different options you have at your fingers to get the site of your dreams.

So you have your SmugMug site, uploaded your photos, possibly even made a sale or two. Congrats! But now you’re looking to kick it up a notch and want to go from this:

to this:

Nervous? Don’t be. We’ve got lots of great resources you can use to personalize your page and to make your brand stand out.

Get an Easy Banner and Navbar

First things first. A banner and a navigation bar are two really simple things you can add to your header to instantly improve your site. If you have a graphic you like to use, or just want plain text, you can add them using the Easy Customizer. Try the Navbar Builder (found under the “Header” section) to get a simple navbar in minutes.

Simple Cut-and-Paste Tutorials

So what’s next? When you’ve used the Easy Customizer but still want more, some people start to get worried. You’re on the edge of Advanced Customization territory and  now it’s all HTML, CSS and Javascript.

Good news! For most things all you need to do is a simple search through our help pages, then copy and paste of existing code. Some of our top requests include:

1) How to show your galleries to show on a separate page from your homepage. We’ve got an easy tutorial on Dgrin showing how to do just that. Check out the code in yellow on that page and simply copy and paste it into your Advanced Customization as shown.

2) How to get an “About Me” page or a page that shows the services you can provide. What you’re looking for is a simple HTML-only page where you can drop in whatever content you wish; you can add whatever text, links or images that you need. Look here to see step by step instructions on how to do this.

3) How to create your own Contact form. Then for anyone who has ever used our slick, online form to contact the SmugMug Support Heroes, we have that same form built in for our Pro level accounts. We recommend that you use this so that your customers can easily contact you. And it’s so easy to do! Try the code provided here to make the popup contact form appear when you click the link in your navber (or anywhere else on your site).

Get a Knock-Their-Socks-Off Homepage Slideshow

Would you like to have a big, beautiful slideshow of your images that stretches to fill every inch of browser space? We have two ways to do this, created by some of our wonderful volunteers.

Option 1: If you are looking for something to showcase your images, I am a fan of the JFriend HTML 5 slideshow. It’s huge, has great transition effects, and is very simple to implement.

Option 2: But lots of folks swear by the FastLine Media slideshow. It’s just as big, just as beautiful… just a little different.

Either way you choose to go, they’re both great and you can’t go wrong. Neither are Flash-based, so they’re visible even to people who browse your site on iPhones and iPads.

Free Guided Help

SmugMug’s customization lets you have virtually limitless creativity. And much of what you might want to do is already written and waiting for you on our forums at DGrin. Join in, search for a topic and post a new thread if you can’t find the answer!

Not only do we have some very dedicated volunteers, but you can also find our resident customizer (hey, that’s me!) patrolling the forums and helping out ’round the clock.

Customizers For-Hire

But even with all this ready and waiting, maybe you’re not looking to get elbow deep in CSS. We have you covered there as well. We keep a list of third party companies that are our Certified Customizers. You can contact any of the companies here to discuss your ideas and get a quote.

They’re happy to work with you and build the site of your dreams.

Got skills? Come customize for us!

Last but not least, we’re currently seeking out talented web- and graphic designers to be one of our Certified Customizers. If the idea of tweaking sites makes your heart go pitter-patter, come join us in the mission to make every gallery gorgeous. Send us an email with your specs.

Happy customizing,

- Eric

Additional resources:

  1. May 25, 2011 at 9:13 am

    Thanks for these GREAT ideas! I can’t wait to implement some of them.

  2. May 25, 2011 at 10:07 am

    I really like the FastLine Media slideshow examples. I am going to try that myself.

  3. May 25, 2011 at 12:31 pm

    The coolest thing about smugmug is that they allow all of us to put our own flavor on our websites.

  4. May 25, 2011 at 1:08 pm

    Sorry I hope this is not hi-jacking the thread but how do you get the word “Home” off the page, i.e., in the first screen shot the test line above the image reads “Chris Mcaskill’s Home”. Nobody can answer this in the forum. Just want to remove the work Home, and the apostrophe preceding it. Thanks!

  5. May 25, 2011 at 1:47 pm

    Thanks! I just did a nice overhaul of my smugmug site based on this!

  6. May 26, 2011 at 12:08 am

    Loving the contact email info! That made my evening.

  7. May 26, 2011 at 11:58 am

    Hey thanks for the great ideas. I did it for my website and it turned out great! Go check it out at http://www.parrish-photos.com!

    • Hunter
      July 14, 2011 at 4:22 pm

      nice! good job. how long did it take from start to finish?

  8. May 28, 2011 at 4:07 am

    Great tutorials. finally u have posted what mostly bothers new smugmug users like me – customization. thank you!!

  9. August 2, 2011 at 3:50 am

    Thanks for that, finally fixed my slideshow to display properly on the ipad.

  10. April 25, 2012 at 5:58 am

    The coolest website with great topics is smugmug and I agree with Steve: that they allow all of us to put our own flavor on our websites

  11. August 4, 2012 at 11:10 pm

    Here’s a free A-Z video tutorial I created that’s another option as well….
    http://bit.ly/SmugMugTutorial

  12. August 28, 2012 at 11:50 pm

    Great tutorial for all SmugMuggers!

  13. August 29, 2012 at 12:16 am

    Just found this great info guys. 1713 here so have to take my dog for a walk & feed him before dark, so will try some of these magic clues soon after we get back. RockyOne Australia

  14. September 13, 2012 at 5:38 am

    I’d love a CMS functionality, as in “create a new page, and type some info”.

    • September 13, 2012 at 11:03 am

      That’s definitely something that we would love to give you, too. ;) Thanks for the input!

  1. August 4, 2011 at 2:04 pm
  2. September 10, 2011 at 8:04 pm
  3. October 19, 2011 at 8:51 am
  4. December 4, 2011 at 3:05 pm
  5. September 18, 2012 at 9:54 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 2,856 other followers

%d bloggers like this: