Shopify에 WhatsApp 버튼을 추가하는 방법

Shopify에서 상품을 판매하고 있다면, 구매자들은 결제를 진행하기 직전에 마지막으로 궁금한 점이 생길 수 있습니다. 재킷이 정사이즈로 맞는지, 주문한 상품이 언제 도착하는지, 품절된 사이즈가 다시 입고되는지 등을 알고 싶어 할 수 있습니다. 질문하고 빠르게 답변을 받을 수 있는 방법이 없다면, 구매자는 장바구니를 아예 포기해버릴 수도 있습니다.

구매자가 사이트를 둘러보는 동안 화면 구석에 떠 있는 WhatsApp 플로팅 버튼은 그들이 매일 사용하는 앱에서 탭 한 번으로 대화를 시작할 수 있다는 것을 알려줍니다. 작성해야 할 양식이나 새로 생성해야 할 계정이 없으므로, 질문에 대한 답을 얻지 못하고 떠났을 구매자가 답변을 받고 구매까지 이어질 수 있습니다.

Shopify에는 기본 WhatsApp 버튼이 포함되어 있지 않습니다. 내장된 메시지 옵션인 Shopify Inbox는 WhatsApp이 아닌 Shopify 자체 채팅을 통해 대화를 보냅니다. 연락처 페이지에 일반 wa.me 링크를 붙여넣을 수는 있지만, 텍스트 링크는 구매자가 사이트를 둘러볼 때 따라다니지 않으며 채팅을 유도하는 것처럼 보이지도 않습니다.

따라서 친숙한 채팅 인터페이스를 통해 고객의 질문에 즉시 답변하고자 하는 Shopify 판매자 또는 드랍쉬퍼라면, 이 가이드에서 프리미엄 서드파티 앱으로서 쇼피파이에 왓츠앱 버튼을 추가(add a WhatsApp button to Shopify)하는 방법이나, 비용을 낮추고 사이트 속도를 빠르게 유지하는 무료 경량 서버리스 위젯을 사용하는 방법을 확인해 보세요.

옵션 1: 전용 Shopify 앱 스토어 연동 설치하기

Shopify에 플로팅 채팅 버튼을 추가하는 일반적인 방법은 수십 개의 WhatsApp 채팅 앱이 경쟁하는 Shopify 앱 스토어를 이용하는 것입니다. 앱 하나를 설치하고 번호를 연결한 다음 앱의 자체 대시보드에서 버튼을 구성하기만 하면 됩니다.

앱 스토어 연동을 사용하여 쇼피파이에 왓츠앱 버튼을 추가하려면 다음 단계를 따르세요:

1. 앱 찾기 및 설치: Shopify 관리자 페이지의 왼쪽 내비게이션에서 앱(Apps)을 클릭하면 Shopify App Store 팝업이 나타납니다. 원하는 채팅 버튼 앱을 검색하세요. 설치(Install)를 클릭하고 인증 화면에서 앱이 요청하는 데이터 접근 권한을 검토한 후 확인합니다.

2. 버튼 구성: 앱의 대시보드에서 WhatsApp 번호를 입력하고, 클릭 유도문안(CTA) 텍스트를 작성한 다음 버튼의 색상과 화면 위치를 설정합니다. 대부분의 앱에서는 데스크톱, 모바일 또는 둘 다에 표시할지 여부도 선택할 수 있습니다.

3. 테마에서 활성화하기: 온라인 스토어(Online Store)로 이동하여 테마(Themes)를 선택해 편집기에서 라이브 테마를 엽니다. 맨 왼쪽 사이드바 상단의 테마 설정 아이콘 옆에 있는 앱 임베드 아이콘을 클릭하고, 목록에서 앱을 검색하여 켠 다음 저장합니다.

이러한 앱들에서 “무료 플랜 제공”이 의미하는 바는 매우 다양합니다. Chaty의 무료 등급은 한 달에 500명의 방문자로 제한되며, 유료 플랜은 10,000명 기준 월 15달러부터 시작합니다. MyShop은 “브랜드 이름 숨기기”를 유료 기능으로 나열하고 있는데, 이는 무료 버전의 경우 스토어프론트에 앱의 브랜딩이 표시됨을 의미합니다. 이 카테고리 전체에서 이러한 패턴이 반복되며, 실제 트래픽을 처리해야 하거나 스토어의 일부처럼 보이게 하려면 무료 버튼을 더 이상 사용할 수 없게 됩니다.

각 앱은 스크립트, 권한 및 관리할 대시보드를 갖춘 스토어의 전체 설치 프로그램이기도 합니다. WhatsApp 대화를 여는 단일 목적을 가진 버튼치고는 인프라가 너무 많기 때문에 직접 임베드할 수 있는 Shopify WhatsApp 채팅 대안을 찾고 계실 수도 있습니다.

옵션 2: 무료 맞춤형 WhatsApp 위젯 추가하기(권장)

앱을 설치하거나 버튼에 월별 요금을 지불하고 싶지 않다면 Shopify용 호스팅 WhatsApp 채팅 위젯이 임베드 코드를 통해 동일한 작업을 수행할 수 있습니다. 시각적 빌더에서 설정하고 코드를 복사하여 테마 편집기의 사용자 지정 Liquid 블록에 붙여넣기만 하면 스토어에 아무것도 설치되지 않으며 관리할 별도의 대시보드가 필요 없습니다.

Jform의 WhatsApp 위젯은 귀하의 번호에 연결되어 채팅 미리보기와 함께 플로팅 버튼을 표시합니다. 방문자는 WhatsApp으로 넘어가기 전에 상담원 이름, 환영 메시지 및 CTA를 확인할 수 있습니다. 또한, 기본 메시지를 미리 채워 넣거나 짧은 질문을 먼저 입력하게 하여 대화가 시작되기 전에 팀이 맥락을 파악할 수 있도록 설정할 수 있습니다.

위젯을 사용하여 Shopify에 WhatsApp 버튼을 추가하려면 다음 단계를 따르세요:

1. 위젯 생성: Jform 작업 공간(Workspace) 페이지에서 생성(Create)을 클릭하고 웹사이트 위젯(Website Widget)을 선택한 후, WhatsApp 채팅(WhatsApp Chat)을 검색하고 위젯 사용(Use Widget)을 클릭합니다. 

2. WhatsApp 연락처 연결하기: 일반(General) 탭에서 전체 국제 전화번호 형식으로 전화번호를 입력하거나 wa.me, api.whatsapp.com 또는 wa.link URL을 추가합니다. 방문자가 컨텍스트를 가지고 대화를 시작하기를 원한다면 기본 메시지를 추가하세요.

3. 맞춤 설정 및 위치 지정하기: 일반(General) 탭에서 상담원 이름, 환영 메시지 및 버블 라벨을 작성합니다. 그런 다음 레이아웃(Layout) 탭으로 전환하여 플로팅 위치, 버튼 크기를 설정하고 버튼이 데스크탑, 모바일 또는 둘 다에 나타날지 여부를 지정합니다.

4. WhatsApp Shopify 코드 게시 및 삽입하기: 상단 탐색 표시줄에서 게시(Publish)를 클릭한 다음 삽입(Embed) 섹션에서 코드 복사(Copy Code)를 클릭합니다. 플랫폼(Platforms) 메뉴에는 Shopify에 WhatsApp 버튼 추가를 위한 Shopify 전용 삽입 옵션도 있습니다.

5. Shopify에 추가하기: 테마 편집기에서 섹션 추가(Add section)를 클릭하고 Custom Liquid를 선택한 후 임베드 코드를 붙여넣고 저장합니다. 헤더나 푸터에 추가하면 단일 페이지가 아닌 모든 페이지에 버튼이 표시됩니다.

위젯은 스토어에 설치되는 것이 아니라 Jform에서 스타일이 지정되므로, 인사말이나 버튼 색상을 변경하기 위해 색상 선택기를 잠금 해제하려고 요금제를 업그레이드할 필요 없이 위젯을 편집하기만 하면 됩니다. 데스크톱과 모바일 모두에서 작동하며, Jform의 무료 스타터 요금제는 Jform 브랜딩 숨기기를 포함하여 두 가지 모두를 지원합니다.

스마트한 서버리스 위젯으로 Shopify 스토어의 성능 극대화하기

Shopify에 WhatsApp 버튼 추가하기와 같은 무료 위젯은 추가적인 월간 앱 요금에 동의하지 않고도 스토어프런트에 추가할 수 있는 여러 위젯 중 하나입니다. Jform의 무료 웹사이트 위젯 디렉토리에는 150개 이상의 옵션이 있습니다. 일부 고객이 다른 메시징 앱을 선호하는 경우, 동일한 방식으로 작동하는 Telegram 및 Viber 채팅 위젯도 제공됩니다. 이는 해당 앱들이 기본으로 사용되는 시장에 제품을 판매할 때 중요합니다. A 고객 센터 위젯은 고객이 메시지를 보내기도 전에 반복되는 질문에 답하며, 구매 버튼은 랜딩 페이지에서 상품, 장바구니 또는 결제 URL로 구매자를 바로 연결해 줍니다.

각 기능은 WhatsApp 버튼과 동일한 방식으로 임베드되므로, 스토어에 간단한 기능을 추가할 때마다 앱 구독을 추가할 필요가 없습니다.

이커머스 브랜드의 예산은 채팅 버튼을 표시하기 위한 월 사용료가 아니라 고객 확보와 상품 소싱에 사용되어야 합니다. WhatsApp 위젯은 고객이 이미 사용법을 알고 있는 외부 서버 지원 채널을 무료로 제공합니다.