웹사이트 임베드

어떤 웹사이트에든 PDF flipbook을 임베드하세요

호스팅된 flipbook을 사이트 안에 배치하여 방문자가 PDF를 다운로드하지 않고도 문서를 읽을 수 있습니다.

PDF 업로드데모 보기
embed
<iframe
  src="https://flipbook.so/embed/abc123"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen>
</iframe>

좋은 flipbook 임베드가 갖춰야 할 점

임베드된 문서는 전체 화면 뷰어에서뿐만 아니라 실제 웹 레이아웃 안에서도 잘 작동해야 합니다.

  1. 01

    반응형 읽기

    flipbook 뷰어는 데스크톱, 태블릿, 모바일 화면에서 동작하므로 방문자는 PDF 앱을 설치하지 않고도 읽을 수 있습니다.

  2. 02

    간단한 iframe 코드

    공유 패널에서 임베드 코드를 복사하여 HTML 블록이나 페이지 템플릿에 붙여넣습니다.

  3. 03

    플러그인 의존 없음

    방문자에게 소프트웨어 설치나 원본 파일 다운로드를 요구하는 대신 브라우저 기반 뷰어를 사용합니다.

  4. 04

    독자 분석

    flipbook이 임베드된 상태에서도 조회수, 페이지 열람, 인터랙티브 링크 클릭 등 참여를 추적할 수 있습니다.

라이브 데모

여기서 실제 flipbook을 체험해 보세요

페이지를 넘기고 전체 화면으로 열어 보고 링크를 클릭해 보세요. 독자가 실제로 보게 될 모습을 그대로 확인할 수 있습니다.

뷰어에서 열기

flipbook을 임베드하는 방법

페이지가 CMS, 사이트 빌더, 자체 코드 어디에서 만들어졌든 워크플로는 동일합니다.

  1. 1

    flipbook 만들기

    PDF를 Flipso에 업로드하고 호스팅 뷰어가 열릴 때까지 기다립니다.

  2. 2

    공유 패널 열기

    임베드 섹션에서 iframe 코드를 복사합니다. 이 코드는 가벼운 임베드 뷰어를 가리킵니다.

  3. 3

    페이지에 붙여넣기

    코드를 사용자 지정 HTML 블록, 페이지 템플릿 또는 CMS 임베드 필드에 추가하고 레이아웃에 맞춰 높이를 조정합니다.

  4. 4

    모바일에서 테스트

    휴대폰으로 페이지를 열고 flipbook이 잘 읽히는지, 올바르게 스크롤되는지, 주변 콘텐츠를 압박하지 않는지 확인합니다.

자주 묻는 질문

flipbook 임베드 관련 질문

  • WordPress에 flipbook을 임베드할 수 있습니까?

    네. Custom HTML 블록 또는 iframe 코드를 허용하는 페이지 빌더 블록을 사용하세요.

  • Shopify, Wix, Squarespace에 임베드할 수 있습니까?

    보통 가능합니다. 페이지 편집기가 사용자 지정 HTML이나 iframe 임베드를 허용하는 경우에 한합니다. 게시 전에 모바일에서 페이지를 테스트하세요.

  • flipbook을 업데이트하면 임베드도 업데이트됩니까?

    임베드는 호스팅된 flipbook URL을 가리키므로, 업데이트 후에도 페이지는 동일한 임베드 위치를 그대로 사용할 수 있습니다.

  • 임베드해야 할까요, 링크를 공유해야 할까요?

    문서가 페이지 목표를 보조할 때는 임베드를 사용하세요. 문서를 이메일, 채팅, 소셜, QR 코드를 통해 전달해야 할 때는 링크를 공유하세요.

더 알아보기

관련 flipbook 가이드