상세 컨텐츠

본문 제목

우커머스의 상품 페이지에 '바로 구매' / '즉시 구매' 버튼 추가하기

2018.01.23 15:02 | 워드프레스

본문

워드프레스에서 우커머스(WooCommerce)를 이용하여 상품을 운영하는 경우 상품 페이지의 "장바구니" 옆에 "즉시 구매" 혹은 "바로 구매" 버튼을 추가하고 싶은 경우가 있을 수 있습니다.

이 경우 Woocommerce Quick Buy 플러그인(https://wordpress.org/plugins/woocommerce-quick-buy/)을 사용하면 편리합니다.

하지만 사용하는 테마에 따라 "즉시 구매" 버튼이 엉성하게 표시될 수 있습니다.

위의 경우 "즉시 구매" 버튼의 위치와 모양이 이상하여 조정이 필요합니다. CSS, javascript, jQuery 등을 통해 조정이 가능합니다.

특히 옵션 상품이 있는 경우 옵션을 선택하기 전에는 장바구니 버튼과 동일하게 회색으로 표시되어 선택할 수 없도록 하고, 옵션이 선택되면 선택이 가능하도록 버튼 모양이 바뀌어야 합니다.

우리나라에서는 아무래도 "즉시 구매" 버튼이 있는 것이 더 자연스러운가 봅니다. 아마 매출에도 긍정적인 영향을 주지 않을까 생각되네요.

만약 테마 때문에 버튼 위치나 모양이 이상하게 배치되어 있는 있고 위치나 모양을 조정하는 데 어려움을 겪는 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.

우커머스 원클릭 결제 기능

회원으로 가입하면서 결제에 필요한 정보를 입력했거나 이전에 상품을 구매한 적이 있는 사용자가 다시 쇼핑몰을 이용할 때 동일한 정보를 다시 기입할 필요 없이 곧바로 결제가 이루어지도록 하는 원클릭 결제 기능을 구현하고 싶은 경우 YITH WooCommerce One-Click Checkout 플러그인을 사용할 수 있습니다. 원클릭 결제 기능을 추가하면 매출 향상에 도움이 될 것 같습니다.

※일부 글에 제휴 링크가 포함될 수 있습니다.

댓글 영역

  • 프로필 사진
    2019.04.10 18:17 신고
    같은고민을 하고 있습니다. 좀 도와 주세요
    YITH WooCommerce One-Click Checkout Premium을 이용해서 구매버튼을 추가하여 사용하고 있습니다.
    구매버튼이 장바구니 밑에 위치하여있어 보기가 좋지 않습니다.
    어느부분에서 수정을 해야 구매버튼위치를 수정할수있습니까? 조금 상세히 알려주시면 감사하겠습니다.
    • 프로필 사진
      2019.04.10 18:30 신고
      안녕하세요?

      오래 전 글이라 정확히 어떤 식으로 구현했는지 기억이 가물하네요.

      다음 글을 참고하여 요소 위치를 바꾸어줄 수 있을 것입니다.

      https://www.thewordcracker.com/jquery-examples/change-the-order-of-elements-using-jquery/

      그런 다음 CSS로 적당히 처리하시면 될 것입니다.
  • 프로필 사진
    2019.04.11 12:04
    관리자의 승인을 기다리고 있는 댓글입니다