All Collections
Embedding and gallery customisation
How to Embed Photos into your own website
How to Embed Photos into your own website

Embedding your photo gallery

Sarah Stambolieff - Head of Product Design avatar
Written by Sarah Stambolieff - Head of Product Design
Updated this week

GeoSnapShot offers the ability for any photos to be embedded into other websites.

Embedding photos enables anyone to drive traffic to their own website rather than GeoSnapShot to view and purchase photos.

The embedding process is very easy. You simply need to add one line of HTML code to your webpage.

There are two ways to embed photos. You can embed all events within your gallery.

Or embed photos from an individual event.

1. Link to all photos from your organisation or events you've created

Users can set up a organisation name in their profile page. The name is used to create a link to all photos from events you've created.
An example link is https://www.geosnapshot.com/org/TheRaceOrganiser

In this case the code would be:

<iframe
src="https://www.geosnapshot.com/org/TheRaceOrganiser?embed=true" style="width:100%;height:800px;border:1px solid #e6e7e8;">
</iframe>

To find your embed code click on Gallery in the header navigation bar.
​


Click Copy Embed Code button to copy the code and paste into your website. If you are unsure of where to paste the code, your web developer can help you out. If you are using website builders or CMS, you will have an option to paste the embed code.
​
​Note: Please do not alter the code as that can effect functionality and cause responsive issues in mobile.


2. Link to photos from an individual event

<iframe
src="<LINK TO YOUR PHOTOS>?embed=true" style="width:100%;height:800px;border:1px solid #e6e7e8;">
</iframe>

Simply replace the words "LINK TO YOUR PHOTOS" above with the event Share link.

Example

The link to individual photos can be found on your event management page for example: https://www.geosnapshot.com/e/siec-summer-classic

the code would be:

<iframe
src="https://www.geosnapshot.com/e/siec-summer-classic?embed=true" style="width:100%;height:800px;border:1px solid #e6e7e8;">
</iframe>

You can also find the embed code in the Manage Event page with the + Sharing accordion, Embed Photos in Your Website.

Please contact our support team at support@geosnapshot.com for more information.

Did this answer your question?