결제 스타일 사용자 지정

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

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

배너용 배경 이미지 업로드

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

단계:

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

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

3. 저장을 클릭합니다.

결제 페이지에 로고 추가

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

단계:

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

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

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

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

5. 저장을 클릭합니다.

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

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

단계:

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

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

   • 색상을 추가하려면배경 색상옆의상자를클릭하여색상선택기를연후색상을선택하거나16진수코드를입력합니다.
   • 이미지를 추가하려면이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.

3. 저장을 클릭합니다.

양식 필드 색상 변경

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

단계:

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

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

3. 저장을 클릭합니다.

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

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

단계:

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

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

   • 색상을 추가하려면배경 색상옆의상자를클릭하여색상선택기를연후색상을선택하거나16진수코드를입력합니다.
   • 이미지를 추가하려면이미지 업로드를 클릭하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.

3. 저장을 클릭합니다.

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

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

단계:

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

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

3. 저장을 클릭합니다.

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

이미지 대체 텍스트 추가

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

단계:

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

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

3. 저장을 클릭합니다.

결제 페이지 글꼴 변경

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

단계:

1. 스타일섹션에서결제 사용자 지정을 클릭합니다.

2. 테마 편집기에서결제 설정 열기를 클릭합니다.

3. 결제섹션에서 화면을 아래로 스크롤하여입력 체계영역으로 이동합니다.

4. 제목드롭다운 또는본문드롭다운을 클릭하고 글꼴을 선택합니다.

5. 저장을 클릭합니다.

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

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

단계:

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

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

3. 저장을 클릭합니다.

결제 시 구매 후 페이지에 기능 추가

구매 후 앱을 사용하여 고객 결제 환경에 고객 설문 조사나 상향 판매 제안 등의 기능을 추가할 수 있습니다. 이 앱을 사용하면 고객이 결제를 완료한 후 주문 확인 페이지가 표시되기 전에 콘텐츠를 추가할 수 있습니다.

구매 후 페이지에 기능을 추가하려면결제 앱을 설치 및 구성한 다음 결제 설정의 구매 후 페이지에서 사용할앱을 선택해야 합니다.

한 번에 하나의 결제 앱만 사용하여 구매 후 기능을 추가할 수 있습니다. 구매 후 기능이 설치된 앱을 2개 이상 보유한 경우에는결제 설정에서 사용할 앱을 선택할 수 있습니다.

결제 앱을 설치하여 구매 후 기능을 추가합니다.

구매 후 페이지에 기능을 추가하려면 결제 시 구매 후 기능을 지원하는 타사 앱을 사용해야 합니다.

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

단계:

1. Shopify 앱스토어로 이동하여 비즈니스에 적합한 구매 후 앱을 검색하십시오.
2. 앱 추가를 클릭합니다. Shopify 계정에 로그인하지 않은 경우에는 로그인하라는 메시지가 표시됩니다.
3. 앱 설치를 클릭합니다.
4. Shopify 관리자의앱섹션으로 이동하여 결제 앱의 이름을 클릭합니다.
5. 필요한 구성 설정을 입력합니다.

구매 후 페이지에서 사용할 앱 선택

결제 앱을 설치하고 구성한 후 결제 설정의 구매 후 페이지에서 사용할 앱을 선택해야 합니다.

결제 설정에서 사용할 앱을 변경할 수 있습니다.

단계:

1. Shopify 관리자에서설정을 클릭합니다.
2. 결제를 클릭합니다.
3. 구매 후 페이지섹션에서 사용할 결제 앱을 선택합니다.