Deliver

Embed a gallery on your site

Put a gallery inside a page on your own website with one snippet.

Embedding loads the couple's gallery inside a page you host, for example a portfolio page on your studio website.

Copy the snippet

  1. In the editor, click Share.
  2. Open the fold Embed on your site: "Loads the gallery inside your own site and resizes to fit."
  3. Click Copy next to the code.
  4. Paste it into your page's HTML where the gallery should appear.

The snippet is an <iframe> pointing at the gallery link, plus a few lines of script that listen for the gallery's height and resize the frame so there is no inner scrollbar.

Notes

  • The gallery has to be published for the embed to show anything; a draft shows the "Not ready just yet" page.
  • Keep the script part of the snippet. Without it the frame is a fixed height and the page inside scrolls on its own.
  • A password-protected gallery shows its lock screen inside the frame.
  • Visits through an embed do not count as viewers in Analytics.

If it didn't work

  • The frame is blank. Check the gallery is published and the link in the snippet matches the one at the top of the Share panel.
  • The frame does not grow with the content. The script was left out or your site strips scripts. Paste the whole snippet, or set a fixed height on the frame.
Still stuck? Send a note from the contact page and a real person at Hailo answers. Include the studio name you signed up with and, if it is about a specific screen, what you clicked.
Contact support