Shopify에 스티키 장바구니 버튼 추가하는 방법

“장바구니에 추가” 버튼은 모든 상품 페이지에서 가장 중요한 요소 중 하나입니다. 하지만 고객이 상품 페이지를 아래로 스크롤하면 원래 버튼이 화면에서 사라지는 경우가 많아 구매가 더 어려워질 수 있습니다.

Progus Sticky Add to Cart Bar는 고객이 상품을 둘러보는 동안에도 구매 버튼이 계속 보이도록 해 이 문제를 해결합니다. 스토어에 스티키 CTA가 적합한지 아직 고민 중이라면, Sticky Add to Cart와 일반 장바구니 버튼의 차이를 비교한 가이드를 확인해 보세요.

이 가이드에서는 Shopify 스토어에 Progus Sticky Add to Cart를 추가하고, 앱을 활성화한 뒤, 스티키 바를 원하는 방식으로 설정하는 방법을 안내합니다.

1단계: Progus Sticky Add to Cart 설치 및 실행

시작하는 방법은 두 가지입니다.

방법 1: Shopify App Store에서 설치

• Shopify App Store로 이동합니다
• Progus Sticky Add to Cart Bar를 검색합니다
• Install을 클릭합니다

방법 2: Progus 웹사이트에서 설치

공식 페이지에서 바로 설치할 수도 있습니다: Progus Sticky Add to Cart

설치 후: Shopify 대시보드에서 앱을 실행하세요.

메인 대시보드에 설정 가이드가 표시되며, 이를 통해 앱 활성화, Sticky Add to Cart Bar 맞춤 설정, 그리고 스토어에서 정상 작동하는지 확인할 수 있습니다.

2단계: 앱 활성화

Shopify 대시보드에서 Progus Sticky Add to Cart를 열면 메인 설정 가이드가 표시됩니다.

먼저 앱을 활성화하세요. Activate를 클릭합니다.

Shopify가 테마 앱 임베드 설정 화면을 열 수 있습니다. 이 경우 앱 임베드를 활성화한 뒤, 오른쪽 상단의 Save 를 클릭하세요.

그다음 Progus Sticky Add to Cart로 돌아와 필요하면 설정 상태를 새로고침하세요.

3단계: 커스터마이징 패널 열기

앱이 활성화되면 설정 가이드로 돌아가 Customize를 클릭하세요.

그러면 커스터마이징 패널이 열리고, 여기서 Sticky Add to Cart를 수정하면서 화면 오른쪽에서 변경 사항을 미리 볼 수 있습니다.

4단계: 바 설정 구성하기

먼저 Bar 섹션부터 시작하세요. 여기에서 Sticky Add to Cart Bar의 전체적인 디자인과 동작 방식을 설정할 수 있습니다.

다음과 같은 항목을 조정할 수 있습니다.

• 배경 모드 및 색상
• 바 위치 및 표시 여부
• 효과
• 테두리
• 여백

고객의 시선을 끌되 상품 페이지 탐색을 방해하지 않는 설정을 선택하는 것이 좋습니다. 대부분의 스토어에서는 특히 모바일에서 화면 하단에 바를 배치하는 것이 좋은 시작점입니다.

5단계: 카운트다운 또는 안내 메시지 추가

Countdown 섹션으로 이동해 스티키 바에 짧은 메시지나 타이머를 추가하세요.

카운트다운이 표시되는 시점, 메시지 내용, 색상, 그리고 고정 시간 또는 특정 종료 날짜를 설정할 수 있습니다.

이 섹션은 실제 프로모션이나 기간 한정 혜택이 있을 때 활용하는 것이 좋으며, 메시지는 짧게 유지해 구매 결정에 도움을 주되 고객의 집중을 흐리지 않도록 하세요.

6단계: 상품 정보 설정하기

Product 섹션에서 스티키 바에 어떤 상품 정보를 표시할지 선택할 수 있습니다.

상품 이미지, 상품명, 가격, 비교 가격, 할인 배지를 표시하거나 숨길 수 있습니다.

대부분의 스토어에서는 상품명, 가격, 그리고 장바구니 버튼만 있어도 바를 깔끔하고 사용하기 쉽게 유지할 수 있습니다.

7단계: 수량 및 옵션 설정 조정

Quantity 섹션에서 수량 선택기와 옵션 선택기를 활성화할 수 있습니다.

상품에 사이즈나 색상 같은 옵션이 있다면 옵션 선택기를 표시해 구매 과정을 더 매끄럽게 만들 수 있습니다. 특히 모바일에서는 고객이 부담 없이 옵션을 고를 수 있도록 이 섹션을 최대한 단순하게 유지하세요.

8단계: 장바구니 버튼 꾸미기

Add To Cart 섹션으로 이동해 버튼 문구, 색상, 클릭 후 동작을 설정하세요.

CTA 문구는 원하는 표현으로 바꿀 수 있습니다. 예를 들어 장바구니에 추가, 담기, 주문하기 같은 문구를 사용할 수 있습니다.

고객이 버튼을 클릭한 뒤 어떤 동작이 일어날지도 선택할 수 있습니다.

• 현재 페이지에 머무르기
• 장바구니로 이동
• 결제로 이동

대부분의 스토어에서는 장바구니에 추가 처럼 익숙하고 명확한 문구가 가장 안전한 선택입니다. 구매 단계를 줄이고 싶다면 고객을 바로 장바구니나 결제 페이지로 보내는 방식도 테스트해볼 수 있습니다.

9단계: 스티키 바 표시 위치 선택

Display 섹션에서 Sticky Add to Cart Bar를 어디에 표시할지 선택하세요.

다음 위치에 표시할 수 있습니다.

• 모든 상품
• 특정 상품
• 특정 컬렉션

필요하다면 선택한 상품이나 컬렉션을 제외할 수도 있습니다.

처음 앱을 설정하는 경우에는 모든 상품 으로 시작한 뒤 나중에 표시 규칙을 조정하는 것이 좋습니다.

10단계: 미리보기, 테스트, 설정 확인

설정을 마무리하기 전에 미리보기 영역에서 Sticky Add to Cart Bar가 데스크톱과 모바일에서 어떻게 보이는지 확인하세요. CTA가 잘 보이는지, 텍스트가 읽기 쉬운지, 그리고 바가 중요한 콘텐츠를 가리지 않는지 점검하는 것이 중요합니다.

그다음 실제 상품 페이지를 열고 스크롤을 내려 Sticky Add to Cart Bar가 나타나는지 확인한 뒤, 상품을 장바구니에 담아 버튼이 정상 작동하는지 테스트하세요. 모든 것이 제대로 작동하면 설정 가이드로 돌아가 Confirm을 클릭합니다.

이제 Progus Sticky Add to Cart Bar가 Shopify 스토어에서 고객이 둘러보는 동안에도 CTA를 계속 눈에 띄게 유지해 줄 준비를 마쳤습니다.

설치 후 운영 팁

설정이 끝난 뒤에는 스티키 바를 단순하고, 잘 보이고, 사용하기 쉽게 유지하세요.

• 스토어 색상과 전체 디자인에 맞게 바를 구성하기
• CTA 문구를 명확하고 이해하기 쉽게 유지하기
• 모바일 버전을 꼼꼼하게 테스트하기
• 한 번에 너무 많은 요소를 추가하지 않기
• 카운트다운이나 안내 메시지는 실제 혜택이 있을 때만 사용하기

목표는 구매 과정을 더 쉽게 만드는 것이지, 상품 페이지에서 고객의 집중을 흐트러뜨리는 것이 아닙니다.

장바구니 버튼이 잘 보이는데도 클릭이 나오지 않는다면, 다음 가이드도 확인해 보세요: 사용자가 장바구니 버튼을 클릭하지 않는 이유 →

요약

Progus Sticky Add to Cart Bar를 Shopify 스토어에 추가하면 CTA 노출을 높이고 구매 흐름을 더 매끄럽게 만드는 데 도움이 됩니다.

이 앱을 사용하면 장바구니 버튼을 항상 보이게 유지하고, 스티키 바를 원하는 대로 설정하며, 프로모션 메시지를 추가하고, 표시 위치까지 제어할 수 있습니다.

설정은 빠르고 간단하며, 무료로 설치할 수 있도록 설계되었습니다.

Progus Sticky Add to Cart를 사용해 장바구니 버튼을 항상 보이게 만들어보세요 →

자주 묻는 질문

Shopify에 Sticky Add to Cart를 어떻게 추가하나요?

Shopify App Store 또는 Progus 웹사이트에서 Progus Sticky Add to Cart를 설치한 뒤, Shopify에서 앱을 활성화하고, 스티키 바를 설정한 다음, 상품 페이지에서 테스트하면 됩니다.

설치하려면 코딩이 필요한가요?

아니요. Progus Sticky Add to Cart는 코딩 없이 빠르고 쉽게 설정할 수 있도록 설계되었습니다.

Progus Sticky Add to Cart는 무료인가요?

네, 무료로 설치할 수 있습니다.

Sticky Add to Cart는 모바일에서도 작동하나요?

네. 설정을 확정하기 전에 데스크톱과 모바일 모두에서 스티키 바를 미리 보고 테스트할 수 있습니다.

스티키 바를 원하는 대로 설정할 수 있나요?

네. 바 디자인, 상품 정보, 카운트다운 메시지, 장바구니 버튼, 표시 규칙까지 모두 설정할 수 있습니다.

이 앱이 Shopify 스토어 속도를 느리게 만들까요?

이 앱은 가볍게 동작하도록 설계되었지만, 어떤 Shopify 앱이든 설치 후에는 스토어 성능을 테스트해 보는 것이 좋습니다.