도움말
로그인

테마 추가, 미리 보기 및 구매

Shopify 계정을 개설하면 시작하는 데 도움이 되도록 관리자의 테마 페이지에 기본 테마가 설정됩니다. 온라인 스토어에 다른 테마를 맞춤 설정하려면 관리자에 테마를 추가해야 합니다.

다음과 같은 방법으로 테마를 추가할 수 있습니다.

개발자이거나 Shopify 파트너 또는 에이전시와 협력하는 경우 다음 방법으로 스토어에 테마를 추가할 수도 있습니다.

  • Shopify GitHub 통합을 사용하여 GitHub 호스팅 테마를 스토어에 추가할 수 있습니다.
  • Shopify CLI를 사용하여 테마를 스토어에 푸시할 수 있습니다.

계정에 여러 테마를 추가하여 새 테마를 사용해 보거나, 게시된 테마의 시즌 버전을 보관하거나, 게시된 테마 사본의 변경 사항을 테스트할 수 있습니다. 이러한 테마는 모두 미리 볼 수 있지만 한 번에 하나의 테마만 게시할 수 있습니다. 새 테마로 전환하더라도 Shopify의 테마 페이지에서 이전 테마에 계속 액세스할 수 있습니다.

테마를 추가한 후 링크를 만들어 게시되지 않은 테마의 미리 보기를 다른 사람과 공유할 수 있습니다. 이 기능은 새 테마를 게시하거나 온라인 스토어를 출시하기 전에 피드백을 받고자 할 때 유용할 수 있습니다. 게시된 테마의 미리 보기는 공유할 수 없습니다.

이 페이지의 내용

테마 자격 요건

스토어 또는 조직에 테마를 추가하려면 다음 자격 요건을 검토하십시오.

  • 추가할 수 있는 최대 테마 수는 가격 플랜에 따라 다릅니다.
  • Starter 플랜의 스토어는 Spotlight 테마만 추가할 수 있습니다.
  • Basic, Grow, Advanced 플랜의 스토어 및 조직은 최대 20개의 테마를 추가할 수 있습니다.
  • Shopify Plus 플랜의 스토어 및 조직은 최대 100개의 테마를 추가할 수 있습니다.

플랜의 테마 한도에 도달하면 새 테마를 추가하기 전에 테마를 제거해야 합니다. 확장 스토어는 라이브 확장 스토어마다 테마 라이선스가 있어야 합니다.

AI로 무료 테마 생성하기

Shopify 관리자의 테마 페이지에서 AI를 사용하여 무료 개인 맞춤형 테마를 생성할 수 있습니다. 무료 테마의 맞춤 설정에 대한 도움은 Shopify에서 지원됩니다.

Shopify 관리자의 테마 페이지에서 AI를 사용하여 무료 개인 맞춤형 테마를 생성할 수 있습니다. 무료 테마의 맞춤 설정에 대한 도움은 Shopify에서 지원됩니다.

단계:

데스크톱

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 몇 초 만에 스토어 디자인하기 섹션에 비즈니스에 대한 설명을 작성한 다음 테마 생성을 클릭하여 최대 3개의 무료 개인 맞춤형 테마를 생성합니다.

  3. 관심 있는 테마를 클릭한 다음 테마 체험하기를 클릭하여 스토어에 테마를 적용합니다.

  4. 테마가 관리자의 테마 페이지에 있는 초안 테마 섹션에 추가됩니다.

모바일

  1. Shopify 앱에서 메뉴 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 테마 관리를 탭합니다.

  4. 페이지 하단 근처의 몇 초 만에 스토어 디자인하기 섹션에서 비즈니스를 설명하고 테마 생성을 탭하여 최대 3개의 무료 개인 맞춤형 테마를 생성합니다.

  5. 관심 있는 테마를 탭한 다음 테마 체험하기를 탭하여 스토어에 테마를 적용합니다.

  6. 테마가 관리자의 테마 페이지에 있는 초안 테마 섹션에 추가됩니다.

관리자에서 무료 테마 추가하기

무료 테마는 Shopify에서 개발합니다. 무료 테마의 맞춤 설정에 대한 도움은 Shopify에서 지원됩니다.

무료 테마는 Shopify에서 개발합니다. 무료 테마의 맞춤 설정에 대한 도움은 Shopify에서 지원됩니다.

단계:

데스크톱

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 페이지 하단 부근의 테마 살펴보기 섹션에서 Shopify Theme Store의 인기 무료 테마를 확인하거나 Theme Store 방문을 클릭하여 사용 가능한 모든 테마를 찾아보십시오.

  3. 테마 이름을 클릭하여 Shopify Theme Store에서 테마에 대한 세부 정보를 확인합니다.

  4. 해당 테마의 추가 버튼을 클릭합니다. 테마가 관리자의 테마 페이지에 있는 초안 테마 섹션에 추가됩니다.

모바일

  1. Shopify 앱에서 메뉴 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 테마 관리를 탭합니다.

  4. 페이지 하단 부근의 테마 살펴보기 섹션에서 Shopify Theme Store의 인기 무료 테마를 확인하거나 Theme Store 방문을 탭하여 사용 가능한 모든 테마를 찾아보십시오.

  5. Shopify Theme Store에서 테마 이름을 탭하면 테마에 대한 세부 정보를 볼 수 있습니다.

  6. 해당 테마의 추가 버튼을 탭합니다. 테마가 관리자의 테마 페이지에 있는 초안 테마 섹션에 추가됩니다.

Shopify Theme Store에서 유료 테마 체험하기

유료 테마를 구매하기 전에 Shopify 관리자에서 테마를 미리 보고 체험할 수 있습니다. 테마 편집기를 사용하여 브랜드 색상, 브랜드 스타일, 제품을 사용하도록 미리 보기 테마를 맞춤 설정할 수 있습니다. 테마를 구매하면 변경한 모든 맞춤 설정이 저장됩니다.

최대 19개의 유료 테마를 동시에 미리 볼 수 있어 구매 전에 여러 테마를 비교할 수 있습니다. 체험 중인 유료 테마에는 테마 체험 레이블이 표시됩니다.

유료 테마에 대한 지원을 받으려면 테마 개발자에게 문의하십시오.

단계:

  1. Shopify Theme Store를 방문하여 유료 테마를 선택합니다.
  2. 테마 체험하기를 클릭하여 온라인 스토어에 테마를 추가합니다.
  3. Shopify 관리자에서 온라인 스토어 > 테마를 클릭합니다.
  4. 초안 테마 섹션에서 미리 볼 테마 옆에 있는 가로 메뉴 버튼을 클릭하여 작업 메뉴를 엽니다.
  5. 미리 보기를 클릭합니다.

미리 보기 중에 테마의 설정을 맞춤 설정할 수 있습니다. 테마가 마음에 들면 테마를 구매할 수 있습니다. 테마에서 변경한 모든 맞춤 설정은 저장됩니다. 테마 체험 기간에는 테마 코드를 편집하거나 AI 코드 생성기를 사용할 수 없습니다.

Shopify Theme Store에서 테마 구매하기

다음 스토어 수준 권한을 모두 가진 사용자만 Shopify Theme Store에서 테마를 구매할 수 있습니다.

  • 테마
  • 앱 및 채널 관리 및 설치
  • 앱 요금 승인

온라인 스토어에서 유료 테마를 체험한 후 구매할 수 있습니다. 구매한 테마만 온라인 스토어에 게시할 수 있습니다. Shopify Theme Store에서 테마를 구매하면 해당 테마는 구매가 이루어진 스토어에만 독점적으로 라이선스가 부여됩니다. 다른 스토어에서 테마를 사용하려면 테마를 이전할 수 있습니다.

유료 테마는 타사 테마 개발자가 만듭니다. 타사 테마에 대한 일반 지원 및 업데이트는 테마 개발자가 제공합니다. 고급 맞춤 설정이 필요하지만 HTML, CSS, JavaScript를 사용한 웹사이트 개발 경험이 없는 경우에는 Shopify 파트너 고용을 고려해 보십시오.

단계:

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 테마 추가 > Theme Store 방문을 클릭합니다.

  3. 구매하려는 테마를 검색한 다음 테마 체험하기를 클릭합니다.

  4. 초안 테마 섹션에서 구매할 테마의 구매를 클릭하여 거래를 시작합니다.

컴퓨터에서 테마 파일 업로드하기

컴퓨터에 테마가 ZIP 파일로 있는 경우 Shopify 관리자의 테마 페이지에 업로드할 수 있습니다.

업로드하기 전에 테마 파일이 단일 ZIP 파일로 압축되었는지 확인하십시오.

ZIP 파일을 업로드하면 테마가 Shopify 관리자의 테마 페이지에 추가됩니다.

단계:

데스크톱

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 초안 테마 섹션에서 테마 가져오기 > zip 파일 업로드를 클릭합니다.

  3. 테마 가져오기 대화 상자에서 파일 선택을 클릭하여 업로드할 ZIP 파일을 선택합니다.

  4. 업로드를 클릭합니다.

모바일

  1. Shopify 앱에서 메뉴 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 테마 관리를 탭합니다.

  4. 초안 테마 섹션에서 테마 가져오기 > zip 파일 업로드를 탭합니다.

  5. 테마 가져오기 대화 상자에서 파일 선택을 탭하여 업로드할 ZIP 파일을 선택합니다.

  6. 업로드를 탭합니다.

테마 전환하기

스토어에 새 테마를 추가하면 Shopify 테마 페이지의 초안 테마 섹션에 표시됩니다. 온라인 스토어에 테마를 게시하여 새 테마로 전환할 수 있습니다. 새 테마를 게시하더라도 기존 테마는 초안 테마에서 계속 사용할 수 있으며 원할 경우 다시 기존 테마로 전환할 수 있습니다.

테마를 수동으로 업데이트하면 업데이트된 테마 버전이 초안 테마에 별도의 버전으로 표시됩니다. 업데이트된 버전으로 전환해도 이전 테마 버전은 초안 테마에서 계속 사용할 수 있습니다. 자세한 내용은 테마 업데이트를 참조하십시오.

테마 전환 준비하기

초안 테마에 테마를 추가하면 게시하기 전에 맞춤 설정할 수 있습니다. 이는 기존 테마를 교체하기 전에 새 테마를 검토하고 비즈니스에 맞게 설정 및 콘텐츠를 조정할 수 있는 좋은 기회입니다. 또한 다시 설정할 필요 없이 준비해 둔 여러 테마 간에 자유롭게 전환할 수 있습니다.

스토어의 제품, 컬렉션, 메뉴, 페이지, 블로그 게시물은 테마와 별도로 관리자에서 관리되므로 새 테마로 전환해도 변경되거나 삭제되지 않습니다. 그러나 테마 편집기, 테마 코드 편집기 및 언어 편집기를 사용하여 관리되는 콘텐츠와 설정은 업로드하는 각 테마 및 테마 버전마다 고유합니다.

온라인 스토어의 다음 부분은 테마와 연결되어 있습니다. 사용하려는 각 테마에 대해 온라인 스토어의 이 부분을 맞춤 설정해야 합니다.

모든 테마가 모든 Shopify 기능을 지원하는 것은 아닙니다. 테마의 기능 목록을 검토하여 필요한 기능이 있는지 확인해야 합니다.

테마 미리 보기

온라인 스토어의 테마 섹션에서 모든 테마를 미리 볼 수 있습니다. 미리 보기는 온라인 스토어 미리 보기 막대와 함께 브라우저 탭에 있는 온라인 스토어에 미리 보기 테마를 표시합니다.

온라인 스토어 미리 보기 바에는 테마에 대한 다음 정보가 표시됩니다.

  • 테마 이름.
  • 테마 상태. 게시된 테마는 라이브 상태이며 게시되지 않은 테마는 초안 상태입니다.

다음 작업을 통해 미리 보기를 사용자 지정할 수 있습니다.

  • view icon 다음으로 보기 섹션에서 다른 국가나 언어를 선택하여 미리 볼 수 있습니다. 국제 마켓 및 테마에 언어 추가하기에 대해 자세히 알아보세요.
  • link 버튼을 클릭하여 테마 미리 보기를 공유하세요.
  • “ 미리 보기 닫기 ”를 클릭하면 미리 보기가 닫히고 게시된 테마가 표시됩니다.
    • 테마 편집을 클릭하여 테마 편집기를 열고 테마를 사용자 지정하세요.
  • 미리 보기 바의 상단 근처를 클릭하여 축소합니다. 다시 클릭하면 확대할 수 있습니다.

다른 사람과 테마 미리 보기 공유하기

온라인 스토어를 곧 출시할 예정이거나 새 테마를 게시하여 스토어를 변경할 계획인 경우, 테마 미리 보기를 공유하여 다른 사람에게 피드백을 구할 수 있습니다.

Shopify 관리자에 추가한 테마의 미리 보기에 다른 사람이 액세스하는 데 사용할 수 있는 링크를 생성할 수 있습니다. 공유하려는 테마가 게시될 필요는 없습니다.

테마 미리 보기에는 두 가지 유형이 있습니다.

  • 방문자 미리 보기: 방문자 미리 보기는 URL을 가진 모든 사람에게 표시되며 인증이 필요하지 않습니다. 이 미리 보기는 URL 생성 후 2일이 지나면 만료됩니다. 방문자 미리 보기 URL은 https://<token>-<shop_id>.shopifypreview.com 형식을 사용합니다.
  • 판매자 미리 보기: 판매자 미리 보기는 관리자 인증이 필요하며 체크아웃에 액세스할 수 있습니다. 이 미리 보기는 URL 생성 후 30일이 지나면 만료됩니다. 판매자 미리 보기 URL은 토큰 매개변수와 함께 기본 도메인 형식을 사용합니다.

테마에서 미리 보기를 클릭하면 브라우저의 주소 표시줄에 판매자 미리 보기 URL이 표시됩니다. 다른 사람과 공유할 방문자 미리 보기 링크를 생성하려면 미리 보기 바에서 link 버튼을 클릭하세요. 원할 때마다 새 링크를 생성할 수 있으며, 새 링크를 생성해도 이전 미리 보기 링크에는 영향을 주지 않습니다.

단계:

데스크톱

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 공유하려는 테마에서 horizontal menu 버튼을 클릭하여 작업 메뉴를 연 다음 미리 보기를 클릭합니다.

  3. 선택 사항: 다른 국가, 언어 또는 둘 다를 선택하여 미리 보기를 변경합니다.

  4. link 버튼을 클릭하여 링크를 클립보드에 복사합니다.

모바일

  1. Shopify 앱에서 메뉴 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 테마 관리를 탭합니다.

  4. 공유하려는 테마에서 horizontal menu 버튼을 탭하여 작업 메뉴를 연 다음 미리 보기를 탭합니다.

  5. 선택 사항: 다른 국가, 언어 또는 둘 다를 선택하여 미리 보기를 변경합니다.

  6. link 아이콘을 탭하여 링크를 클립보드에 복사합니다.

테마 미리 보기 문제 해결

테마 미리 보기 또는 테마 미리 보기 바가 올바르게 표시되지 않는 데에는 여러 가지 상황이 있을 수 있습니다. 이 가이드의 단계를 검토한 후에도 테마에 여전히 문제가 있는 경우 테마의 지원 팀에 문의해야 할 수 있습니다. 테마 지원 받기에 대해 자세히 알아보세요.

라이브 스토어에 미리 보기 바가 표시됨

이 문제는 일반적으로 테마가 preview_theme_id라는 매개변수를 온라인 스토어 URL에 잘못 추가할 때 발생합니다. 이 매개변수는 내부 미리 보기 전용이지만 라이브 URL에 있을 경우 모든 방문자에게 미리 보기 바가 강제로 표시됩니다.

온라인 스토어를 방문하여 브라우저의 주소 표시줄에서 preview_theme_id 매개변수를 확인하세요. 고객에게 미리 보기 바가 표시되는 링크 주소를 전달해 달라고 요청할 수도 있습니다.

온라인 스토어의 URL에 preview_theme_id 매개변수가 포함된 경우 테마 개발자에게 지원을 문의하고 문제를 설명하세요.

테마 코드를 편집하는 데 익숙한 경우 테마 파일에서 preview_theme_id를 검색한 다음 URL에 추가하는 코드를 제거할 수 있습니다. 이러한 유형의 코드는 레이아웃 파일과 Javascript가 포함된 파일(.js로 끝남)에 포함되어 있을 가능성이 높습니다. HTML 및 CSS를 알고 Shopify의 템플릿 언어인 Liquid, JSON, Javascript에 대한 기본적인 이해가 있는 경우에만 테마 코드를 편집하십시오.

이 문제는 ThemeForest의 Lumia 테마와 같이 Shopify Theme Store 외부에서 구매한 테마에서 보고되었습니다.

초안 테마 미리 보기 시 라이브 테마로 리디렉션

게시되지 않은 테마에서 미리 보기를 클릭했을 때 라이브 테마로 리디렉션되는 경우, 이는 거의 항상 Cloudflare 캐싱과 관련이 있습니다.

Shopify 스토어 앞에서 Cloudflare를 사용하는 경우, Shopify의 미리 보기 메커니즘을 방해하는 캐싱 설정이 있을 수 있습니다. Shopify도 캐싱에 Cloudflare를 사용하며 이러한 계층이 충돌하는 경우가 있습니다. Shopify 문서에는 외부 캐싱과의 잠재적인 충돌에 대해 언급되어 있습니다.

미리 보기 바가 올바르게 작동하도록 하려면 모든 Shopify 요청에 대해 Cloudflare에서 캐싱을 해제하십시오.

미리 보기 바가 완전히 사라짐

테마를 미리 볼 때 미리 보기 바가 표시되지 않는 경우, 이는 사용자 지정 코드나 타사 앱이 테마의 기본 스크립트를 수정하기 때문일 가능성이 높습니다.

이 문제는 일반적으로 테마의 `레이아웃` 폴더에 있는 `theme.liquid` 파일의 content_for_header Liquid 개체를 수정하여 발생할 가능성이 높습니다. 미리 보기 바 스크립트가 올바르게 로드되려면 content_for_header 개체가 필요합니다. 이 개체를 수정하면 스크립트가 로드되지 못하여 미리 보기 바가 누락되거나 Shopify 기능 및 앱에 다른 문제가 발생할 수 있습니다.

테마 및 앱에서 수정의 원인을 확인할 수 있습니다. 테마 문제 해결 방법을 알아보세요.