Brooklyn용 홈 섹션

Brooklyn에는 고유 홈페이지 섹션 모음이 포함됩니다. 섹션을 추가, 재배치, 제거하여 홈페이지 레이아웃을 사용자 지정할 수 있습니다.

슬라이드 쇼

전체 너비 또는 시퀀스 내 첫 번째 이미지의 높이에 맞춘 홈페이지 슬라이드 쇼를 생성할 수 있습니다.

전체 화면 슬라이드 쇼 이미지가 표시된 John's Apparel이라는 온라인 스토어의 홈 페이지입니다. 이미지 상단에 머리글 탐색이 표시되어 있습니다.

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

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

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

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

  • 슬라이드 간 자동 순환 - 슬라이드 쇼가 자동으로 실행되도록 설정합니다.
  • 슬라이드 변경 빈도 - 슬라이드 변경 빈도를 선택합니다.
  • 이미지 - 슬라이드 쇼에 이미지 슬라이드를 추가합니다.
  • 오버레이 - 이미지 슬라이드 위로 색상 계층을 추가합니다. 오버레이를 사용하면 슬라이드 쇼 텍스트의 가독성을 높일 수 있습니다.
  • 투명도 - 오버레이의 투명도를 설정합니다.
  • 부제목 텍스트 - 슬라이드에 부제목을 추가합니다. 부제목은 제목 앞에 표시됩니다.
  • 제목 텍스트 - 슬라이드에 제목을 추가합니다.
  • 버튼 텍스트 - 슬라이드에 텍스트 레이블이 있는 버튼을 추가합니다.
  • 슬라이드 링크 - 슬라이드를 온라인 스토어의 다른 부분으로 연결합니다.
  • 첫 번째 이미지에 맞춤 - 슬라이드 쇼의 높이를 첫 번째 이미지의 높이로 설정합니다.
  • 이미지 위치 - 슬라이드 쇼에서 중점을 둘 이미지의 가장 중요한 부분을 선택합니다.
  • 텍스트 정렬 - 슬라이드를 기준으로 텍스트를 정렬합니다.
  • 슬라이드 쇼 버튼 및 텍스트용 색상 선택기

슬라이드 쇼 사용자 지정

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

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

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

  4. 저장을 클릭합니다.

블로그 게시물

홈 페이지에는 블로그 게시물을 3개까지 추천할 수 있습니다.

블로그 게시물 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 블로그 게시물 섹션에 제목을 추가합니다.
  • 블로그 - 추천 게시물을 가져올 블로그를 설정합니다.
  • 게시물 - 추천할 블로그 게시물 수를 설정합니다.
  • 날짜 표시 - 블로그 게시물이 게시된 날짜를 표시합니다.
  • 작성자 표시 - 블로그 게시물의 작성자를 표시합니다.
  • 표지 이미지 표시 - 블로그 게시물의 표지 이미지를 표시합니다.
  • 요약 표시 - 블로그 게시물의 짧은 요약을 표시합니다.
  • '모두 보기' 버튼 표시 - 온라인 스토어의 블로그 페이지로 연결되는 버튼을 추가합니다.

홈 페이지에 블로그 게시물 추가

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

  2. 섹션 추가 > 블로그 게시물 > 추가를 클릭합니다.

  3. 설정을 사용하여 홈페이지 블로그 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

컬렉션 목록

홈 페이지에는 컬렉션을 9개까지 추천할 수 있습니다.

컬렉션 목록 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 컬렉션 목록에 제목을 추가합니다.
  • 컬렉션 - 추천할 컬렉션을 설정합니다.

홈 페이지에 컬렉션 목록 추가

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

  2. 컬렉션 목록을 클릭합니다.

  3. 설정을 사용하여 컬렉션 목록 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

추천 컬렉션

홈페이지 컬렉션의 제품을 추천할 수 있습니다.

추천 컬렉션 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 추천 컬렉션에 제목을 추가합니다.
  • 컬렉션 - 추천 제품을 가져올 컬렉션을 설정합니다.
  • 그리드 스타일 - 추천 제품의 레이아웃을 설정합니다.

홈 페이지에 추천 컬렉션 추가

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

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

  3. 설정을 사용하여 추천 컬렉션 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

텍스트 포함 이미지

홈 페이지에 이미지와 사용자 지정 텍스트를 특별 표시할 수 있습니다.

온라인 스토어의 이미지 및 텍스트 섹션입니다. 섹션의 왼쪽 절반에는 이미지가, 오른쪽 절반에는 텍스트와 버튼이 표시되어 있습니다.

텍스트 포함 이미지 섹션에 포함된 설정은 다음과 같습니다.

  • 이미지 - 섹션에 추가할 이미지를 선택합니다.
  • 이미지 정렬 - 이미지를 표시할 페이지 위치를 설정합니다.
  • 제목 - 섹션에 제목을 추가합니다.
  • 텍스트 - 섹션에 텍스트를 추가합니다.
  • 버튼 레이블 - 섹션에 텍스트 레이블이 있는 버튼을 추가합니다.
  • 버튼 링크 - 버튼을 다른 페이지나 웹사이트로 연결합니다.

홈 페이지에 텍스트 포함 이미지 추가

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

  2. 섹션 추가 > 텍스트 포함 이미지 > 추가를 클릭합니다.

  3. 설정을 사용하여 텍스트 포함 이미지 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

특별 상품

홈페이지에서 제품을 추천할 수 있습니다. 제품 추천을 통해 신규 제품이나 할인 제품을 홍보할 수 있습니다.

추천 제품 섹션에 포함된 설정은 다음과 같습니다.

  • 제품 - 홈 페이지에서 추천할 제품을 선택합니다.
  • 이형 상품 레이블 표시 - "크기" 및 "색상" 등의 제품 이형 상품 레이블을 표시합니다.
    다른 색상의 이형 상품 선택 옵션이 있는 셔츠에 대한 제품 목록입니다.
  • 공급업체 표시 - 제품 브랜드나 공급업체를 표시합니다.
  • 텍스트 - 추천 제품에 텍스트를 추가합니다.
  • 버튼 레이블 - 추천 제품에 텍스트 레이블이 있는 버튼을 추가합니다.
  • 버튼 링크 - 버튼을 다른 페이지나 웹사이트로 연결합니다.

홈 페이지에 추천 제품 추가

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

  2. 섹션 추가 > 추천 제품 > 추가를 클릭합니다.

  3. 설정을 사용하여 추천 제품 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

뉴스레터

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

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

뉴스레터 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 뉴스레터 신청에 제목을 추가합니다.
  • 부제목 - 뉴스레터 신청에 부제목을 추가합니다.

홈 페이지에 뉴스레터 신청 추가

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

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

  3. 설정을 사용하여 뉴스레터 신청 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

지도

홈 페이지에 Google 지도를 추가하여 고객에게 사업체 위치를 안내할 수 있습니다.

지도 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 지도 섹션에 제목을 추가합니다.
  • 주소 및 시간 - 지도 섹션에 스토어 주소 및 시간을 추가합니다.
  • 지도 주소 - 스토어 위치를 표시하도록 지도를 설정합니다.
  • 지도 링크 레이블 - Google 지도 내 스토어 위치로 연결되는 버튼을 추가합니다.
  • 핀 표시 - 지도에서 스토어의 특정 위치를 표시하는 핀을 추가합니다.
  • Google 지도 API 키 - 지도 섹션에 지도의 API 키를 추가합니다.
  • 이미지 - 지도가 로드되지 않으면 표시할 이미지를 추가합니다.
  • 이미지 위치 - 이미지 위치를 설정합니다.

홈 페이지에 지도 추가

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

  2. 섹션 추가 > 지도 > 추가를 클릭합니다.

  3. 설정을 사용하여 지도 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

Rich text

홈 페이지에 사용자 지정 텍스트를 추가할 수 있습니다.

서식 있는 텍스트 섹션에 포함된 설정은 다음과 같습니다.

  • 넓게 표시 - 텍스트 양쪽 여백을 줄입니다.
  • 제목 - 서식 있는 텍스트 섹션에 제목을 추가합니다.
  • 텍스트 - 사용자 지정 텍스트를 추가하고 형식을 지정합니다.
  • 크기 - 텍스트의 크기를 설정합니다.

홈 페이지에 사용자 지정 텍스트 추가

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

  2. 서식 있는 텍스트를 클릭합니다.

  3. 설정을 사용하여 서식 있는 텍스트 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

동영상

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

동영상을 추가하려면 동영상의 공유 링크를 찾아야 합니다.

  • YouTube - Youtube 공유 링크는 https://youtu.be/Oc5v_ToKP7c 같은 형태입니다. YouTube 동영상 공유 링크 복사에 대한 자세한 내용은 이 YouTube 도움말을 참조하십시오.
  • Vimeo - Vimeo 공유 링크는 https://vimeo.com/123456789 같은 형태입니다. Vimeo 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 Vimeo 지원 센터 문서를 참조하십시오.

동영상 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 동영상 섹션에 제목을 추가합니다.
  • 동영상 링크 - 동영상에 대한 공유 링크를 추가합니다.

홈 페이지에 동영상 추가

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

  2. 섹션 추가 > 동영상 > 추가를 클릭합니다.

  3. 설정을 사용하여 동영상 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

사용자 지정 HTML

홈 페이지에 대한 사용자 지정 콘텐츠를 생성할 수 있습니다. 예를 들어, HTML을 사용하여 텍스트 블록 형식을 지정하거나 표를 생성하거나 다른 웹사이트의 콘텐츠를 포함하도록 할 수 있습니다.

사용자 지정 HTML 섹션에 포함된 설정은 다음과 같습니다.

  • HTML - 홈 페이지에 표시할 HTML 코드를 추가합니다.
  • 컨테이너 - 사용자 지정 HTML 섹션의 폭을 설정합니다.
  • 수직 정렬 - 섹션 내 콘텐츠의 수직 위치를 설정합니다.

홈 페이지에 사용자 지정 HTML 추가

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

  2. 섹션 추가 > 사용자 지정 HTML > 추가를 클릭합니다.

  3. 설정을 사용하여 사용자 지정 HTML 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

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

무료 체험