결제 스타일 사용자 지정

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

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

성장 방법: 카트 스타일 및 결제 사용자 지정에 도움이 필요한 경우 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와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험