Adding an external link (or hyperlink) to any image in a Foo Gallery is a very simple process, which I’ll go into detail about below. But why would you want to add a hyperlink to the image in the 1st place?
Well, maybe you want to give the user the chance to purchase the image via an external site, Smugmug for example. The user can view the image on your gallery, then click on the ‘Buy Me’ hyperlink which will take them to the respective part of your Smugmug site (which will open in a new window) to purchase the image.
Ok, so to add the hyperlink I’ve broken it down into 4 easy steps:
Step One:
Log in to your WordPress Dashboard, then navigate to FooGallery, then Galleries. Here you will find a list of all of your Galleries as in the image below. Choose the Gallery where the image(s) is/are located that you want to add the hyperlink to and click the ‘Edit’ button. This will open the Gallery & display all of the images.
Step Two:
Hover your cursor over the image you wish to add the hyperlink to and two icons will show up, an ‘X‘ to delete the image, and an ‘i‘ to edit the info. Click on the ‘I’, this will open the WordPress Media Gallery. Don’t worry you’re in the right place.
Step Three:
Look to the righthand side of the screen and if you’ve selected the correct image you’ll see it under ATTACHMENT DETAILS. Below this you’ll see URL & Title, which you can ignore, but below those you’ll see Caption, this is where you paste the link, example below.
Sample link:
<a href=”http://www.yourwebsite.co.uk/gallery/” target=”_blank”>Buy Me</a>
Remove the part of the link that’s highlighted (the part beginning with http) and replace it with the link to the external site. Don’t forget to include the ‘http‘ part of the link. The target=”_blank” simply opens the link in a new window so the user doesn’t have to reload your site.
Step Four:
once you’ve added the link, you can if you wish edit the image title, if not just click on the blue ‘Select‘ button at the bottom. This will save the changes you’ve made and take you back into the Foo Gallery, where now all that’s left is to click the blue ‘Update‘ button, and that’s it, you’re done!
Told you it was easy..
Finally, the image below shows you how the image will look as the user see’s it when browsing you website gallery. The blue ‘Buy Me‘ is the hyperlink. Job done.
