결제 스타일 사용자 지정

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

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

성장 방법: 카트 스타일 및 결제 사용자 지정에 도움이 필요한 경우 Shopify Expert를 고용할 수 있습니다.

배너용 배경 이미지 업로드

참고: 관리자의 결제 설정 섹션의 결제 사용자 지정 영역은 플랜을 선택하고 첫 번째 제품을 생성할 때까지 보이지 않습니다.

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 배너 섹션에서 이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.

  3. 저장을 클릭합니다.

결제 페이지에 로고 추가

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 로고 섹션에서 이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.

  3. 로고의 위치를 선택합니다.

  4. 로고의 크기를 선택합니다.

  5. 저장을 클릭합니다.

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

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 주요 콘텐츠 영역 섹션에서 배경 색상이나 이미지를 추가합니다.

  • 색상을 추가하려면 배경 색상 옆의 상자를 클릭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.

  • 이미지를 추가하려면 이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.

  1. 저장을 클릭합니다.

양식 필드 색상 변경

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 주요 콘텐츠 영역 섹션에서 양식 필드 드롭다운을 클릭하고 원하는 색상을 선택합니다.

  3. 저장을 클릭합니다.

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

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 주문 요약 섹션에서 배경 색상이나 이미지를 추가합니다.

  • 색상을 추가하려면 배경 색상 옆의 상자를 클릭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.

  • 이미지를 추가하려면 이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.

  1. 저장을 클릭합니다.

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

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 교체할 이미지 아래의 업데이트를 클릭하여 이미지를 업로드하거나 라이브러리에서 이미지를 선택합니다.

  3. 저장을 클릭합니다.

이미지를 제거하려면 이미지 아래의 제거를 클릭합니다. 이미지를 제거해도 Shopify에서는 삭제되지 않습니다.

이미지 대체 텍스트 추가

결제 페이지의 이미지가 만족스러우면 이미지 대체 텍스트를 추가하는 것이 좋습니다. 이 텍스트는 접근성 및 SEO에 도움이 될 수 있습니다. 검색 엔진 최적화에 대해 자세히 알아보십시오.

단계:

  1. 이미지 아래에서 업데이트를 클릭하고 이미지 편집을 선택합니다.

  2. 이미지에 대한 대체 텍스트를 입력합니다. 이미지에 대한 짧고 설명적인 제목을 선택합니다.

  3. 저장을 클릭합니다.

결제 페이지 글꼴 변경

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 입력 체계 섹션에서 제목 드롭다운 또는 본문 드롭다운을 클릭하고 글꼴을 선택합니다.

  3. 저장을 클릭합니다.

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

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

단계:

  1. 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.

  2. 색상 섹션에서 강조, 버튼 또는 오류 옆의 색상 상자를 클릭하여 색상 선택기를 연 다음 색상을 선택하거나 16진수 코드를 입력합니다.

  3. 저장을 클릭합니다.

타사 앱을 사용하여 결제에 구매 후 제안 추가

구매 후 제안은 고객이 결제를 완료한 후 주문 확인 페이지로 넘어가기 전에 결제에서 표시되는 메시지입니다. 이 메시지는 고객에게 주문에 더 많은 제품을 추가할 것을 제안합니다.

고객이 결제 프로세스를 완료하기 전에 제안을 추가할 수는 있지만, 구매 후 제안은 다음과 같은 혜택을 제공하여 스토어의 전체 주문량을 늘릴 수 있습니다.

  • 해당 제안은 고객이 거래를 완료한 후 표시되므로 중단된 카트에 관한 위험성은 낮습니다.
  • 이는 고객이 구매를 한 후에만 표시되므로 적시에 관련성 높게 표시되는 독점적인 제안입니다.
  • 고객은 클릭 한 번으로 제품을 추가 구매할 수 있으며, 정보를 다시 입력하지 않아도 됩니다.

온라인 스토어에서 이 제안을 활성화하려면 구매 후 제안을 지원하는 타사 앱을 사용해야 합니다. Shopify 앱스토어에서 구매 후 제안 앱을 확인합니다.

타사 앱에 대한 지원이 필요한 경우 해당 앱 개발자에게 직접 연락하십시오.

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

무료 체험