Photo Galleries, Portfolios and Presentations

There are a few ways in which you can include photographs on your Yola website:

  1. Use the Gallery widget.
  2. You can use the Flickr widget.
  3. Incorporate a Flickr Search widget

The Gallery widget

The Gallery widget makes it easy to add a gallery to your website quickly and easily!  You do not need to add single photos into Picture widgets, then resize it, or use a third-party gallery from another source.

Here are the steps to follow to create your Gallery:

1. Go to Widgets.

2. On the drop-down menu, select Popular.

3. Drag and drop a Gallery widget onto your page.

User-added image

4. You can either upload new images from your computer or browse uploaded images.
  • To upload new images from your computer: Click Upload New Images. Then browse through the folders on your computer to choose your picture that you want to add. Select the picture and click Open to upload it to your gallery.
  • To add pictures that you have already uploaded to your website: Click Browse Uploaded Images. Click on the picture inside the File Manager, then click OK to add it to your gallery.
  • Hint: To add multiple pictures to the gallery widget, hold down the "ctrl" key on your keyboard for Windows users (or "cmd" key for Mac users) while selecting the pictures. All the pictures you select will be uploaded to the gallery.
User-added image

5. To edit the layout, margins and hover text, click Edit in the top left-hand corner of the widget.

User-added image

In addition, there are a host of other widgets and clever tricks that you can use to embed images into your website.

Let's examine the Flickr Gallery and other widgets before going on to explore what we call the DIY approach - using our standard editing tools to create a "menu" page of thumbnails which then link to new pages with larger photos with caption information.

Then we'll look at how you can embed code from a few other useful online tools (a Flickr gallery, a Zoho presentation, and a ViewBook slideshow).


Flickr Galleries

There are a variety of widgets designed specifically for use with Flickr - just have a look at the multiple options that Google Gadgets has listed: Google search listing.

For this tutorial, we'll expand on the things we learned in the Exploring Images tutorial about our standard Flickr Search widget and our Flickr widget. In addition, we'll pass along a few tips on creating a slick Flickr Slideshow.

The Flickr Search widget

This widget (go to Widgets and select Media from the drop-down menu) pulls squared thumbnail images from your Flickr account or from the Flickr pool. Clicking on any of these images takes you out of your website to the relevant page within Flickr. See how it displays here (horizontally across the top): Zanzibar Adventure.

To allow the Flickr Search widget to access images from your own Flickr account, type in the email address that is affiliated with your Flickr account. Although this widget does not allow you to select specific images from your account to display on your Yola website, you can narrow down which ones will be chosen by using the "Search Phrase" box.

Remember that your images on Flickr will need to be publicly available to work on Yola.


Flickr widget

This widget (go to Widgets and select Media from the drop-down menu) dynamically creates beautiful photo galleries for you in seconds! It automatically generates thumbnail images and the larger click-throughs. You configure the Flickr Gallery Properties in much the same way as the simple Flickr Search. Type in your email address and Search Phrase and then refine how the results display on your page:

  • Results per page
  • Number of Columns
  • Image Size.

In this example, it's set to display 10 "Small Square" images in five columns. Once you're done, click Save and republish your site to see the changes.



Flickr Slideshow

A good way in which you can embed a slideshow of a specific Set of Flickr photographs in your Yola website is to create and upload the images you wish to display to your Flickr account. 

Go to flickrslideshow.com. Enter your information.  The Flickr Slideshow generates a piece of code for you to embed into your website.

  1. Drag and drop an HTML widget (located in Widgets and selecting Popular from the drop-down menu) onto your page.
  2. Paste the code generated by the Flickr Slidr into the HTML Editor.
  3. Click Save.
  4. Republish your site to see the changes. 


Inserting a Presentation

There are a variety of online applications that cater to the creation of sophisticated slideshows, portfolios and presentations. ViewBook and Zoho Show are two of the many options available.

Zoho Show

You can use Zoho Show to create and embed a presentation into your page to show a slideshow gallery of pictures.

You'll have to sign up to Zoho to use their services (it's free for personal use). Log in and click on Zoho Show, their Online Presentation tool (please note, Zoho has a very powerful offering of MS Office style applications). Create your presentation and then copy the HTML code provided. 

To embed your new Zoho presentation in your website:

  1. Go to Widgets and select Popular from the drop-down menu.
  2. Drag and drop an HTML widget onto your page.
  3. Then paste paste the code into the HTML Editor and click Save.
  4. Republish your site to see the changes.



Another effective tool to build presentations, slideshows or portfolios is ViewBook. Simply create an account, a new Presentation and start uploading your images! Then you can embed Viewbook int your site following the instructions for Zoho Show.


Related Tutorials

Links & Resources

It's easy to take your business online with Yola.