How to Embed Your Photo Gallery on a Website

Display your event photos directly on any website, blog, or WordPress page. Fotify generates an embed code that you paste into your HTML, and the gallery appears with auto-resizing, theme options, and two layout modes: grid and carousel.

Step 1: Generate the Embed Code

Go to Photos in the sidebar
Click "Share Album" in the Actions section
Toggle on "Public Album Access" if not already enabled
Scroll down and toggle on "Embed on Website"
The embed code generator will appear

You need to share your album first before you can generate embed codes.

Step 2: Customize Your Embed

Before copying the code, configure these options:

Theme

Choose from 10 visual themes to match your website:

Classic — Clean white background with subtle shadows
Dark — Sleek dark background with glowing accents
Minimal — Borderless, no header — just your photos
Elegant — Serif typography with warm, refined tones
Modern — Bold rounded cards with gradient header
Polaroid — Nostalgic photo frames with white borders
Glass — Frosted glass with transparency and blur
Neon — Vibrant glow with electric accents
Magazine — Editorial layout with asymmetric grid
Sunset — Warm gradient with golden hour vibes

Layout

Grid — Photos displayed in a responsive grid (default). You can choose between 2-5 columns.
Carousel — A slideshow that auto-advances every 4 seconds with navigation arrows and dot indicators. Supports keyboard arrow keys.

Max Photos

Limit how many photos are displayed in the embed. Choose "All" for infinite scroll (grid mode) or the full set (carousel mode).

Step 3: Paste the Code

Click "Copy" to copy the embed code
Paste it into your website's HTML editor

The code includes an <iframe> and a small script that auto-resizes the frame to fit the content — no extra setup needed.

WordPress

In the WordPress editor, add a Custom HTML block and paste the embed code.

Squarespace

Use a Code Block or Embed Block and paste the code.

Wix

Use the HTML iframe element (under "Embed") and paste the code.

Any HTML Page

Paste the code anywhere inside the <body> tag. The gallery adapts to the container width automatically.

How It Works

The embed loads your public album inside an iframe
Photos are fetched in real time — new uploads appear automatically
The iframe auto-resizes to match the content height, so there's no wasted space
Clicking any photo opens the full album in a new tab
The embed respects your album's approval settings — only approved photos are shown

Frequently Asked Questions

Q: Do I need to update the embed code when I add new photos? A: No. The embed loads photos in real time from your album. New approved photos appear automatically.

Q: Can I embed a specific album from my event? A: Yes, the embed code includes your album's unique ID. If you have multiple albums, each gets its own embed code.

Q: Does the embed work on mobile? A: Yes, the gallery is fully responsive. Grid columns adjust automatically on smaller screens, and the carousel works with touch swipe.

Q: Can visitors upload photos through the embed? A: No, the embed is view-only. To let visitors upload photos, share your QR code or upload link.

Q: Does the embed slow down my website? A: No. The embed uses loading="lazy" so it only loads when the visitor scrolls to it. Photos are served from a CDN for fast delivery.

Q: Can I change the theme after embedding? A: Yes. The theme is set via a URL parameter. You can either regenerate the embed code with a different theme, or manually change the theme= value in the iframe URL.

Q: What happens if I disable public album access? A: The embed will show an error state. Re-enable public access to restore it.

Q: Is there a "Powered by Fotify" watermark? A: Most themes show a small "Powered by Fotify" footer. The minimal theme makes it less prominent.