Support Center

How do I use Fotomoto with WordPress image galleries?

Last Updated: Mar 05, 2019 01:28PM PST

There are a several ways to present images on WordPress Posts and Pages - one or more single images can be inserted, or a group of images can be inserted as a gallery and be displayed in a variety of ways. This article explains how to set up Fotomoto with the most common gallery styles, and talks a bit about the advantages of each.

If you haven't already installed the Fotomoto plugin, please see the instructions.

Option 1: Multiple images on a page

line drawing example of Fotomoto Buy Buttons on gallery attachment pages in WordPress

Multiple images can be displayed on a single Page or Post, one after the other. The benefits of this approach is that the viewer can see each image un-cropped (not a thumbnail), and Buy Buttons will be inserted underneath each image with no special Fotomoto setup.

Option 2: Gallery where thumbnails link to an "attachment" page

line drawing example of Fotomoto Buy Buttons on gallery attachment pages in WordPress

With this option, a WordPress gallery is added to the Page or Post, and the Image Link setting in WordPress is set to "Attachment Page". Viewers will see thumbnails for each image and click on the thumbnail link to see the large image on its own "attachment" page. Fotomoto Buy Buttons are shown on the attachment page with minimal Fotomoto setup required.

We recommend preventing the Buy Buttons from being displayed on the thumbnails by setting the "Minimum Width or Height for Images" setting to a value that's larger than the width and height of the thumbnails (in pixels). It is possible to show Fotomoto Buy Buttons under the thumbnails, but the default Buy Button Toolbar is wider than most thumbnails and could cause the thumbnail layout to break unless the Buy Buttons are customized.

The advantage to this approach is that each image has it's own "home" page that you can easily share. There may be SEO advantages since there is a separate page for search engines to index.

Option 3: Gallery where thumbnails link to view in a lightbox

line drawing example of Fotomoto Buy Buttons shown in an image gallery lightbox

Here the images are inserted as a gallery, and the Image Link in WordPress is set to "Media File". Viewers will see thumbnails for each image and click on the thumbnail link to see larger versions of the image in a lightbox.

One advantage of this approach is that the viewer can quickly navigate through large image views without having to load another web page.

If you want to display Buy Buttons in the lightbox, we recommend using a plugin like Simple Fancybox, which will load the Fotomoto-supported Fancybox library, then select Fancybox as your Script Library which will put a Fotomoto Buy Icon in the Fancybox toolbar.

Some themes and plugins may use libraries that aren't compatible, as Fotomoto needs to know a) where to put the Buy links and b) which image is being displayed. Libraries often differ in how they display the "current" image, so the easy solution is to use a plugin or theme that installs one of the libraries that we support (like Fancybox, FooBox, Lightbox, or Magnific Popup), then simply select the library as your Script Library in the Fotomoto Dashboard. If a different lightbox library is required, it can be made Fotomoto-compatible with a bit of programming.

Option 4: A Slider with or without thumbnails

line drawing example of Fotomoto Buy Buttons shown on images in a slider

Here viewers will see large views of your images, with or without thumbnails as navigation links, and be able to click or swipe left to right to see other images without scrolling down or reloading the page.

Fotomoto setup can be a bit more involved here; in order to display Buy Buttons in the slider, Fotomoto needs to know which image is being displayed. Libraries often differ in how they display the "current" image, so the easy solution is to use one of the libraries that we support (like Galleria, or WP Photo Album Plus), then simply select it as your Script Library in the Fotomoto Dashboard. If a different slider is required, it can be made Fotomoto-compatible with a bit of programming.

Can we help with a different setup?

If you need help with setting up Fotomoto on your WordPress site, feel free to contact Fotomoto Support!
Don't find what you are looking for? Try our community discussions.

Announcements View Discussions

Have A Question?

Recent Discussions

Go to Discussion Forums ​​

Track Your Package

Track your FedEx package
Track Your UPS package


powered by Desk.com