Shopify에 카운트다운 타이머를 추가하는 방법

이커머스에서 긴박감은 제품의 판매를 촉진합니다.

제품 페이지나 공지 표시줄의 똑딱거리는 타이머는 쇼핑객에게 나중에 다시 오거나 영영 떠나버리는 대신 지금 당장 구매해야 할 구체적이고 설득력 있는 이유를 제공합니다.

블랙 프라이데이를 위해 Shopify 플래시 세일 타이머를 운영하든, 한정판 제품을 출시하든, 명절 캠페인을 진행하든, 카운트다운 타이머는 스토어에 추가할 수 있는 가장 간단하면서도 효과적인 전환 도구 중 하나입니다.

Shopify의 기본 테마에는 카운트다운 블록이 내장되어 있지 않지만, 세 가지 확실한 카운트다운 타이머 추가 방법이 있습니다.

• Shopify 앱 스토어에서 타사 앱 설치하기
• 무료 맞춤형 위젯 삽입하기
• 프리미엄 테마로 업그레이드하기

이 세 가지 접근 방식 모두 원하는 결과를 얻을 수 있습니다. 올바른 선택은 비용을 얼마나 지출할 의향이 있는지, 스토어프론트를 얼마나 가볍게 유지하고 싶은지에 따라 달라집니다. 이 블로그 게시물에서는 세 가지 옵션을 모두 설명하며, 가장 적합한 옵션에 대한 세부 정보와 단계별 지침을 제공합니다.

옵션 1: Shopify 앱 스토어 확장 프로그램 설치하기

Shopify에서 판매하는 대부분의 판매자가 타이머를 추가하려고 할 때 가장 먼저 찾는 곳이 Shopify 앱 스토어입니다. Hextom 카운트다운 타이머 바(Hextom Countdown Timer Bar)나 에센셜 카운트다운 타이머 바(Essential Countdown Timer Bar)와 같은 앱이 인기 있는 선택입니다. 둘 다 노코드 방식이라 설정이 빠르고 개발자가 필요하지 않습니다.

하지만 비용과 성능 면에서 절충해야 할 부분이 있습니다.

대부분의 앱이 무료 플랜을 제공하지만 추가 뷰, 기능 또는 여러 개의 타이머를 사용하려면 업그레이드해야 할 수 있으며, 이러한 업그레이드 비용은 월평균 5~15달러가 추가로 듭니다. 예를 들어 Hextom의 유료 플랜은 월 9.99달러부터 시작하고 Essential Countdown 플랜은 월 6.99달러부터 시작합니다.

여러 개의 타사 앱을 중복해서 사용하는 것은 Shopify 스토어의 속도를 늦추는 가장 확실한 방법 중 하나이기도 하며, 스토어프론트가 느려지면 전환율이 떨어집니다. 이는 타이머가 제공해야 하는 본래의 목적과 정확히 반대되는 결과입니다.

앱 시작 방법

1. Shopify 앱 스토어로 이동하여 카운트다운 타이머 앱을 검색합니다.
2. 설치를 클릭하고 설치 안내에 따라 스토어에 연결합니다.

3. 앱 대시보드에서 위젯 만들기(Create widget)를 선택하고 종료 날짜, 표시 페이지, 디자인 등 타이머 유형과 설정을 구성합니다. 준비가 되면 오른쪽의 토글 버튼을 켭니다.

옵션 2: 무료 임베드형 카운트다운 위젯 사용하기(권장)

월별 요금을 지불하거나 스토어 속도를 늦추지 않고 Shopify 제품 페이지에 긴박감을 더하고 싶다면 무료 HTML 임베드가 더 나은 방법입니다. 이 방법은 스토어프론트를 가볍게 유지하고 이윤을 보호하며 디자인을 완벽하게 제어할 수 있게 해줍니다.

당사의 Jform 카운트다운 타이머 위젯이 바로 이러한 역할을 합니다. 이 위젯은 구독할 필요 없이 모두 사용할 수 있는 무료 웹사이트 위젯 컬렉션의 일부입니다.

브랜드에 맞게 색상, 글꼴, 레이아웃을 사용자 지정한 다음, 모든 Shopify 테마 편집기에 내장된 기본 Custom Liquid 또는 Custom HTML 블록을 사용하여 Shopify에 카운트다운을 임베드할 수 있습니다.

이는 사이트를 무겁게 만들거나 예산에 반복적인 비용 항목을 추가하지 않으면서 안정적이고 무료인 Shopify 카운트다운 타이머를 원하는 판매자에게 권장하는 방법입니다.

설정 방법

1. 타이머를 사용자 지정하려면 Jform 카운트다운 타이머 위젯 페이지를 방문하세요. 목표 날짜와 시간을 설정하고, 색상을 선택하고, 디자인을 미리 확인합니다(데스크톱과 모바일 모두 미리 볼 수 있습니다). 계속(Continue)을 클릭하고 레이아웃 설정을 선택합니다. 미리보기가 마음에 들면 웹사이트에서 무료로 사용해 보기(Try it on your website for free)를 클릭하고 임베드 코드를 복사합니다.

2. Shopify 계정에서 온라인 스토어(Online Store)로 이동하여 테마 편집(Edit Theme)을 클릭하고 타이머를 표시할 페이지를 엽니다. 원하는 섹션(예: 제품 페이지의 장바구니에 담기(Add to Cart) 버튼 위 또는 공지 표시줄)에 Custom Liquid 또는 Custom HTML 블록을 추가합니다.

3. 블록에 임베드 코드를 붙여넣고 저장(Save)을 누릅니다. 이제 완료되었습니다. 맞춤형 HTML 카운트다운이 Shopify에서 활성화되어 똑딱거리기 시작합니다!

옵션 3: 프리미엄 Shopify 테마로 업그레이드하기

일부 판매자는 타사 임베드를 사용하기보다는 기능을 테마에 직접 내장하는 것을 선호합니다. Shopify 테마 스토어의 많은 유료 테마에는 테마 편집기에 카운트다운 타이머 섹션이 포함되어 있어, 추가 도구 없이도 바로 구성할 수 있습니다.

이 방법은 이미 스토어 전체를 재설계할 계획이 있거나 카운트다운 타이머 섹션이 포함된 프리미엄 테마를 이미 소유하고 있는 경우에 적합합니다. 하지만 필요한 기능이 타이머뿐이라면, 무료로 얻을 수 있는 단일 요소를 위해 프리미엄 테마를 구매하는 것은 상당한 투자가 될 수 있습니다(프리미엄 테마는 평균 100달러에서 350달러 이상이며 일회성 요금으로 지불합니다).

프리미엄 Shopify 테마에서 타이머를 활성화하는 방법

1. Shopify 계정에서 온라인 스토어(Online Store)로 이동하여 테마 스토어 방문(Visit Theme Store)을 클릭하여 유료 옵션을 찾아봅니다. 기능 아래의 카운트다운 타이머(Countdown timer)로 필터링하거나 기능 목록에 카운트다운 타이머가 있는 테마를 검색합니다.

2. 선택한 테마를 구매하고 설치한 후 테마 편집(Edit Theme)을 클릭하여 테마 편집기를 엽니다. 카운트다운 섹션을 찾습니다. 이 섹션은 일반적으로 사이드바에 어떤 페이지 템플릿으로든 드래그할 수 있는 독립 실행형 섹션으로 나열되어 있습니다.
3. 종료 날짜와 시간을 구성하고, 디스플레이 문구를 업데이트한 다음, 저장하고 게시합니다.

무료 노코드 위젯으로 Shopify 스토어 향상하기

스토어에 추가하는 모든 기능에 대해 월간 구독료를 지불하는 것은 이윤이 이미 적은 드롭시퍼나 소규모 판매자에게 심각한 간접비 문제로 빠르게 번질 수 있습니다.

Jform 카운트다운 위젯은 반복적인 비용이나 스토어프론트의 성능 저하 없이 검증된 긴박감 유도 도구를 무료로 제공합니다.

하지만 카운트다운 위젯은 훨씬 더 큰 툴킷의 한 부분일 뿐입니다. 당사의 무료 Jform 웹사이트 위젯 디렉터리에는 소셜 피드부터 고객 리뷰, 양식에 이르기까지 모든 것을 스토어프론트에 빠르게 추가할 수 있도록 돕는 150개 이상의 위젯이 포함되어 있습니다.

Shopify 스토어에서 살펴볼 가치가 있는 몇 가지 위젯은 다음과 같습니다.

• 배너 위젯(Banner Widget): 스토어 콘텐츠 바로 위에 프로모션, 할인 행사, 시즌 캠페인을 위한 맞춤형 공지 표시줄을 추가해 보세요.
• 리뷰 위젯(Review Widgets): Google, Facebook, Etsy, eBay 등의 고객 피드백을 가져올 수 있습니다.
• 이커머스 위젯(E-Commerce Widgets): 제품 전시, 가격 책정, 프로모션 및 전환율에 맞춰 구축된 추가 도구를 보려면 전체 이커머스 카테고리를 찾아보세요.

이 모든 위젯은 카운트다운 타이머 위젯과 동일한 임베드 과정을 따릅니다. 코드를 복사하여 맞춤형 HTML 블록에 붙여넣기만 하면 됩니다.

Jform 웹사이트 위젯 디렉터리 전체를 살펴보고 스토어에 무료로 추가할 수 있는 다른 기능도 확인해 보세요.