결제 스타일 사용자 지정

온라인 스토어를 통해 제품을 판매하는 경우에는 결제 및 계정 편집기에서 결제 페이지 스타일을 사용자 지정할 수 있습니다. 회사 로고를 추가하거나 색상을 바꾸거나 새 글꼴을 선택하여 비즈니스와 어울리는 결제 페이지를 만들 수 있습니다.

결제 페이지로 선택한 브랜딩의 일부 또한 새 고객 계정 페이지에 적용됩니다.

결제 스타일 사용자 지정 시 고려 사항

결제 스타일을 사용자 지정하기 전에 다음 고려 사항을 검토하세요.

  • 관리자의 결제 설정 섹션에서 구성 영역은 플랜을 선택하고 첫 번째 제품을 생성할 때까지 보이지 않습니다.
  • Shopify Plus를 사용 중인 경우 고급 결제 브랜딩 사용자 지정에 Checkout Branding API를 사용할 수 있습니다.
  • 카트 및 결제 스타일 사용자 지정에 도움이 필요한 경우 Shopify 파트너를 고용할 수 있습니다. Shopify 파트너 고용에 대해 자세히 알아보십시오.

  • 결제 페이지에 다양한 색상 및 흥미 요소를 추가하고 싶을 수 있겠지만 디자인을 단순하게 유지하는 것이 가장 좋습니다. 고객은 결제 페이지를 사용하여 주문에 대한 배송 및 결제 정보를 입력하므로 고객을 혼란시키거나 정보를 읽기 어렵게 만들고 싶지는 않을 것입니다. 고대비로 색상을 선택하고 페이지의 단어로부터 주의를 분산시키지 않는 이미지를 선택하십시오.

배너 배경 이미지 업로드

각 결제 페이지 상단에 스토어 이름이 배너에 표시됩니다. 이 배너의 배경 이미지를 변경할 수 있습니다. 브랜드와 일치하는 이미지를 선택하십시오. 예를 들어, 보석을 판매하는 경우에는 컬러풀한 구슬의 이미지가 잘 어울릴 수 있습니다. 배너 이미지는 1000 x 400 픽셀의 해상도일 때 가장 선명하게 보입니다.

단계:

결제 페이지에 스토어 로고를 추가할 수 있습니다. 배너 이미지를 사용하면 스토어 로고가 배너 위에 표시됩니다. 결제 페이지에서 배너 영역의 왼쪽, 오른쪽 또는 가운데로 로고를 조정할 수 있습니다.

단계:

주요 콘텐츠 영역에 배경 이미지 또는 색상 추가

결제 페이지의 주요 콘텐츠 영역에 배경 이미지나 색상을 추가할 수 있습니다. 이는 고객이 배송 및 결제 정보를 입력하는 영역이므로 배경에서 해당 필드를 명확히 읽을 수 있는지 확인해야 합니다.

배경 이미지와 색상을 모두 추가할 수 없습니다.

단계:

양식 필드 색상 변경

필드 색상을 변경하여 흰색이나 투명으로 만들 수 있습니다. 필드를 투명하게 설정하여 배경 이미지가 비쳐 보이도록 하고 싶을 수 있습니다. 이때 필드의 텍스트가 명확하게 보이는지 확인하세요.

단계:

주문 요약에 배경 이미지 또는 색상 추가

고객이 결제 페이지에서 주문 요약 표시를 클릭하면 구매 중인 제품 목록이 표시됩니다. 주문 요약에 배경 이미지나 색상을 추가할 수 있습니다. 테마 편집기의 미리 보기에서 주문 요약 표시를 클릭하여 주문 요약이 표시되는 방식이 마음에 드는지 확인할 수 있습니다.

단계:

결제 페이지에서 이미지 변경 또는 제거

결제 페이지에 추가한 이미지를 변경하거나 제거할 수 있습니다.

단계:

이미지를 제거하려면 변경 > 이미지 제거를 클릭합니다. 이렇게 해도 Shopify에서 이미지가 삭제되지는 않습니다.

이미지 대체 텍스트 추가

결제 페이지에 이미지를 추가한 후 이미지 대체 텍스트를 추가할 수 있습니다. 이 텍스트는 접근성 및 SEO에 도움이 될 수 있습니다. 자세한 내용은 검색 엔진 최적화를 참조하세요.

단계:

  1. 대체 텍스트를 추가하려는 이미지에서 편집을 클릭합니다.
  2. 대체 텍스트 아래에서 이미지에 대한 대체 텍스트를 입력합니다. 이미지에 대한 짧고 서술적인 제목을 선택합니다.
  3. 저장을 클릭합니다.

결제 페이지 글꼴 변경

글꼴 목록에서 글꼴을 선택하여 결제 페이지를 사용자 지정할 수 있습니다. 결제 페이지의 텍스트 색상은 변경할 수 없습니다.

단계:

결제 페이지 버튼 및 강조 색상 변경

결제 페이지의 버튼, 오류 메시지 및 강조(링크 등) 색상을 변경할 수 있습니다. 색상을 변경하고 주요 콘텐츠 영역 및 주문 요약의 배경에서 텍스트를 명확하게 읽을 수 있는지 확인하세요.

단계:

결제 레이아웃 변경

기본적으로 스토어의 결제 레이아웃은 1페이지로 설정됩니다. Shopify 관리자에서 1페이지 결제와 3페이지 결제를 전환할 수 있습니다. 결제 레이아웃을 변경하기 전에 1페이지와 3페이지 결제의 차이점을 검토하세요.

결제 레이아웃을 전환하면 결제 및 계정 편집기에서 미리 보기가 실시간으로 표시되지 않습니다. 변경 사항을 저장한 후 상점 결제로 이동하여 새 결제 레이아웃을 확인할 수 있습니다.

단계:

결제 페이지에 앱 블록 추가

앱 블록을 사용하여 고객 결제 경험에 사용자 지정 배너 또는 로열티 보상 등의 기능을 추가할 수 있습니다. 결제 시 정보, 배송, 결제 페이지를 사용자 지정하는 앱을 포함한 일부 결제 앱은 Shopify Plus 플랜을 사용하는 판매자만 사용할 수 있습니다. 결제에 추가할 앱을 선택할 때 결제 앱 사용 가능성을 참조하세요.

앱으로 결제 구성을 사용자 지정하는 것에 대해 자세히 알아보세요.

단계:

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

무료 체험