Brooklyn용 홈 섹션

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

슬라이드 쇼

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

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

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

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

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

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

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

슬라이드 쇼 사용자 지정

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

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

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

  4. 저장을 클릭합니다.

블로그 게시물

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

컬렉션 목록

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

추천 컬렉션

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

텍스트 포함 이미지

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

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

특별 상품

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

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

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

홈 페이지에 추천 제품 추가

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

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

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

  4. 저장을 클릭합니다.

뉴스레터

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

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

지도

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

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

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

홈 페이지에 지도 추가

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

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

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

  4. 저장을 클릭합니다.

Rich text

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

동영상

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

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

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

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

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

홈 페이지에 동영상 추가

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

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

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

  4. 저장을 클릭합니다.

사용자 지정 HTML

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

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

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

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

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

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

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

  4. 저장을 클릭합니다.

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

무료 체험