웹사이트에 사진 갤러리를 임베드하는 방법

Q: 방문자가 임베드를 통해 사진을 업로드할 수 있나요?

아니요, 임베드는 보기 전용입니다. 방문자가 사진을 업로드할 수 있게 하려면 [QR code](/help/photo-sharing/get-qr-code/) 또는 업로드 링크를 공유하세요.

Q: 임베드가 제 웹사이트를 느리게 만들까요?

아니요. 임베드는 `loading="lazy"`를 사용하므로 방문자가 해당 위치까지 스크롤했을 때만 로드됩니다. 사진은 빠른 전송을 위해 CDN에서 제공됩니다.

Q: 공개 앨범 접근을 비활성화하면 어떻게 되나요?

임베드에 오류 상태가 표시됩니다. 다시 복구하려면 [public access](/help/photo-sharing/share-album/)를 재활성화하세요.

어떤 웹사이트, 블로그, 또는 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

(“Embed” 아래에 있는) HTML iframe 요소를 사용하여 코드를 붙여넣으세요.

모든 HTML 페이지

<body> 태그 안의 원하는 위치에 코드를 붙여넣으세요. 갤러리는 컨테이너 너비에 맞춰 자동으로 조정됩니다.

작동 방식

임베드는 iframe 안에서 공개 앨범을 로드합니다.
사진은 실시간으로 가져옵니다 — 새로 업로드된 사진이 자동으로 반영됩니다.
iframe은 콘텐츠 높이에 맞게 자동으로 크기가 조절되어 불필요한 여백이 생기지 않습니다.
어떤 사진을 클릭하든 전체 앨범이 새 탭에서 열립니다.
임베드는 앨범의 승인 설정을 준수합니다 — 승인된 사진만 표시됩니다.

자주 묻는 질문

Q: 새 사진을 추가할 때 임베드 코드를 업데이트해야 하나요? A: 아니요. 임베드는 앨범에서 사진을 실시간으로 불러옵니다. 새로 승인된 사진은 자동으로 표시됩니다.

Q: 이벤트에서 특정 앨범만 임베드할 수 있나요? A: 네, 가능합니다. 임베드 코드에는 앨범의 고유 ID가 포함됩니다. 여러 앨범이 있다면 각 앨범마다 별도의 임베드 코드가 생성됩니다.

Q: 모바일에서도 임베드가 작동하나요? A: 네. 갤러리는 완전한 반응형입니다. 작은 화면에서는 그리드 열이 자동으로 조정되며, 캐러셀은 터치 스와이프를 지원합니다.

Q: 방문자가 임베드를 통해 사진을 업로드할 수 있나요? A: 아니요, 임베드는 보기 전용입니다. 방문자가 사진을 업로드할 수 있게 하려면 QR code 또는 업로드 링크를 공유하세요.

Q: 임베드가 제 웹사이트를 느리게 만들까요? A: 아니요. 임베드는 loading="lazy"를 사용하므로 방문자가 해당 위치까지 스크롤했을 때만 로드됩니다. 사진은 빠른 전송을 위해 CDN에서 제공됩니다.

Q: 임베드한 뒤에 테마를 변경할 수 있나요? A: 네. 테마는 URL 파라미터로 설정됩니다. 다른 테마로 임베드 코드를 다시 생성하거나, iframe URL에서 theme= 값을 직접 변경하면 됩니다.

Q: 공개 앨범 접근을 비활성화하면 어떻게 되나요? A: 임베드에 오류 상태가 표시됩니다. 다시 복구하려면 public access를 재활성화하세요.

Q: "Powered by Fotify" 워터마크가 있나요? A: 대부분의 테마에는 작은 "Powered by Fotify" 푸터가 표시됩니다. 미니멀 테마에서는 이 표시가 덜 눈에 띕니다.