결제 설정을 편집한 후, 결제 및 장바구니 페이지의 스타일을 지정하세요.

사이트의 결제 페이지는 단순하고 간결한 동시에 고객이 나의 브랜드와 소통하고 약관 및 정책을 검토할 수 있어야 합니다. 이 가이드를 사용하여 결제 환경을 사용자 지정할 수 있는 다양한 방법에 대해 알아보세요.

장바구니 및 결제 설정

• 장바구니 패널 및 결제 패널에서 스토어 정책을 관리하고 추가 정보를 요구하고, 기타 설정을 조정할 수 있습니다.
• 세금 및 배송 필드는 배송비나 세금이 없는 제품의 경우에도 결제 시 항상 표시됩니다. 
• 기프트 카드 필드는 첫 번째 기프트 카드 판매 후에만 표시되며, 프로모션 코드 필드는 활성, 예약 또는 비활성 상태의 할인이 있을 때만 표시됩니다. 
• 필드를 제거하려면 활성 기프트 카드나 활성, 예약 또는 비활성 할인을 삭제하세요.

이 패널을 열려면 설정 패널 을 연 다음 판매를 클릭하고 장바구니 또는 결제를 클릭하세요.

장바구니 설정

장바구니 패널을 열어 다음과 같은 설정에 액세스합니다.

• 장바구니에 추가 확인 -  상품을 장바구니에 담은 후 표시할 화면을 선택하세요. 버전 7.1 사이트에서는 토글을 켜서 장바구니 보기 및 결제 버튼이 있는 미니 장바구니를 표시합니다. 이 기능을 끄면 장바구니에 추가 버튼에 "추가되었습니다!"라는 짧은 메시지가 표시됩니다. 미니 장바구니의 색상은 섹션 배경과 자동으로 대비되어 눈에 잘 띄도록 조정됩니다.
• 장바구니에서 결제까지의 흐름 - 제품을 선택한 후 이동할 위치를 선택하세요. 장바구니 페이지 건너뛰기 또는 “쇼핑 계속하기” 링크 중 하나를 선택합니다.
• "쇼핑 계속" 링크 - 빈 장바구니 페이지에서 "계속 쇼핑"을 클릭하면 사이트의 특정 페이지로 안내합니다. 링크는 기본적으로, 홈페이지로 연결됩니다. 자세한 내용을 알아보려면 이 가이드에서 아래로 스크롤하세요.
• 장바구니 페이지 건너뛰기 활성화 - 고객을 바로 결제로 이동시킵니다. 이 기능이 활성화되면 장바구니에 여러 상품을 추가할 수 없습니다.
• 밝은 테마 - 장바구니가 더 밝은 색상으로 표시되어 어두운 배경의 사이트에서 눈에 잘 띄도록 합니다. 이 기능은 클래식 스토어 페이지 스타일을 사용하는 템플릿의 장바구니 아이콘에만 영향을 미칩니다.
• 장바구니 예약 및 타이머 - 판매량이 많을 때 재고를 보호하고 즉시 결제를 유도하려면 타이머 설정을 켭니다. 사이트 전체에 표시되는 카운트다운 배너는 결제를 완료할 때까지 남은 시간을 정확하게 보여줍니다.

결제 설정

결제 패널을 열어 이러한 설정에 접근하세요.

• 도메인에서 결제하기 - 기본 https://secure.squarespace.com URL 대신 도메인 내 맞춤형 보안 결제 페이지로 고객을 안내합니다. 도메인에서 결제에 대해 자세히 알아보세요.
• 방치된 장바구니 복구 - 주문을 완료하지 않은 고객에게 이메일을 발송합니다. 이 설정을 활성화한 후, 이메일을 사용자 지정할 수 있습니다. 커머스 어드밴스드 요금제에서는 중단된 결제 복구 기능을 이용할 수 있습니다.
• 최소 주문 금액- 결제 소계에 대한 최소 주문 금액을 설정합니다. 최소 금액을 충족하기 전에는 주문할 수 없습니다.
• 서비스 수량 - 여러 서비스 제품으로 결제할 수 있도록 하고, 기능을 활성화하면 서비스 제품에 제한된 수량 라벨이 표시됩니다. 서비스 제품 상세 정보 페이지에서 수량 필드를 숨기려면 이 옵션을 비활성화 상태로 두세요.
• 다음 주문 번호 - 자동 할당된 주문 번호를 다음 주문부터 변경합니다. 다른 커머스 플랫폼에서 전환 중이거나 실제보다 더 많은 주문을 처리한 것처럼 보이게 하려는 경우 유용합니다. 다음 주문 번호는 가장 최근 주문 번호보다 커야 합니다.
• 영수증 세부 정보 - 주문 영수증에 표시되는 정보를 설정합니다. VAT, 상품 및 서비스세 가이드를 방문하여 영수증 세부 정보 편집하기에 대한 도움을 받으세요. 

결제 페이지

결제 패널에서 결제 페이지로 스크롤하여 이러한 설정에 접근하세요.

• 이메일 가입 - 고객이 마케팅 이메일을 구독할 수 있도록 이 설정을 활성화하세요. 구독자 정보는 연락처 패널에 저장됩니다.
• 기본 청구 주소 - 이 설정을 활성화하면 결제 시 배송 주소 사용이 자동으로 선택됩니다. 고객은 이 설정을 선택 취소하고 다른 청구 주소를 추가할 수도 있습니다.
• 주소 필드의 기본 국가 - 결제 페이지에서 배송 및 청구 주소에 대해 기본적으로 사용할 국가를 선택하세요.
• 추가 필드 - 비즈니스에 필요한 경우 고객의 전화번호를 수집하거나 사용자 지정 결제 양식을 추가하세요.
• 스토어 정책 - 반품 정책, 서비스 약관 및 개인정보 보호 정책을 추가하고 수정하세요.

결제 페이지 스타일 지정

스타일을 변경하여 결제 페이지의 디자인과 느낌을 설정하세요. 결제 페이지는 사이트의 다른 부분과 브랜딩이 일관되어야 합니다. 자세히 알아보려면 결제 페이지 스타일 지정하기를 확인하세요.

장바구니 페이지 스타일 지정

결제 전에 고객은 장바구니 페이지에서 주문을 검토합니다. 장바구니 페이지는 사이트의 글로벌 스타일을 따릅니다. 사이트 전체에 표시되는 색상에 영향을 주지 않고 이 페이지를 사용자 정의할 수는 없습니다. 편집을 진행하면서 스타일 변경이 장바구니 페이지에 미치는 영향을 미리 보려면 다음을 수행하세요.

1. 장바구니에 항목을 추가한 후, 장바구니로 이동합니다. 
2. 사이트 스타일을 엽니다. 

글꼴

글꼴 편집 방법:

1. 사이트 스타일에서 글꼴을 클릭합니다.
2. 글꼴의 스타일을 지정합니다.
3. 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 후 저장을 클릭하여 편집기를 닫으세요.

색상

장바구니 페이지에서 배경, 버튼, 텍스트 색상을 변경하려면 사이트의 기본 색상 구성표를 편집하세요. 장바구니 페이지에 다른 테마를 할당할 수는 없지만 기본 테마를 변경하여 페이지를 사용자 정의할 수 있습니다.

다음 단계를 따라 사이트의 기본 색상 구성표를 찾으세요. 그런 다음 이러한 조정을 사용하여 장바구니 페이지의 색상을 변경하세요.

• 배경 - 사이트 전체: 섹션 배경
• 버튼 - 기본 버튼 조정
• 텍스트 - 표제 요소(대), 단락(중)

이러한 조정 기능이 나타나지 않으면 패널 상단의 모두 표시를 클릭해야 할 수 있습니다.

코딩 지식이 있는 경우 사용자 지정 코드를 사용하여 이 페이지를 맞춤 설정할 수 있습니다. Squarespace Circle 파트너로 사이트에 사용자 지정 코드를 추가하는 경우, 장바구니 페이지의 static class 이름 목록을 확인하세요.

참고: 사이트에 코드를 추가하는 것은 고급 수정 사항으로, Squarespace 지원 범위를 벗어납니다.

쇼핑 계속하기 버튼 변경

빈 장바구니 페이지에 '쇼핑 계속하기' 버튼이 표시됩니다. 기본적으로, 이 버튼은 홈페이지로 연결되지만, 쇼핑 계속하기 버튼의 목적지를 사이트의 다른 페이지로 변경할 수 있습니다. 드롭다운에서 이벤트나 페이지에 링크를 걸 수는 없습니다. 다음은 쇼핑 계속하기" 버튼의 예시입니다.

계속 쇼핑 버튼을 편집하는 방법: 

1. 장바구니 패널을 엽니다.
2. 쇼핑 계속하기 링크 아래에서 드롭다운 메뉴를 클릭하고 새 목적지를 선택합니다. 

쇼핑 계속하기 버튼의 색상은 사이트의 버튼 스타일 조정을 따릅니다.

장바구니 머리말 텍스트의 스타일을 지정하는 방법: 

• 색상 - 7.1 버전에서는 표제 요소(크게) 색상 조정을 사용하세요. 7.0 버전에서는 표제 요소 스타일 조정을 사용하세요. Brine 템플릿에서는 사이트 스타일을 열기 전에 장바구니 페이지 바깥쪽을 클릭한 다음 표제 요소 2 스타일 조정을 사용하세요.
• 글꼴 - 두 버전 모두에서 이 글꼴은 사이트 스타일의 글꼴 설정을 따릅니다.
• 크기 - 텍스트의 크기는 변경할 수 없습니다.

편집할 수 없는 항목

결제 설정을 사용자 지정할 때, 다음 사항은 편집할 수 없다는 점에 유의하세요.

• 개별 컬렉션 아이템으로 바로 가는 링크
• 색인 내의 페이지로 바로 가는 링크
• 쇼핑 계속하기 버튼 텍스트
• 결제 버튼 텍스트
• 결제 필드의 기본 텍스트

쇼핑 계속하기 버튼은 제거할 수 없습니다.

결제 후 이메일 사용자 지정

고객은 구매 후 주문과 관련된 자동 이메일을 받게 되며, 여러분이 주문을 처리하려는 조치를 취할 때도 관련 이메일을 받게 됩니다. 고객 알림 패널에서 이메일을 사용자 지정할 수 있습니다.

또한 자동 캠페인을 만들어 제품을 구매한 고객에게 마케팅 이메일을 보낼 수도 있습니다. 고객은 표준 주문 확인 이메일 외에도 이러한 이메일을 받게 됩니다. 이메일 캠페인을 온라인 스토어와 통합하는 방법에 대해 자세히 알아보려면 Squarespace 커머스에서 이메일 캠페인 사용하기를 방문하세요.

확장 프로그램을 사용하여 고객 피드백 설문 조사 전송

Delighted 확장 프로그램을 연결하여 브랜드가 적용된 고객 피드백 설문조사를 보내고 고객으로부터 중요한 인사이트를 얻을 수 있습니다. Squarespace는 Squarespace Extensions가 제대로 작동하도록 서드파티(타사) 서비스와 협력하고 있지만, 확장 프로그램은 지원 범위에 포함되지 않습니다. Squarespace는 확장 프로그램 연결 또는 연결을 해제하는 데 도움을 드릴 수 있습니다. 이외의 모든 질문은 확장 프로그램 제공업체에 직접 문의하세요.

고객이 경험하는 결제 페이지

결제 페이지는 고객이 사용하는 기기에 맞춰 자동으로 조정됩니다. 

고객이 결제 페이지를 열면, 다음과 같은 순서로 레이아웃이 표시됩니다.

• 바로 구매 옵션: Apple Pay, Google Pay, Link와 같이 지원하는 디지털 지갑이 페이지 최상단에 표시됩니다. 고객은 기기나 결제 계정에 이미 저장된 정보를 사용하여 간편하게 구매를 완료할 수 있습니다. 
• 고객 정보: 바로 구매 옵션 아래에서 고객은 이메일 주소, 배송지 및 결제 정보를 입력할 수 있습니다. 
• 사용자 지정 양식 및 기능: 사용자 지정 결제 양식을 설정하거나 고객이 서비스 약관에 동의하도록 요구하는 경우, 이러한 옵션이 결제 과정에서 표시됩니다.
• 표준 결제 방법: 페이지 하단에는 상단의 바로 구매 버튼을 사용하지 않기로 결정한 고객을 위한 기본 결제 수단 필드와 결제 옵션이 표시됩니다. 

결제 페이지 레이아웃 설정 관련 참고 사항

바로 구매 옵션은 결제 처리업체와 직접 연동되므로, 해당 기능을 단순히 켜거나 끄는 별도의 설정 스위치는 없습니다.

• 자동 업데이트: 이미 Apple Pay, Google Pay, Link를 사용 중이라면 결제 페이지 상단에 바로 구매 버튼이 자동으로 표시됩니다. 
• 선택한 옵션 변경: 페이지 상단에 표시되는 바로 구매 옵션을 변경하려면, 결제 설정 패널에서 해당 결제 옵션을 추가하거나 제거하면 됩니다.

다음 단계

• 선물 메시지 및 배송 지침을 기록하기 위한 사용자 지정 결제 양식 템플릿을 보세요.
• 접근성이 좋은 커머스 사이트 만들기에 대한 팁을 읽어보세요.
• 쇼핑객이 청구 및 배송 세부 정보를 저장할 수 있도록 고객 계정을 활성화하거나 Link by Stripe를 활성화하세요.
• 테스트 주문을 실행하여 결제 경험을 미리 확인하세요.
• 결제 페이지 사용자 지정에 도움이 더 필요한 경우 Squarespace Expert를 고용하세요.