如何在网站上嵌入您的照片画廊

将活动照片直接展示在任何网站、博客或 WordPress 页面上。Fotify 会生成一段嵌入代码，您只需将其粘贴到 HTML 中，画廊就会显示出来，并支持自动调整尺寸、主题选项，以及两种布局模式：网格和轮播。

第 1 步：生成嵌入代码

在侧边栏进入 Photos
在 Actions 区域点击 "Share Album"
如果尚未启用，请将 "Public Album Access" 切换为开启
向下滚动并将 "Embed on Website" 切换为开启
随后会出现嵌入代码生成器

在生成嵌入代码之前，您需要先分享您的相册。

第 2 步：自定义嵌入内容

在复制代码之前，请先配置以下选项：

主题

从 10 种视觉主题中选择，以匹配您的网站风格：

Classic — 干净的白色背景，带有细腻的阴影
Dark — 利落的深色背景，搭配发光点缀
Minimal — 无边框、无页眉——只呈现您的照片
Elegant — 衬线字体，温暖且精致的色调
Modern — 加粗圆角卡片，带渐变页眉
Polaroid — 复古拍立得风格相框，白色边框
Glass — 磨砂玻璃效果，具备透明与模糊
Neon — 明亮霓虹光效，电光感点缀
Magazine — 杂志编辑风格布局，非对称网格
Sunset — 暖色渐变，带有日落金色氛围

布局

Grid — 照片以自适应网格展示（默认）。您可以选择 2–5 列。
Carousel — 幻灯片轮播，每 4 秒自动切换，带导航箭头与圆点指示器。支持键盘方向键。

最大照片数

限制嵌入中显示的照片数量。选择 "All" 可启用无限滚动（网格模式）或显示全部照片（轮播模式）。

第 3 步：粘贴代码

点击 "Copy" 复制嵌入代码
将其粘贴到您网站的 HTML 编辑器中

代码包含一个 <iframe> 以及一段小脚本，用于自动调整框架大小以适配内容——无需额外设置。

WordPress

在 WordPress 编辑器中，添加一个 Custom HTML 区块并粘贴嵌入代码。

Squarespace

使用 Code Block 或 Embed Block，然后粘贴代码。

Wix

使用 HTML iframe 元素（在 "Embed" 下），并粘贴代码。

任何 HTML 页面

将代码粘贴到 <body> 标签内的任意位置。画廊会自动适配容器宽度。

工作原理

嵌入内容会在 iframe 中加载您的公开相册
照片会实时获取——新上传内容会自动显示
iframe 会自动调整尺寸以匹配内容高度，因此不会浪费空白空间
点击任意照片会在新标签页中打开完整相册
嵌入会遵循您相册的审核设置——只显示已批准的照片

常见问题

问：添加新照片后需要更新嵌入代码吗？ 答：不需要。嵌入会从您的相册实时加载照片。新批准的照片会自动显示。

问：我可以嵌入活动中的某个特定相册吗？ 答：可以。嵌入代码包含您相册的唯一 ID。如果您有多个相册，每个相册都会有各自的嵌入代码。

问：嵌入在手机上也能用吗？ 答：可以，画廊完全自适应。在较小屏幕上网格列数会自动调整，轮播也支持触控滑动。

问：访客可以通过嵌入上传照片吗？ 答：不可以，嵌入仅用于浏览。若要让访客上传照片，请分享您的二维码或上传链接。

问：嵌入会拖慢我的网站吗？ 答：不会。嵌入使用 loading="lazy"，仅在访客滚动到该位置时才会加载。照片由 CDN 提供，以实现快速传输。

问：嵌入之后还能更换主题吗？ 答：可以。主题通过 URL 参数设置。您可以用不同主题重新生成嵌入代码，或手动修改 iframe URL 中的 theme= 值。

问：如果我关闭公开相册访问会怎样？ 答：嵌入将显示错误状态。重新启用公开访问即可恢复。

问：是否会有 "Powered by Fotify" 水印？ 答：大多数主题会显示一个小的 "Powered by Fotify" 页脚。Minimal 主题会让它不那么显眼。