쇼피파이에 공지사항 바를 추가하는 방법

Shopify 공지사항 바(헬로 바, 프로모션 배너 또는 스티키 배너라고도 함)는 웹사이트의 내비게이션 위쪽 상단을 가로지르는 얇은 배너입니다. 이는 플래시 세일이나 무료 배송 마감일과 같이 판매를 촉진할 수 있는 혜택을 사용자에게 알리는 데 자주 사용됩니다.  

기본 Dawn 테마를 포함한 일부 Shopify 온라인 스토어 2.0 테마에는 기본 공지사항 바가 함께 제공됩니다. 좋은 출발점이지만 기능이 꽤 제한적입니다. Dawn 테마를 사용하면 기본 색상표를 사용자 정의하고, 소셜 미디어 아이콘을 추가 또는 제거하며, 순환하는 공지사항당 텍스트 한 줄이나 링크를 추가하는 정도만 가능합니다.

여러 줄의 텍스트, 버튼, 클릭하여 복사하는 쿠폰 코드 또는 희소성을 더하는 카운트다운 타이머와 같이 더 동적인 것을 구상하고 있다면 기본 편집기로는 부족할 것입니다. 

Shopify에서 전환율이 높은 맞춤형 공지사항 바를 구축하려면 Shopify 앱 스토어에서 타사 앱을 설치하거나 사이트 속도를 유지하고 예산을 절약할 수 있는 가볍고 무료인 공지사항 바 위젯을 사용할 수 있습니다. 여기서는 두 가지 방법을 모두 살펴봅니다.

Watch on youtube

How to Add an Announcement Bar to Shopify

옵션 1: 전용 Shopify 배너 앱 설치하기

판매자가 Shopify에 스티키 배너를 추가하는 가장 일반적인 방법은 Shopify 앱 스토어로 이동하여 타사 마케팅 앱을 설치하는 것입니다. 

일반적인 설정 과정은 다음과 같습니다:

1. Shopify 앱 스토어에서 “announcement bar(공지사항 바)” 또는 “promo banner(프로모션 배너)” 앱을 검색합니다.

2. 앱을 설치하고 앱의 온보딩 절차를 통해 테마에 추가합니다.

3. 앱 대시보드에서 배너의 텍스트, 색상 및 동작을 사용자 정의합니다.

배너를 사용자 정의하는 작업 흐름은 플러그인에 따라 다릅니다. 이전 이미지는 Attrac 플러그인을 사용하여 배너 너비를 사용자 정의하는 방법을 보여줍니다.

이는 많은 판매자가 기본적으로 선택하는 방법이지만, 결정하기 전에 알아두어야 할 두 가지 단점이 있습니다:

1. 타사 배너 앱은 JavaScript를 추가할 수 있습니다: 애니메이션, 순환 메시지 또는 카운트다운 타이머를 구동하기 위해 이를 수행하며, 해당 코드는 종종 페이지 상단 근처에서 로드됩니다. 앱이 구축된 방식에 따라 페이지 속도가 느려지고 코어 웹 바이탈(Core Web Vitals)에 영향을 미칠 수 있습니다. 설치하기 전에 리뷰를 확인하고 앱이 실제 성능에 미치는 영향에 대해 다른 스토어 소유자가 어떻게 평가하는지 살펴보세요.
2. Shopify의 많은 무료 헬로 바는 제한적입니다: 무료 요금제는 사용자를 끌어들이기 위해 설계되었으며, 카운트다운 타이머, 지역 타겟팅 또는 단순히 앱의 워터마크 제거와 같이 실제로 원하는 기능은 월간 구독을 해야만 사용할 수 있도록 잠겨 있습니다.

이 모든 것을 건너뛰고 싶다면, 다음에 소개할 무료 웹사이트 위젯을 살펴보세요.

옵션 2: 맞춤 설정이 가능한 무료 공지사항 바 위젯 추가하기 (권장)

필요한 모든 기능을 갖춘 역동적이고 세련된 프로모션 배너를 원하며, 사이트 속도를 유지하면서 무료로 사용하고 싶다면, 신뢰할 수 있는 호스팅 기반의 위젯을 삽입하는 것이 더 나은 방법입니다. 

이때 유용한 것이 Jform의 공지사항 바 위젯입니다. 이 위젯은 Shopify 프로모션 배너 앱의 대안으로 효과적으로 작동합니다.

설정 방법은 아주 간단합니다:

1. Jform 위젯 편집기에서 배너를 만들고, 일반(General) 설정에서 텍스트와 CTA 버튼 또는 카운트다운 타이머를 추가합니다.

2. Shopify 테마와 어울리도록 색상과 레이아웃을 사용자 정의합니다.

3. 계속(Continue)을 클릭하고 코드 복사(Copy Code)를 클릭하여 삽입용 스니펫을 복사합니다.

4. Shopify 테마 편집기의 사용자 지정 Liquid(Custom Liquid) 또는 사용자 지정 HTML(Custom HTML) 블록에 스니펫을 붙여넣습니다. 

이 방법의 장점은 프리미엄 업그레이드 없이도 레이아웃을 완전히 사용자 정의하고 Shopify 테마의 색상과 정확하게 일치시킬 수 있다는 것입니다. 

또한 위젯이 서버 외부(off-server)의 Shopify 공지사항 바 삽입 형태이기 때문에, 애니메이션, 타이머, 스타일링 등과 같은 모든 무거운 작업이 Shopify 테마 외부에서 처리됩니다. 즉, 다음과 같은 이점을 얻을 수 있습니다:

• Shopify의 글로벌 사이트 스타일과 독립적으로 실행되는 깔끔한 스타일링으로 테마와 충돌이 없습니다.
• 페이지 속도를 저하시키는 렌더링 차단 코드가 없어 로드 시간이 빠릅니다.
• 카운트다운 타이머나 기타 유용한 기능을 표시하기 위해 호스팅 청구서에 추가되는 반복적인 비용이 없습니다.

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

공지사항 바는 시작에 불과합니다. Jform은 Shopify와 연동되며, 동일한 서버 외부(off-server) 방식을 통해 동일한 유연성을 제공하는 다양한 무료 웹사이트 위젯 컬렉션을 갖추고 있습니다.

Shopify 스토어를 성장시키고 있다면 확인해 볼 만한 몇 가지 위젯은 다음과 같습니다:

• 제품 페이지에 바로 고객 피드백을 표시하고 결제 전에 신뢰를 구축할 수 있는 Google 리뷰 위젯
• 실시간 페이지 활동을 보여주고 트래픽이 많은 목록에 사회적 증거(social proof)를 더하는 방문자 카운터 위젯
• 공지사항 바에 구축하는 것과 유사하게 기간 한정 혜택에 대한 긴장감을 강화하는 카운트다운 위젯
• 전용 랜딩 페이지 없이 이메일 가입을 유도하거나 할인 코드를 홍보할 수 있는 팝업 위젯

성장하는 이커머스 브랜드로서 마케팅 예산은 배너를 제대로 표시하기 위해 반복적인 앱 수수료를 지불하는 데 쓰기보다는 Shopify에서 판매하고, 제품을 소싱하고, 고객을 확보하는 데 사용하는 것이 좋습니다. Jform 공지사항 바 위젯과 같은 무료 서버 외부 도구를 사용하면 프리미엄의 전환율 높은 프로모션 바를 단 몇 분 만에 배포할 수 있습니다. 위젯이 활성화되면 스토어 성장에 도움이 될 다음 위젯에 관심을 집중할 수 있습니다. 오늘 바로 사용해 보세요.