Narrative

Narrative는 시각적 스토리텔링에 적합한 부티크 테마입니다. Narrative만의 고유한 특징은 스토리텔링을 위한 이미지에 중점을 둔 것입니다. 기본적으로 홈 페이지에는 전체 너비 슬라이드 쇼, 텍스트 포함 이미지, 동영상이 표시됩니다. 이 레이아웃은 강렬한 시각적 효과를 주어 텍스트가 많지 않아도 브랜드에 대한 스토리텔링을 할 수 있습니다.

Narrative를 사용하는 온라인 스토어 예제

다음에 해당하는 경우 Narrative에 적합합니다.

  • 브랜드 스토리텔링에 이미지와 동영상 사용
  • 스토어의 비전, 사명, 가치에 대한 강한 메시지 전달
  • 단일 제품이나 소형 인벤토리의 독특한 디자인 강조

테마 편집기

테마 편집기로 테마를 사용자 지정할 수 있습니다. 테마 편집기 툴바는 섹션테마 설정으로 나뉘어 있습니다.

섹션 및 테마 설정이 표시된 테마 편집기 툴바

섹션에서는 스토어 내 서로 다른 페이지의 콘텐츠와 레이아웃을 수정할 수 있습니다. 테마 설정에서는 스토어의 글꼴과 색상을 사용자 지정하고 소셜 미디어 링크와 결제 설정을 바꿀 수 있습니다.

섹션은 온라인 스토어의 서로 다른 페이지 레이아웃을 구성하는 사용자 지정 가능 콘텐츠 블록입니다.

  • 홈 섹션에는 슬라이드 쇼나 뉴스레터 신청 같이 추가, 재배치, 제거할 수 있는 기능이 포함됩니다. 홈페이지에는 섹션을 25개까지 추가할 수 있습니다.

  • 페이지 유형마다 고유한 섹션이 있습니다. 예를 들어, 제품 페이지 섹션은 온라인 스토어 내 각 제품 페이지의 레이아웃을 결정합니다.

  • 페이지 섹션은 항상 온라인 스토어의 특정 위치에 있습니다. 해당 섹션을 사용자 지정할 수 있지만 재배치하거나 제거할 수는 없습니다.

  • 각 테마에는 온라인 스토어의 모든 페이지에 표시되는 머리글과 바닥글 같은 정적 섹션이 포함됩니다.

고유 섹션 모음을 살펴보고 스토어 업종에 맞춰 해당 섹션을 사용자 지정하는 방법을 확인할 수 있습니다.

Narrative에는 다음과 같은 정적 섹션이 포함됩니다.

  • 머리글

  • 슬라이드 쇼
  • 바닥글
  • 제품 페이지
  • 컬렉션 페이지
  • 컬렉션 목록 페이지
  • 블로그
  • 게시물
  • 카트 페이지

동적 섹션

동적 섹션을 추가, 재배치, 제거하여 홈페이지 레이아웃을 사용자 지정할 수 있습니다. 테마별로 선택 가능한 고유 동적 섹션 세트가 있습니다.

Narrative에는 다음과 같은 동적 섹션이 포함됩니다.

  • 블로그 게시물

  • 컬렉션 목록
  • 추천 컬렉션
  • 갤러리
  • 강조 표시
  • 텍스트 포함 이미지
  • 텍스트 오버레이 포함 이미지
  • 특별 상품
  • 뉴스레터
  • 지도
  • Rich text
  • 추천
  • 동영상
  • 사용자 지정 콘텐츠
  • 추천 슬라이더

머리글

머리글 섹션에는 스토어의 모든 페이지 상단에 표시되는 콘텐츠가 포함됩니다. Narrative를 사용하면 고객이 탐색 아이콘을 클릭하여 액세스할 수 있는 탐색 메뉴를 두 개 선택할 수 있습니다.

머리글 아래에 있는 섹션과 같은 배경을 사용하도록 스토어의 머리글을 투명하게 만들어 분위기를 바꿀 수 있습니다.

머리글 섹션을 사용자 지정하려면:

  1. 섹션 탭을 클릭합니다.

  2. 머리글 섹션을 클릭합니다.

  3. 로고 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 로고의 픽셀 기준 높이를 사용자 지정 로고 높이(픽셀) 필드에 입력합니다.

  2. 쇼핑 카트 아이콘 목록에서 머리글에 가방을 표시할지 카트 아이콘을 표시할지 선택합니다.

  3. 스토어 머리글을 투명하게 하려면 다음을 수행합니다.

    1. 홈 페이지에서 투명 머리글 사용을 클릭합니다.
    2. 투명 배경 위로 표시할 이미지를 선택합니다. 원래 머리글 페이지에 표시하려고 선택한 로고와는 다른 로고를 선택해야 할 수 있습니다. 예를 들어, 어두운 배경에서는 흰색 로고가 필요할 수 있습니다.
    3. 투명 머리글 아이콘 색상 팔레트를 클릭하여 로고 이미지, 탐색, 카트 아이콘 색상을 선택합니다.
  4. 기본 탐색 목록에서 고객이 탐색 아이콘 클릭 시 표시할 기본 메뉴를 선택합니다.

  5. 보조 탐색 목록에서 보조 메뉴를 선택합니다.

  6. 저장을 클릭합니다.

슬라이드 쇼

최대 5개의 이미지 또는 동영상 슬라이드를 순환시키는 홈 페이지 슬라이드 쇼를 생성할 수 있습니다.

슬라이드에는 고해상도 이미지를 사용하는 것이 좋습니다. 이미지 크기는 4000x2200픽셀 이상이 좋지만 Shopify 업로드 제한을 초과해서는 안 됩니다.

슬라이드 쇼의 크기와 모양은 고객 장치의 크기와 모양에 따라 다르므로 일부 화면에서는 슬라이드 쇼 이미지가 잘립니다. 각 이미지의 중요한 부분이 항상 표시되도록 중앙에 초점이 있는 이미지를 사용해 보십시오.

슬라이드 쇼 이미지 관련 모범 사례에 대한 자세한 내용은 이미지 업로드를 참조하십시오.

슬라이드 쇼 섹션에 포함된 설정은 다음과 같습니다.

  • 슬라이드 높이 - 슬라이드 쇼의 높이를 설정합니다. 첫 번째 이미지 슬라이드 높이에 맞춤을 선택하여 슬라이드 쇼의 기본 높이를 첫 번째 이미지의 높이로 맞춥니다.
  • 중앙 버튼 - 슬라이드 버튼의 위치를 설정합니다.
  • 오버레이 표시 - 슬라이드 위로 색상 계층을 추가합니다. 오버레이를 사용하면 슬라이드 쇼 텍스트의 가독성을 높일 수 있습니다.
  • 오버레이 색상 - 오버레이의 색상을 설정합니다.
  • 투명도 - 오버레이의 투명도를 설정합니다.
  • 이미지 - 슬라이드 쇼에 이미지 슬라이드를 추가합니다.
  • 이미지 정렬 - 슬라이드 쇼에서 중점을 둘 이미지의 가장 중요한 부분을 선택합니다.
  • 동영상 링크 - 동영상에 대한 YouTube 링크를 추가합니다.
  • 표지 이미지 - 동영상 슬라이드에 표지 이미지를 추가합니다. 표지 이미지는 동영상이 실행되지 않을 때 표시됩니다.
  • 제목 - 슬라이드에 제목을 추가합니다.
  • 슬라이드 제목 - 슬라이드에 제목을 추가합니다. 해당 제목은 슬라이드가 둘 이상 있을 때 슬라이드 쇼 하단에 표시됩니다.
  • 버튼 레이블 - 슬라이드에 텍스트 레이블이 있는 버튼을 추가합니다.
  • 버튼 링크 - 버튼을 온라인 스토어의 다른 부분으로 연결합니다.

홈 페이지에 슬라이드 쇼 추가

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 슬라이드 쇼를 클릭합니다.

  3. 설정을 사용하여 슬라이드 쇼를 사용자 지정합니다.

  4. 저장을 클릭합니다.

바닥글

바닥글 섹션에서는 스토어의 모든 페이지 하단에 표시되는 콘텐츠를 편집할 수 있습니다. 바닥글에 추가할 수 있는 기능은 다음과 같습니다.

  • 소셜 미디어 아이콘
  • 결제 아이콘
  • 뉴스레터 신청
  • 시차 스크롤 효과
  • 최대 2개 메뉴

메뉴, 뉴스레터 신청, 저작권 텍스트, 결제 아이콘이 표시된 웹사이트 바닥글 섹션입니다.

바닥글 섹션을 사용자 지정하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 바닥글을 클릭합니다.

  4. 소셜 아이콘 표시에 확인 표시하여 바닥글에 소셜 미디어 아이콘을 추가합니다. 소셜 미디어 계정 링크는 소셜 설정에서 설정할 수 있습니다.

  5. 결제 아이콘 표시에 확인 표시하여 바닥글에 Mastercard 또는 PayPal 등의 결제 아이콘을 추가합니다.

  6. 바닥글에 뉴스레터 신청을 추가하려면 다음 단계를 수행합니다.

    1. 뉴스레터 신청 표시에 확인 표시합니다.
    2. 뉴스레터 신청에 사용할 제목을 제목 필드에 입력합니다. 기본 제목은 "최신 소식 받기"입니다.
    3. 뉴스레터 신청 부제목을 부제목 필드에 입력합니다. 기본 부제목은 "프로모션, 신제품, 할인 소식을 이메일로 바로 확인해 보세요."입니다.
  7. 바닥글에 메뉴를 추가하려면 다음 단계를 수행합니다.

    1. 메뉴 추가를 클릭합니다.
    2. 기본 메뉴를 편집하려면 메뉴 편집을 클릭합니다. 다른 메뉴로 변경하려면 변경을 클릭하고 기존 메뉴를 선택하거나 메뉴 생성을 클릭합니다.
  8. 저장을 클릭합니다.

제품 페이지

제품 페이지 섹션에서 다음 항목을 추가하거나 제거할 수 있습니다.

  • 수량 선택기
  • 이형 상품 레이블
  • 제품 브랜드 또는 공급업체
  • 이형 상품 이미지
  • 동적 결제 버튼
  • 소셜 공유 버튼

제품 페이지 설정을 편집하려면:

  1. 상단 표시줄 드롭다운 메뉴에서 제품 페이지를 선택합니다.

  2. 섹션을 클릭합니다.

  3. 제품 페이지를 클릭합니다.

  4. 수량 선택기를 표시하려면 수량 선택기 표시에 확인 표시합니다.

  5. "크기"와 "색상" 같은 이형 상품 레이블을 표시하려면 이형 상품 레이블에 확인 표시합니다. 표시되는 이형 상품 레이블은 제품의 이형 상품 옵션 이름을 기준으로 합니다.

  6. 제품 브랜드나 공급업체를 표시하려면 제품 공급업체 표시에 확인 표시합니다. 브랜드나 공급업체를 표시하려면 제품에 공급업체를 추가해야 합니다.

  7. 페이지 하단 갤러리에 이형 상품 이미지를 표시하지 않으려면 갤러리에서 이형 상품 이미지 숨김에 확인 표시합니다. 이렇게 하면 이형 상품에 첨부하지 않은 이미지만 표시됩니다.

  8. 동적 결제 버튼을 표시하려면 동적 결제 버튼 표시에 확인 표시합니다.

  9. 소셜 공유 아이콘을 표시하려면 소셜 공유 버튼 표시에 확인 표시합니다.

  10. 저장을 클릭합니다.

컬렉션 페이지

고객이 컬렉션 내 제품을 필터링하고 정렬하도록 컬렉션 페이지를 설정할 수 있습니다. 표시할 제품 수를 선택할 수도 있습니다.

컬렉션 페이지 레이아웃을 설정하려면:

  1. 테마 편집기에서 컬렉션 페이지로 이동합니다.

  2. 섹션 탭을 클릭합니다.

  3. 컬렉션 페이지를 클릭합니다.

  4. 목록에서 행당 제품 수, 페이지당 행의 수를 선택합니다.

  5. 여러 브랜드나 공급업체 제품을 판매하는 경우 제품 이미지 아래에 공급업체 이름을 표시하려면 제품 공급업체 표시에 확인 표시합니다.

  6. 페이지 상단에 컬렉션 이미지를 표시하려면 컬렉션 이미지 표시에 확인 표시합니다.

  7. 고객이 제품 태그로 컬렉션을 필터링하게 하려면 태그 필터링 사용에 확인 표시합니다.

  8. 정렬 메뉴를 표시하려면 컬렉션 정렬 사용에 확인 표시합니다.

  9. 저장을 클릭합니다.

카트 페이지

고객이 주문에 참고 사항을 추가하도록 설정할 수 있습니다. 고객은 카트 참고 사항을 사용하여 주문 준비나 배송 방법에 대한 특별 지침을 제공할 수 있습니다.

카트 페이지에 표시되는 '셀러용 특별 지침' 레이블이 있는 텍스트 필드입니다. 해당 필드는 주문 소계 및 결제 버튼 옆에 표시됩니다.

고객이 참고 사항을 작성하면 Shopify 관리자 내 해당 주문의 참고 사항 영역에 해당 내용이 표시됩니다.

카트 페이지에 참고 사항 필드를 추가하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 상단 표시줄 드롭다운 메뉴에서 카트를 선택합니다.

  3. 섹션을 클릭합니다.

  4. 카트 페이지를 클릭합니다.

  5. 카트 참고 사항 사용에 확인 표시합니다.

  6. 저장을 클릭합니다.

추천 컬렉션

홈 페이지에서 컬렉션을 추천할 수 있습니다. 추천 컬렉션을 사용하면 할인 제품과 신규 컬렉션을 홍보하는 데 도움이 됩니다.

추천 컬렉션을 추가하려면:

  1. 섹션 탭을 클릭합니다.

  2. 추천 컬렉션을 클릭합니다.

  3. 표시할 컬렉션을 컬렉션 목록에서 선택합니다.

  4. 이미지 간격을 늘리려면 이미지 간격 사용에 확인 표시합니다.

  5. 이 섹션 상단에 표시할 텍스트를 제목 필드에 입력합니다. 기본 텍스트는 "추천 컬렉션"입니다.

  6. 각 제품 사진 아래에 공급업체나 브랜드 이름을 표시하려면 제품 공급업체 표시에 확인 표시합니다.

  7. 고객이 컬렉션 내 모든 제품을 볼 수 있도록 하려면 '모두 보기' 버튼 표시에 확인 표시합니다. 고객이 이 버튼을 클릭하면 모든 제품이 표시된 컬렉션 페이지가 열립니다.

  8. 모두 보기 버튼을 실선 테두리가 있는 투명 버튼으로 설정하려면 보조 버튼 스타일 사용에 확인 표시합니다.

  9. 각 행에 표시할 제품 수를 행당 제품 목록에서 선택합니다.

  10. 표시할 제품 행의 수를 목록에서 선택합니다.

  11. 저장을 클릭합니다.

갤러리

갤러리 섹션은 최대 3개 이미지 시리즈로 구성됩니다. 각 이미지 위에 표시할 아이콘을 13개의 사용자 지정 아이콘 목록 중 선택할 수 있습니다. 선택적으로 각 이미지를 URL 이나 스토어 내 페이지로 연결 할 수 있습니다.

고양이 사진 3개가 나란히 있는 갤러리 섹션입니다.

  1. 섹션 탭을 클릭합니다.

  2. 갤러리를 클릭합니다.

  3. 콘텐츠 영역에서 이미지를 클릭합니다.

  4. 이미지를 추가하려면 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 이미지 정렬 방법을 이미지 정렬 목록에서 선택합니다. 예를 들어, 섹션 영역의 왼쪽 상단에 이미지를 배치하려면 "왼쪽 상단"을 선택합니다.

  2. 아이콘 목록에서 이미지 위에 표시할 아이콘을 선택합니다.

  3. 텍스트 영역에서 캡션 필드 내 각 이미지에 표시할 텍스트를 입력합니다.

  4. 캡션 텍스트를 페이지에 연결하려면 다음 중 하나를 수행합니다.

    1. 텍스트를 스토어 내 페이지로 연결하려면 링크 필드를 클릭하고 스토어 내 페이지를 선택합니다.
    2. 텍스트를 웹사이트로 연결하려면 링크 필드에 해당 사이트 URL을 입력합니다.
  5. 저장을 클릭합니다.

텍스트 포함 이미지

Narrative에서는 사용자 지정 메시지가 포함된 이미지를 고객에게 표시할 수 있는 텍스트 포함 이미지 섹션을 제공합니다.

이미지를 원형으로 자를 수 있습니다.

사각형으로 자를 수도 있습니다.

이미지를 자르지 않도록 선택할 수도 있습니다. 대신 모바일 장치에서 볼 때에도 이미지의 중요 부분이 잘리지 않도록 이미지 정렬 방식을 선택할 수 있습니다. 예를 들어, 이미지 하단에 판매 제품이 표시되어 있어 해당 부분이 잘리면 안 되는 경우 Bottom center 정렬을 선택하여 이미지의 해당 부분이 잘리지 않도록 합니다.

  1. 섹션 탭을 클릭합니다.

  2. 텍스트 포함 이미지를 클릭합니다.

  3. 섹션 간격 목록에서 섹션 크기를 작게, 보통, 크게, 매우 크게 중 선택합니다.

  4. 배경 색상을 추가하려면 배경 색상 견본을 클릭하고 팔레트에서 색상을 선택합니다.

  5. 이미지를 추가하려면 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 특정 형태로 이미지를 자르려면 이미지 자르기 목록에서 원형이나 사각형을 선택합니다.

  2. 이미지를 특정 형태로 자르지 않으려면 다음을 수행합니다.

    1. 이미지 자르기 목록에서 없음을 선택합니다.
    2. 이미지 정렬 방법을 이미지 정렬 목록에서 선택합니다. 예를 들어, 섹션 영역의 왼쪽 상단에 이미지를 배치하려면 "왼쪽 상단"을 선택합니다.
  3. 텍스트를 추가하려면 다음을 수행합니다.

    1. 표시할 제목 텍스트를 제목 필드에 입력합니다.
    2. 제목 아래 표시할 텍스트를 텍스트 필드에 입력합니다.
    3. 버튼을 실선 테두리가 있는 투명 버튼으로 표시하려면 보조 버튼 스타일 사용에 확인 표시합니다.
    4. 버튼에 표시할 텍스트를 버튼 레이블 필드에 입력합니다.
    5. 버튼 링크 필드에서 URL에 링크를 붙여넣거나 필드를 클릭하여 스토어의 페이지를 선택합니다.

레이아웃을 사용자 지정하려면:

  1. 레이아웃 영역 내 데스크톱 레이아웃 목록에서 이미지의 데스크톱 표시 위치를 텍스트 왼쪽 또는 오른쪽 중 선택합니다.

  2. 모바일 레이아웃 목록에서 이미지의 모바일 장치 표시 위치를 텍스트 위 또는 아래 중 선택합니다.

텍스트 오버레이 포함 이미지

홈 페이지에서 사용자 지정 메시지를 고객에게 표시할 수 있습니다. 메시지에는 제품 설명, 공지 안내, 스토어 방문 고객 환영 등이 포함될 수 있습니다.

텍스트 오버레이 포함 이미지 섹션을 사용자 지정하려면:

  1. 섹션 탭을 클릭합니다.

  2. 텍스트 오버레이 포함 이미지를 클릭합니다.

  3. 섹션 간격 목록에서 섹션 크기를 작게, 보통, 크게, 매우 크게 중 선택합니다.

배경 이미지를 추가하려면:

  1. 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 이미지 정렬 방법을 이미지 정렬 목록에서 선택합니다. 예를 들어, 섹션 영역의 왼쪽 상단에 이미지를 배치하려면 "왼쪽 상단"을 선택합니다.

텍스트를 추가하려면:

  1. 텍스트 영역에서 이 섹션의 새 제목을 제목 필드에 입력합니다.

  2. 이 섹션에 표시할 텍스트를 텍스트 필드에 입력합니다.

  3. 텍스트 크기 목록에서 텍스트 크기를 보통 또는 크게 중 선택합니다.

버튼을 추가하려면:

  1. 버튼을 실선 테두리가 있는 투명 버튼으로 표시하려면 보조 버튼 스타일 사용에 확인 표시합니다.

  2. 버튼에 표시할 텍스트를 버튼 레이블 필드에 입력합니다.

  3. 버튼 링크 필드에서 URL에 링크를 붙여넣거나 필드를 클릭하여 스토어의 페이지를 선택합니다.

오버레이를 적용하려면:

  1. 오버레이 영역에서 오버레이 표시에 확인 표시합니다.

  2. 오버레이 색상 견본을 클릭하여 이미지 오버레이 색상을 선택합니다.

  3. 텍스트 색상 견본을 클릭하여 텍스트 색상을 선택합니다.

  1. 투명도 목록에서 이미지 오버레이의 투명도를 선택합니다.

뉴스레터

홈 페이지에 뉴스레터 신청을 추가할 수 있습니다. 이 기능을 추가하면 이메일 마케팅 캠페인을 위한 고객 이메일 주소를 수집할 수 있습니다. 이메일 마케팅에 대한 자세한 내용은 Shopify 블로그를 참조하십시오.

웹사이트의 뉴스레터 섹션입니다. 고객이 이메일 주소를 입력하는 필드와 '가입 신청'이라는 버튼이 있습니다.

홈 페이지에 뉴스레터 신청을 추가하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 섹션 추가 > 뉴스레터를 클릭합니다.

  4. 뉴스레터 신청에 사용할 제목을 제목 필드에 입력합니다. 기본 제목은 "뉴스레터 가입 신청"입니다.

  5. 뉴스레터 신청 부제목을 부제목 필드에 입력합니다. 기본 텍스트는 "프로모션, 신제품, 할인 소식을 이메일로 바로 확인해 보세요."입니다.

  6. 성공 메시지를 성공 메시지 필드에 입력합니다. 고객이 이메일 주소를 제출하면 해당 성공 메시지가 표시됩니다. 기본 성공 메시지는 "가입해 주셔서 감사합니다."입니다.

  7. 텍스트 색상 견본을 클릭하고 색상을 선택하여 뉴스레터 신청 필드의 텍스트 색상을 설정합니다.

  8. 배경 색상 견본을 클릭하고 색상을 선택하여 뉴스레터 신청 섹션의 배경 색상을 설정합니다.

  9. 저장을 클릭합니다.

지도

홈 페이지에 지도를 추가할 수 있습니다. 지도를 통해 상점 위치와 영업 시간을 알릴 수 있습니다.

지도를 추가하려면:

  1. 섹션 탭을 클릭하고 섹션 추가를 선택합니다.

  2. 지도를 클릭합니다.

  3. 이 섹션 상단에 표시할 텍스트를 오버레이 제목 필드에 입력합니다.

  4. 회사의 사업 정보를 텍스트 주소 및 시간 필드에 입력합니다.

  5. 회사 주소를 지도 주소 필드에 입력합니다.

  6. Google 지도 API 키 필드에 유효한 API 키를 입력합니다.

  7. 지도 섹션 로드 중 문제가 발생하면 표시할 이미지를 이미지 필드에서 업로드하거나 선택합니다.

동영상

홈 페이지에 YouTube 또는 Vimeo 호스팅 동영상을 추가할 수 있습니다. 동영상을 통해 고객 참여를 유도하고 사업을 홍보할 수 있습니다.

홈 페이지에 동영상을 추가하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 섹션 추가 > 동영상을 클릭합니다.

  4. 동영상의 제목을 제목 필드에 입력합니다. 제목 텍스트는 실행 버튼이 클릭된 동안 동영상 위에 표시됩니다.

  5. 동영상 공유 링크를 동영상 링크 필드에 입력합니다.

    YouTube 공유 링크는 https://youtu.be/OTJXAUZY9t0과 같은 형태입니다. YouTube 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 YouTube 도움말을 참조하십시오.

    Vimeo 공유 링크는 https://vimeo.com/281332510과 같은 형태입니다. Vimeo 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 Vimeo 지원 센터 문서를 참조하십시오.

  6. 선택 사항: 동영상에 표지 이미지를 추가합니다.

    1. 이미지 선택을 클릭합니다. 컴퓨터에서 이미지를 업로드하려면 업로드를 클릭합니다. Burst의 무료 스톡 이미지를 사용하려면 무료 이미지를 클릭합니다.
    2. 이미지 위치 드롭다운 메뉴에서 위치를 선택하여 표지 이미지 정렬 방식을 정합니다. 이미지 위치를 사용하면 이미지가 잘리는 경우 계속 표시할 이미지 부분을 선택할 수 있습니다.
  7. 선택 사항: 동영상에 오버레이를 추가합니다.

1. 오버레이 표시에 확인 표시합니다. 2. 오버레이 견본을 클릭하고 색상을 선택하여 오버레이 색상을 설정합니다. 3. 텍스트 견본을 클릭하고 색상을 선택하여 텍스트 색상을 설정합니다. 4. 투명도 슬라이더에서 비율을 선택하여 오버레이의 투명도를 설정합니다.

  1. 저장을 클릭합니다.

추천 슬라이더

추천 슬라이더를 사용하면 고객을 홈 페이지 외부로 보내지 않아도 더 많은 제품 정보를 홍보할 수 있습니다.

제품 기능, 신규 컬렉션, 제품 이형 상품 등을 표시할 수 있습니다. 데스크톱에서 해당 세트를 찾아보는 동안에는 페이지 스크롤이 잠기게 되므로 슬라이드 쇼에는 적은 수의 슬라이드만 포함하는 것이 좋습니다.

모바일 장치에서 보는 경우 추천 슬라이더를 열고 확인하려면 탭이나 핀치를 해야 합니다. 모바일 고객이 추천 슬라이더를 열어 보게 하려면 눈에 띄는 표지 이미지와 "CTA(Call to Action)" 텍스트를 사용하십시오.

추천 슬라이더에는 슬라이드를 5개까지 추가할 수 있습니다.

추천 슬라이더를 사용자 지정하려면:

  1. 섹션 탭을 클릭합니다.

  2. 추천 슬라이더를 클릭합니다.

이미지 슬라이드를 추가하려면:

  1. 콘텐츠 영역에서 슬라이드를 클릭합니다.

  2. 배경 색상 견본을 클릭하여 팔레트에서 배경 색상을 선택합니다.

  3. 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 슬라이드 위에 표시할 텍스트를 제목 필드에 입력합니다.

  2. 버튼에 표시할 텍스트를 버튼 레이블 필드에 입력합니다.

  3. 버튼 링크 필드에서 URL에 링크를 붙여넣거나 필드를 클릭하여 스토어의 페이지를 선택합니다.

추천 슬라이더 설정을 사용자 지정하려면:

  1. 슬라이드 버튼을 실선 테두리가 있는 투명 버튼으로 표시하려면 보조 버튼 스타일 사용에 확인 표시합니다.

  2. 텍스트 색상을 변경하려면 슬라이드 제목 색상 견본을 클릭하고 팔레트에서 색상을 선택합니다.

  3. 표지 설정 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행하여 추천 슬라이더 섹션의 표지 이미지를 선택합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 표지 이미지에 표시할 텍스트를 머리글 목록에서 입력합니다.

  2. 제목 정렬 목록에서 제목 텍스트 표시 위치를 표지 이미지 왼쪽이나 가운데 중 선택합니다. 이 설정은 데스크톱 보기에만 적용됩니다.

  3. 오버레이 영역에서 오버레이 표시에 확인 표시합니다.

  4. 오버레이 색상 견본을 클릭하여 이미지 오버레이 색상을 선택합니다.

  5. 텍스트 색상 견본을 클릭하여 텍스트 색상을 선택합니다.

  6. 투명도 목록에서 이미지 오버레이의 투명도를 선택합니다.

  7. 저장을 클릭합니다.

테마 설정 테마 설정을 사용하여 온라인 스토어의 색상과 입력 체계를 사용자 지정할 수 있습니다. 소셜 미디어 계정으로 링크를 설정하고 카트 설정을 편집하고 Favicon을 추가할 수도 있습니다.

Narrative에는 다음과 같은 테마 설정이 포함됩니다.



  • 색상
  • 입력 체계
  • 카트 서랍
  • 소셜
  • Favicon
  • 결제

색상

온라인 스토어의 부분별로 색상을 선택할 수 있습니다.

색상 설정 사용자 지정

  1. **** 옆에서 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 색상을 클릭합니다.

  4. 콘텐츠 유형별로 색상 견본을 클릭하여 다음과 같은 색상 선택기를 사용합니다.

    테마 편집기 내 색상 선택기

- 최근 선택한 항목 영역은 해당 테마에서 최근 선택한 색상을 나타냅니다. - 현재 사용 중인 항목 영역은 해당 테마의 다른 부분에서 사용 중인 색상을 나타냅니다.

색상을 투명으로 설정하려면 없음을 클릭합니다.

  1. 저장을 클릭합니다.

입력 체계

온라인 스토어의 글꼴 스타일 및 크기를 설정할 수 있습니다.

입력 체계 설정 사용자 지정

  1. **** 옆에서 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 입력 체계를 클릭합니다.

  4. 텍스트 유형별로 변경을 클릭하여 다음과 같은 색상 선택기를 사용합니다.

    글꼴 선택기 내 '변경' 버튼

  5. 검색 필드를 사용하거나 더 로드를 클릭하여 글꼴을 살펴봅니다.

    사용 가능한 모든 글꼴을 보려면 Shopify 글꼴 라이브러리를 확인합니다.

  6. 사용할 글꼴의 이름을 클릭합니다.

  7. 글꼴 스타일(굵게, 기울임꼴 등)을 변경하려면 보통을 클릭합니다. 그런 다음 사용할 스타일을 선택하고 선택을 클릭합니다.

    글꼴 선택기에서 사용 가능한 글꼴 굵기 모음

  8. 저장을 클릭합니다.

카트 서랍

온라인 스토어의 카트 서랍 설정을 사용자 지정할 수 있습니다.

  • 카트를 서랍형으로 설정합니다. 카트 서랍은 페이지 오른쪽에서 슬라이드 방식으로 나옵니다. 즉 고객이 카트에 제품을 추가해도 해당 제품 페이지를 떠나지 않습니다.
  • 고객이 주문에 참고 사항을 추가하도록 합니다. 고객은 카트 참고 사항을 사용하여 주문 준비나 배송 방법에 대한 특별 지침을 제공할 수 있습니다.

카트 서랍에 표시되는 '셀러용 특별 지침' 레이블이 있는 텍스트 필드입니다. 해당 필드는 주문 소계 및 결제 버튼 옆에 표시됩니다.

카트 서랍 설정을 사용자 지정하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 카트 서랍을 클릭합니다.

  4. 카트 서랍 표시에 확인 표시하여 카트를 서랍형으로 설정합니다. 이 상자에 확인 표시하지 않으면 전체 화면 카트를 사용하게 됩니다.

  5. 카트 참고 사항 표시에 확인 표시하여 카트 서랍에 참고 사항 필드를 추가합니다.

  6. 저장을 클릭합니다.

소셜

제품과 블로그 게시물에 소셜 공유 버튼을 추가하고 소셜 미디어 계정 링크를 추가할 수 있습니다.

소셜 미디어 설정을 사용자 지정하려면:

  1. Narrative을(를) 찾은 다음 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 소셜을 클릭합니다.

  4. 소셜 공유 이미지를 업로드하려면 소셜 공유 이미지 영역에서 이미지 선택 또는 무료 이미지 살펴보기를 클릭합니다.

  5. 제품 및 블로그 게시물에 소셜 공유 버튼을 추가하려면 소셜 공유 영역에서 일부 또는 모든 확인란에 확인 표시합니다.

    추가 가능한 공유 버튼은 다음과 같습니다.

- Facebook에서 공유 - Twitter에서 트윗 작성 - Pinterest에서 핀 만들기(블로그 게시물 공유는 사용 불가)

  1. 소셜 미디어 계정에 링크를 추가하려면 계정 영역에 있는 필드에 계정 링크를 입력합니다. https://instagram.com/shopify 또는 https://twitter.com/shopify와 같은 전체 링크를 입력합니다.

    소셜 미디어 링크는 온라인 스토어 바닥글에 표시됩니다.

  2. 저장을 클릭합니다.

Favicon

즐겨 찾기 아이콘이나 "Favicon"을 업로드하면 다음과 같은 위치에 스토어 로고를 표시하여 온라인 스토어를 홍보할 수 있습니다.

  • 웹 브라우저 탭
  • 웹 브라우저 방문 기록
  • 바탕 화면 아이콘
  • 북마크로 저장 시 온라인 스토어 이름 옆

Narrative에 가장 적합한 Favicon 이미지 크기는 32x32픽셀입니다.

Favicon을 업로드하려면:

  1. 사용자 지정을 클릭합니다.

  2. 테마 설정 탭을 클릭합니다.

  3. Favicon을 클릭합니다.

  4. Favicon 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 저장을 클릭합니다.

결제

결제 페이지에 다음을 포함하도록 사용자 지정할 수 있습니다.

  • 페이지 상단의 사용자 지정 이미지 배너
  • 스토어 로고
  • 주 콘텐츠 영역의 배경 이미지 또는 색상
  • 사용자 지정 텍스트 글꼴 및 색상

적용된 변경 사항을 확인하려면 테마 편집기 내 결제 페이지로 이동합니다.

결제 페이지 설정에 액세스하려면:

  1. 사용자 지정을 클릭합니다.

  2. 테마 설정 탭을 클릭합니다.

  3. 결제를 클릭합니다.

배너 이미지를 추가하려면:

  • 배너 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
    • Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
    • 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

로고를 추가하려면:

  1. 로고 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 정렬 목록에서 이미지 표시 위치를 오른쪽, 왼쪽, 가운데 중 선택합니다.

  2. 로고 크기 목록에서 로고 크기를 선택합니다.

결제 페이지의 배경을 변경하려면:

결제 페이지에 배경 이미지를 표시하거나 배경 색상을 선택할 수 있습니다. 배경 이미지의 경우 해당 이미지는 그리드 패턴으로 표시됩니다.

  1. 주 콘텐츠 영역 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다. - 배경 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

  1. 양식 필드 목록에서 필드 색상을 흰색과 투명 중 선택할 수 있습니다.

주문 요약 페이지의 배경을 변경하려면:

  1. 주문 요약 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
    • Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
    • 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.
    • 배경 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

글꼴 옵션을 설정하려면:

  • 입력 체계 영역에서 제목과 본문 텍스트에 사용할 글꼴을 목록에서 선택합니다.

색상 옵션을 설정하려면:

  • 색상 영역에서 강조, 버튼 또는 오류 색상 견본을 클릭하여 팔레트에서 새 색상을 선택합니다.

테마 스타일 변경

테마의 일반 설정을 기본값으로 재설정할 수 있습니다. 테마 스타일을 재설정하는 경우 일반 설정 탭에서 이루어진 모든 변경 사항은 손실되지만 글꼴과 이미지 같은 콘텐츠는 손실되지 않습니다.

  1. 일반 설정 탭을 클릭합니다.

  2. 테마 스타일 변경을 클릭합니다.

  3. 테마 스타일 변경 아래에 있는 버튼을 클릭합니다. 보통 이 버튼에는 해당 테마의 이름이 표시됩니다.

  4. 스타일 변경을 클릭합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험