결제 스타일 사용자 지정
온라인 스토어를 통해 제품을 판매하는 경우에는 테마 편집기에서 결제 페이지 스타일을 사용자 지정할 수 있습니다. 회사 로고를 추가하거나 색상을 바꾸거나 새 글꼴을 선택하여 비즈니스와 어울리는 결제 페이지를 만드십시오.
결제 페이지에 다양한 색상 및 흥미 요소를 추가하고 싶을 수 있겠지만 디자인을 단순하게 유지하는 것이 가장 좋습니다. 고객은 결제 페이지를 사용하여 주문에 대한 배송 및 결제 정보를 입력하므로 고객을 혼란시키거나 정보를 읽기 어렵게 만들고 싶지는 않을 것입니다. 고대비로 색상을 선택하고 페이지의 단어로부터 주의를 분산시키지 않는 이미지를 선택하십시오.
이 페이지의 정보
배너 배경 이미지 업로드
각 결제 페이지 상단에 스토어 이름이 배너에 표시됩니다. 이 배너의 배경 이미지를 변경할 수 있습니다. 브랜드와 일치하는 이미지를 선택하십시오. 예를 들어, 보석을 판매하는 경우에는 컬러풀한 구슬의 이미지가 잘 어울릴 수 있습니다. 배너 이미지는 1000 x 400 픽셀의 해상도일 때 가장 선명하게 보입니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 배너 섹션에서 이미지 선택을 클릭합니다.
- 이미지 추가를 클릭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 배너 섹션에서 이미지 선택을 탭합니다.
- 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 배너 섹션에서 이미지 선택을 탭합니다.
- 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 저장을 탭합니다.
결제 페이지에 로고 추가
결제 페이지에 스토어 로고를 추가할 수 있습니다. 배너 이미지를 사용하면 스토어 로고가 배너 위에 표시됩니다. 결제 페이지에서 배너 영역의 왼쪽, 오른쪽 또는 가운데에 로고를 배치할 수 있습니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 로고 섹션에서 이미지 선택을 클릭합니다.
- 이미지 추가를 클릭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 로고의 위치를 선택합니다.
- 로고의 크기를 선택합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 로고 섹션에서 이미지 선택을 탭합니다.
- 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 로고의 위치를 선택합니다.
- 로고의 크기를 선택합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 로고 섹션에서 이미지 선택을 탭합니다.
- 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다.
- 로고의 위치를 선택합니다.
- 로고의 크기를 선택합니다.
- 저장을 탭합니다.
주요 콘텐츠 영역에 배경 이미지 또는 색상 추가
결제 페이지의 주요 콘텐츠 영역에 배경 이미지나 색상을 추가할 수 있습니다. 이는 고객이 배송 및 결제 정보를 입력하는 영역이므로 배경에서 해당 필드를 명확히 읽을 수 있는지 확인해야 합니다. 배경 이미지와 색상을 모두 추가할 수는 없습니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
-
주요 콘텐츠 영역 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 클릭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 클릭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
-
주요 콘텐츠 영역 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 탭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
-
주요 콘텐츠 영역 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 탭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 탭합니다.
양식 필드 색상 변경
필드 색상을 변경하여 흰색이나 투명으로 만들 수 있습니다. 필드를 투명하게 설정하여 배경 이미지가 비쳐 보이도록 하고 싶을 수 있습니다. 이때 필드의 텍스트가 명확하게 보이는지 확인하십시오.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 주요 콘텐츠 영역 섹션에서 양식 필드 드롭다운을 클릭하여 원하는 색상을 선택합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 주요 콘텐츠 영역 섹션에서 양식 필드 드롭다운을 탭하여 원하는 색상을 선택합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 주요 콘텐츠 영역 섹션에서 양식 필드 드롭다운을 탭하여 원하는 색상을 선택합니다.
- 저장을 탭합니다.
주문 요약에 배경 이미지 또는 색상 추가
고객이 결제 페이지에서 주문 요약 표시를 클릭하면 구매 중인 제품 목록이 표시됩니다. 주문 요약에 배경 이미지나 색상을 추가할 수 있습니다. 선택한 사항을 미리 보기하여 주문 요약이 표시되는 방식이 마음에 드는지 확인하십시오. 테마 편집기의 미리 보기에서 주문 요약 표시를 클릭할 수 있습니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
-
주문 요약 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 클릭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 클릭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
-
주문 요약 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 탭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
-
주문 요약 섹션에서 배경 색상이나 이미지를 추가합니다.
- 색상을 추가하려면 배경 색상 옆의 상자를 탭하여 색상 선택기를 연 후 색상을 선택하거나 16진수 코드를 입력합니다.
- 이미지를 추가하려면 이미지 선택 > 이미지 추가를 탭하여 이미지 파일을 업로드하거나 라이브러리에 이미 업로드한 이미지를 선택합니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다. 작은 이미지는 배경에서 타일처럼 가로 및 세로로 반복됩니다.
저장을 탭합니다.
결제 페이지에서 이미지 변경 또는 제거
결제 페이지에 추가한 이미지를 변경하거나 제거할 수 있습니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 교체할 이미지 아래의 변경을 클릭하여 라이브러리에서 이미지를 선택하거나 무료 이미지를 탐색합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 교체할 이미지 아래의 변경을 탭하여 라이브러리에서 이미지를 선택하거나 무료 이미지를 탐색합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 교체할 이미지 아래의 변경을 탭하여 라이브러리에서 이미지를 선택하거나 무료 이미지를 탐색합니다.
- 저장을 탭합니다.
이미지를 제거하려면 변경 > 이미지 제거를 클릭합니다. 이렇게 해도 Shopify에서 이미지가 삭제되지는 않습니다.
이미지 대체 텍스트 추가
결제 페이지의 이미지가 만족스러우면 이미지 대체 텍스트를 추가하는 것이 좋습니다. 이 텍스트는 접근성 및 SEO에 도움이 될 수 있습니다. 검색 엔진 최적화에 대해 자세히 알아보십시오.
단계:
- 대체 텍스트를 추가하려는 이미지에서 편집을 클릭합니다.
- 대체 텍스트 아래에서 이미지에 대한 대체 텍스트를 입력합니다. 이미지에 대한 짧고 서술적인 제목을 선택합니다.
- 저장을 클릭합니다.
결제 페이지 글꼴 변경
글꼴 목록에서 글꼴을 선택하여 결제 페이지를 사용자 지정할 수 있습니다. 결제 페이지의 텍스트 색상은 변경할 수 없습니다.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 입력 체계 섹션에서 제목 드롭다운 또는 본문 드롭다운을 클릭한 다음 글꼴을 선택합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 입력 체계 섹션에서 제목 드롭다운 또는 본문 드롭다운을 탭한 다음 글꼴을 선택합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 입력 체계 섹션에서 제목 드롭다운 또는 본문 드롭다운을 탭한 다음 글꼴을 선택합니다.
- 저장을 탭합니다.
결제 페이지 버튼 및 강조 색상 변경
결제 페이지의 버튼, 오류 메시지 및 강조(링크 등) 색상을 변경할 수 있습니다. 색상을 변경하고 주요 콘텐츠 영역 및 주문 요약의 배경에서 텍스트를 명확하게 읽을 수 있는지 확인하십시오.
단계:
- Shopify Admin에서 설정 > 결제로 이동합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 클릭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.
- 결제를 클릭합니다.
- 색상 섹션에서 강조, 버튼 또는 오류 옆의 색상 상자를 클릭하여 색상 선택기를 연 다음 색상을 선택하거나 16진수 코드를 입력합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 색상 섹션에서 강조, 버튼 또는 오류 옆의 색상 상자를 탭하여 색상 선택기를 연 다음 색상을 선택하거나 16진수 코드를 입력합니다.
- 저장을 탭합니다.
- Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
- 스토어 설정 섹션에서 결제를 탭합니다.
- 결제 스타일 섹션에서 결제 사용자 지정을 탭하여 테마 편집기를 엽니다.
- 테마 편집기에서 톱니바퀴 아이콘을 탭하여 테마 설정에 액세스합니다.
- 결제를 탭합니다.
- 색상 섹션에서 강조, 버튼 또는 오류 옆의 색상 상자를 탭하여 색상 선택기를 연 다음 색상을 선택하거나 16진수 코드를 입력합니다.
- 저장을 탭합니다.
결제 시 구매 후 페이지에 기능 추가
구매 후 앱을 사용하여 고객 결제 환경에 고객 설문 조사나 상향 판매 제안 등의 기능을 추가할 수 있습니다. 이 앱을 사용하면 고객이 결제를 완료한 후 주문 확인 페이지가 표시되기 전에 콘텐츠를 추가할 수 있습니다.
구매 후 페이지에 기능을 추가하려면 결제 앱을 설치 및 구성한 다음 결제 설정의 구매 후 페이지에서 사용할 앱을 선택해야 합니다.
한 번에 하나의 결제 앱만 사용하여 구매 후 기능을 추가할 수 있습니다. 구매 후 기능이 설치된 앱을 2개 이상 보유한 경우에는 결제 설정에서 사용할 앱을 선택할 수 있습니다.
결제 앱을 설치하여 구매 후 기능 추가
구매 후 페이지에 기능을 추가하려면 결제 시 구매 후 기능을 지원하는 타사 앱을 사용해야 합니다.
타사 앱에 대한 지원이 필요한 경우 해당 앱 개발자에게 직접 연락하십시오.
단계:
- Shopify App Store로 이동하여 비즈니스에 적합한 구매 후 앱을 검색하십시오.
- 앱 추가를 클릭합니다. Shopify 계정에 로그인하지 않은 경우에는 로그인하라는 메시지가 표시됩니다.
- 앱 설치를 클릭합니다.
- Shopify Admin의 앱 섹션으로 이동하여 결제 앱의 이름을 탭합니다.
- 필요한 구성 설정을 입력합니다.
구매 후 페이지에서 사용할 앱 선택
결제 앱을 설치하고 구성한 후 결제 설정의 구매 후 페이지에서 사용할 앱을 선택해야 합니다.
결제 설정에서 사용할 앱을 변경할 수 있습니다.
단계:
- Shopify Admin에서 설정을 클릭합니다.
- 결제를 클릭합니다.
- 구매 후 페이지 섹션에서 사용할 결제 앱을 선택합니다.