도움말
로그인

구매 버튼 FAQ

이 페이지의 내용

Shopify 온라인 스토어에 구매 버튼을 추가할 수 있나요?

구매 버튼은 온라인 스토어의 카트에 문제를 일으킬 수 있으므로 Shopify 온라인 스토어나 Shopify 블로그에 추가하는 것은 권장되지 않습니다. 대신 영구 링크를 사용하여 카트를 미리 로드하는 것을 고려해 보십시오.

Shopify 관리자에서 구매 버튼 채널을 제거하려면 어떻게 해야 하나요?

  1. Shopify 관리자에서 설정 > 판매 채널로 이동합니다.

  2. 구매 버튼 채널에서 … > 제거를 클릭합니다.

  3. 구매 버튼을 제거하시겠습니까? 대화 상자에서 이 판매 채널 제거의 위험성을 이해합니다.를 선택합니다.

  4. 선택 사항: 설치 제거 이유 드롭다운 메뉴에서 해당하는 이유를 선택하고, 텍스트 필드에 피드백을 공유해 주세요.

  5. 제거를 클릭합니다.

웹 페이지에서 구매 버튼을 제거하려면 어떻게 해야 하나요?

웹 페이지에 추가한 임베드 코드를 삭제하십시오.

기존 구매 버튼을 업데이트하여 다른 제품을 표시할 수 있나요?

예, 임베드 코드를 편집하면 됩니다. 임베드 코드의 id 특성을 변경하여 다른 제품에 연결할 수 있습니다. 그렇지 않으면 Shopify에서 원하는 제품을 포함하는 새 구매 버튼을 생성한 다음 새 임베드 코드를 생성하여 이전 구매 버튼의 임베드 코드를 교체해야 합니다.

구매 버튼을 생성할 때 추가 정보 필드는 어떤 용도로 사용할 수 있나요?

추가 정보 필드를 사용하여 고객에게 메시지를 전달할 수 있습니다. 이 메시지는 고객의 카트에 표시됩니다. 예를 들어 세금이 체크아웃 시 계산된다는 메시지를 표시할 수 있습니다.

구매 버튼에 사용할 수 있는 전자결제 대행사에는 무엇이 있나요?

구매 버튼을 사용하려면 지원되는 전자결제 대행사를 사용해야 합니다. 거주 국가 또는 지역에서 지원되는 전자결제 대행사 목록을 보려면 국가 또는 지역별 결제 정보를 참조하십시오.

기존 구매 버튼의 디자인을 변경하려면 어떻게 해야 하나요?

기존 구매 버튼의 디자인이나 설정을 변경하는 가장 간단한 방법은 구매 버튼을 다시 생성하고 기존 코드를 새 코드로 교체하는 것입니다. 또는 이 고급 자습서에 따라 변경할 수도 있습니다.

디자인 변경에 도움이 필요한 경우 Shopify 파트너를 고용할 수 있습니다. Shopify 파트너 고용에 대해 자세히 알아보십시오.

구매 버튼이 앱에서 작동하지 않는 이유는 무엇인가요?

구매 버튼은 Shopify App Store의 앱과 호환되지 않습니다. 예를 들어 제품 리뷰 앱이 있는 경우 구매 버튼과 함께 작동하지 않습니다.

구매 버튼 문제를 해결하려면 어떻게 해야 하나요?

구매 버튼이 예상대로 작동하지 않는 경우 다음 문제 해결 단계를 사용하여 일반적인 문제를 식별하고 해결할 수 있습니다.

CSS(Cascading Style Sheets) 충돌 확인

경우에 따라 웹사이트의 CSS가 구매 버튼의 스타일을 방해할 수 있습니다. 예를 들어, CSS가 iframe 요소에 대해 display: hidden;을 설정하면 구매 버튼이 보이지 않게 됩니다.

또 다른 일반적인 문제는 버튼 높이가 잘못 계산되거나 0으로 설정되는 경우입니다. 이런 경우 Shopify 관리자에서 다른 레이아웃 설정으로 구매 버튼을 다시 생성해 보십시오. 내장된 맞춤 설정 옵션은 일반적으로 사용자 지정 CSS보다 높이 문제를 더 잘 해결하기 때문입니다.

CSS 충돌을 검토하려면:

  1. 브라우저의 개발자 도구를 엽니다(Chrome에서 F12 키 누름).
  2. 구매 버튼 영역을 선택하고 요소 탭에서 HTML을 검사합니다.
  3. 스타일 패널을 검토하여 CSS 규칙이 버튼의 표시 여부나 레이아웃에 영향을 미치는지 확인합니다.

JavaScript 오류 검토

JavaScript 충돌로 인해 구매 버튼이 표시되지 않거나 제대로 작동하지 않을 수 있습니다. JavaScript 오류를 검토하려면:

  1. 브라우저의 개발자 도구를 엽니다.
  2. 콘솔 탭으로 이동합니다.
  3. 페이지가 로드되거나 구매 버튼과 상호 작용할 때 나타나는 오류 메시지를 검토합니다.

일반적인 JavaScript 오류에는 누락된 스크립트 종속성 또는 웹사이트의 다른 스크립트와의 충돌이 포함됩니다.

제품이 있는지 확인

404 오류가 발생하는 경우 제품이 삭제되고 교체되었을 수 있습니다. 구매 버튼 코드의 제품 ID와 Shopify 관리자의 제품 ID를 비교하여 일치하는지 확인합니다.

간단한 HTML 페이지에서 테스트

문제가 구매 버튼에 있는지 웹사이트에 있는지 확인하려면:

  1. 구매 버튼 코드만으로 간단한 HTML 파일을 생성합니다.
  2. 브라우저에서 파일을 열어 버튼이 올바르게 작동하는지 확인합니다.
  3. 간단한 페이지에서는 작동하지만 웹사이트에서는 작동하지 않는 경우 웹사이트의 CSS 또는 JavaScript에 문제가 있을 가능성이 높습니다.

Shopify 구매 버튼인지 확인

때로는 Shopify 구매 버튼처럼 보이는 버튼이 실제로는 타사 솔루션인 경우가 있습니다. Shopify 구매 버튼을 사용하고 있는지 확인하려면:

  1. 개발자 도구를 열고 버튼을 검사합니다.
  2. HTML을 검토하여 Shopify 관련 코드가 있는지 확인합니다.
  3. 네트워크 탭에 buy-button-storefront.min.js에 대한 호출이 표시되는지 확인하십시오.

이 단계로 문제를 해결할 수 없는 경우 Shopify 파트너를 고용하여 지원을 받는 것을 고려해 보십시오. Shopify 파트너 고용에 대해 자세히 알아보십시오.

카트 영구 링크를 생성하려면 제품의 세부 정보 페이지에 있어야 합니다. 카트 영구 링크를 생성하는 방법을 알아보십시오.