본문으로 건너뛰기

게시(Publishing) 워크플로 가이드

PDF Connect의 향상된 게시(Publishing) 시스템을 사용해 Shopify 스토어 전체에 PDF를 효율적으로 게시하는 방법을 안내합니다.

개요: 2단계 게시 프로세스​

PDF Connect는 “콘텐츠 관리”와 “표시 설정”을 분리한 간소화된 2단계 워크플로를 사용합니다.

  1. 🔗 PDF 연결(Link) - PDF를 페이지/상품/컬렉션 등에 연결
  2. 🎨 Theme App Extension 추가 - Shopify 테마 편집기에서 PDF 표시 방식을 구성

이렇게 분리하면 콘텐츠는 유연하게 관리하면서도 스토어 전반에 일관된 방식으로 표시할 수 있습니다.

1단계: PDF 연결하기​

페이지 유형 이해하기​

PDF Connect는 Shopify의 주요 페이지 유형에 모두 연결할 수 있습니다.

페이지 유형사용 사례예시
상품(Products)데이터시트/매뉴얼/사양상품 매뉴얼, 사이즈표, 보증 안내
컬렉션(Collections)카탈로그/구매 가이드시즌 카탈로그, 구매 가이드, 컬렉션 개요
블로그 게시글(Articles)자료/보충 문서체크리스트, 연구 자료, 템플릿
커스텀 페이지(Pages)정책/서식/안내개인정보 처리방침, 반품 양식, 회사 브로셔
홈페이지(Homepage)주요 콘텐츠회사 소개, 추천 카탈로그, 웰컴 가이드
검색 페이지(Search)쉽게 찾는 자료FAQ 문서, 사이트 가이드, 도움말 리소스

연결 방법​

  1. PDF 관리 화면 열기: PDF Connect 앱에서 연결할 PDF로 이동합니다.
  2. 연결 시작: 우측 상단의 “Link” 버튼을 클릭합니다.
  3. 페이지 유형 선택: 드롭다운에서 페이지 유형(Products, Collections, Articles 등)을 선택합니다.
  4. 검색 및 선택: 검색 바로 찾거나, 페이지네이션 목록에서 선택합니다.
  5. 확정: “Link to [X] [Page Type]”를 클릭해 완료합니다.

고급 연결 기능​

  • 부분 일치 검색: 예) “tshirt”로 “Premium T-Shirt Collection” 찾기
  • 실시간 결과: 입력하는 즉시 결과가 업데이트됨
  • 넓은 범위 매칭: 제목/핸들(handle)/설명 기준으로도 검색

Efficient Navigation​

  • 페이지네이션: “Load More”로 대규모 목록 탐색
  • 일괄 선택: 여러 항목을 한 번에 선택해 빠르게 연결
  • 빠른 필터: 상태/유형 등 조건으로 필터링

Cross-Linking Strategy​

하나의 PDF를 여러 페이지 유형에 연결해 노출을 극대화할 수 있습니다.

  • Product manual → Product page + Help article
  • Company brochure → Homepage + About page + Contact page
  • Size guide → All relevant product pages + Size guide page

2단계: Theme App Extension 추가하기​

표시 스타일 이해하기​

콘텐츠 성격과 페이지 맥락에 맞는 표시 스타일을 선택하세요.

📄 Embedded PDF​

추천 대상: 고객이 즉시 확인해야 하는 핵심 콘텐츠
표시 방식: 페이지 안에 PDF가 바로 표시됨
적합한 예: 상품 사양서, 메뉴, 기술 문서
모바일: 화면 크기에 맞게 반응형으로 동작

🔘 PDF Button​

추천 대상: 선택 제공 또는 보조 자료
표시 방식: 버튼 클릭 시 팝업 오버레이로 PDF 열림
적합한 예: 사용 설명서, 추가 자료, 상세 사양
모바일: 터치 친화 버튼 + 최적화된 팝업

📋 PDF List​

추천 대상: 관련 문서가 여러 개일 때
표시 방식: 제목/설명이 포함된 정리된 목록
적합한 예: 자료실, 문서 모음, 다운로드 센터
모바일: 모바일 탐색에 최적화된 스택 레이아웃

템플릿에 확장(Extension) 추가하기​

1. Access Theme Editor​

  • Shopify 관리자에서 Online Store > Themes > Customize로 이동합니다.
  • 수정할 템플릿을 선택합니다.

2. Choose Template Type​

PDF를 어디에 연결했는지에 따라 적절한 템플릿을 선택합니다.

  • 상품에 연결한 PDF → Product 템플릿
  • 컬렉션에 연결한 PDF → Collection 템플릿
  • 게시글에 연결한 PDF → Article 템플릿
  • 페이지에 연결한 PDF → Page 템플릿
  • 홈페이지에 연결한 PDF → Index 템플릿

3. Add PDF Extensions​

  • 원하는 섹션으로 이동합니다.
  • Add block을 클릭합니다.
  • Apps 탭을 선택합니다.
  • PDF Connect 확장(Extension)을 선택합니다.
    • PDF Connect - Embedded PDF
    • PDF Connect - PDF Button
    • PDF Connect - PDF List

4. Configure Settings​

오른쪽 패널에서 다음을 설정할 수 있습니다.

  • Display Options: 제목/설명 표시 여부
  • Styling: 색상/크기/여백
  • Behavior: 다운로드 설정, 팝업 동작
  • Mobile: 반응형(모바일) 설정

멀티 확장(Extension) 전략​

같은 템플릿에 여러 PDF 확장을 추가해 목적별로 사용할 수 있습니다.

Example: Product Template

  • 메인 콘텐츠 영역의 Embedded PDF → 주요 상품 매뉴얼
  • 사이드바의 PDF Button → 선택 제공되는 보증 안내
  • 하단의 PDF List → 관련 자료 및 다운로드 모음

Example: Collection Template

  • 상단의 PDF List → 컬렉션 카탈로그 + 구매 가이드
  • 헤더의 PDF Button → 사이즈 가이드 빠른 접근

베스트 프랙티스​

Content Organization​

  1. 전략적 연결: 가장 관련 있는 페이지 유형에 PDF를 연결하세요.
  2. 일관된 네이밍: 알아보기 쉬운 제목/파일명을 사용하세요.
  3. 정기 업데이트: 연결된 PDF를 최신 상태로 유지하세요.
  4. 모바일 테스트: 모바일에서 항상 표시를 확인하세요.

Performance Optimization​

  1. 임베디드 최소화: 페이지 속도를 위해 임베디드는 꼭 필요한 곳에만 사용하세요.
  2. PDF 용량 최적화: 업로드 전 압축을 권장합니다.
  3. 전략적 배치: 가장 가치가 큰 위치에 확장을 배치하세요.
  4. 로딩 전략: 선택 콘텐츠는 버튼/목록을 활용하세요.

User Experience​

  1. 목적을 명확히: 각 PDF가 왜 중요한지 고객이 바로 이해할 수 있게 하세요.
  2. 접근성: 중요한 PDF를 너무 깊은 곳에 숨기지 마세요.
  3. 모바일 우선: 모바일 경험이 좋은지 확인하세요.
  4. 빠른 로딩: 페이지 로딩이 빠르도록 구성하세요.

Template Management​

  1. 스타일 일관성: 템플릿 간 설정을 유사하게 맞춰 브랜드 일관성을 유지하세요.
  2. 콘텐츠별 스타일 선택: 콘텐츠 유형에 따라 표시 스타일을 다르게 선택하세요.
  3. 정기 점검: 어떤 템플릿에 확장이 들어가 있는지 주기적으로 확인하세요.
  4. 사용 분석: 어떤 PDF가 가장 자주 열리는지 모니터링하세요.

트러블슈팅​

PDFs Not Showing​

  1. 연결 확인: PDF가 올바른 페이지 유형에 연결되어 있는지 확인합니다.
  2. 템플릿 확인: 확장을 올바른 템플릿에 추가했는지 확인합니다.
  3. 설정 검토: 확장 표시/숨김 및 표시 설정을 점검합니다.
  4. 모바일 테스트: 일부 문제는 모바일에서만 보일 수 있습니다.

Performance Issues​

  1. PDF 용량: 큰 임베디드 PDF는 페이지 로딩을 느리게 할 수 있습니다.
  2. 확장 과다: 확장이 너무 많으면 성능에 영향을 줄 수 있습니다.
  3. 모바일 최적화: 반응형 설정이 올바르게 구성되었는지 확인합니다.
  4. 브라우저 호환성: 여러 브라우저에서 테스트합니다.

Theme Compatibility​

  1. 최신 테마: PDF Connect는 최신 Shopify 테마에서 동작합니다.
  2. 앱 확장 지원: 사용 중인 테마가 app extensions를 지원하는지 확인하세요.
  3. 커스텀 코드: 테마가 많이 커스터마이징되어 있다면 개발자 도움이 필요할 수 있습니다.
  4. 버전 업데이트: 호환성을 위해 테마와 앱을 최신으로 유지하세요.

이 게시 워크플로를 사용하면, 필요에 따라 유연하게 운영하면서도 스토어에서 PDF가 “어디에, 어떻게” 표시될지 완전히 제어할 수 있습니다.