Shopify에 팝업을 추가하는 방법
게시 됨: 2021-11-26Shopify 스토어에 팝업을 추가하는 이유는 무엇입니까?
간단 해.
다음과 같은 많은 전자상거래 목표를 달성할 수 있습니다.
- 웹사이트 트래픽의 최대 10% 전환
- 버려진 장바구니 복구
- 매달 수천 개의 리드 생성
- 판매 및 프로모션이 있는 페이지로 트래픽 유도
달성하려는 비즈니스 성장 목표처럼 들리나요? 그렇다면 Shopify에 팝업을 추가하는 방법을 알아보겠습니다.
콘텐츠 섹션으로 이동:
- Shopify 팝업 유형
- Shopify에서 팝업을 추가하는 방법
Shopify에 추가할 팝업 유형
Shopify 스토어 방문자를 전환하는 데 사용할 수 있는 팝업 유형이 많이 있습니다. 각 유형은 특정 목표를 달성하도록 설계되었습니다.
Shopify 팝업 앱에는 다양한 목표를 위해 미리 만들어진 팝업이 있으므로 적절한 팝업을 선택하고 사용자 정의한 다음 스토어에 추가하기만 하면 됩니다.
가장 인기 있는 팝업 유형은 다음과 같습니다.
- 이메일 팝업 . 인센티브를 받는 대가로 이메일을 요청하세요.
- 설문조사 팝업 . 방문자로부터 피드백/답변 수집
- 쿠폰 팝업 . 할인 쿠폰을 제공하여 매출 증대
- 뉴스레터 팝업 . 사용자에게 이메일 뉴스레터 구독 요청
- 스핀 투 윈 팝업 . 방문자를 게임에 초대
- 모바일 친화적인 팝업 . 모바일 기기에서 보기에 최적화
- 판매 판촉 팝업 . 판매 촉진을 위한 프로모션 세부 정보 공유
- 장바구니 복구 팝업 . 미리 알림 및/또는 할인 및 무료 배송과 같은 인센티브로 장바구니 포기를 줄입니다.
고려해야 할 Shopify 팝업이 더 있습니다. 그러나 좋은 소식은 이러한 모든 유형 등을 사용하려면 Shopify 팝업 도구가 하나만 필요하다는 것 입니다.
| 다양한 유형의 팝업에 대한 자세한 정보가 필요하십니까? 다른 가이드를 살펴보십시오. 이메일 팝업의 40가지 예 Spin-to-Win 팝업을 만드는 방법 SMS 팝업의 예 + 생성 방법 |
Shopify에 팝업을 추가하는 방법
이제 팝업이 무엇이며 Shopify 스토어에 제공하는 많은 이점을 알았으니 하나 만들어 보겠습니다.
1단계: 스토어에 Shopify 팝업 앱 추가 [무료]
이 튜토리얼에서는 Wisepops 를 사용할 것입니다.
이 Shopify 팝업 앱을 사용하면 모든 팝업 유형을 사용할 수 있습니다. 그러나 가장 중요한 것은 Wisepops가 Shopify 사용자로부터 별 4.9개(5점 만점 에)를 받았습니다.
Shopify에 팝업을 추가하려면 Shopify 앱 스토어의 Wisepops 페이지 로 이동하십시오. 앱 추가 를 클릭하여 설치를 시작합니다.

스토어에서 로그아웃한 경우 앱 추가 를 클릭하면 Shopify 로그인 페이지로 이동합니다. 세부 정보를 입력하여 설치를 완료합니다.
다음 -
로그인하면 Shopify 관리자 패널에 Wisepops 설치에 대해 알리는 창이 표시됩니다. 앱 설치 를 클릭합니다.

앱 설치 버튼을 클릭하면 Wisepops Shopify 등록 페이지 로 이동합니다.
이제 다음 단계인 Wisepops에 세부 정보를 추가해 보겠습니다.
2단계: 무료 Wisepops 계정 받기
Wisepops 앱에는 두 가지 간단한 등록 단계가 있습니다.
Gmail 또는 이름, 이메일 및 비밀번호의 두 가지 방법으로 등록할 수 있습니다. 계속하려면 원하는 등록 방법을 선택하세요.

다음 창에서 –
웹사이트, 회사 이름 및 규모, 기타 비즈니스 관련 정보를 추가하세요. 이러한 답변은 Wisepops가 앱 경험을 보다 적절하게 만드는 데 도움이 될 것입니다.

내 무료 평가판 시작 을 클릭하여 등록을 완료하고 Shopify 스토어를 Wisepops와 통합하십시오.
이것은 3초가 걸리므로 이제 첫 번째 팝업 캠페인을 만들어 방문자를 전환할 수 있습니다!
| 참고 : 설정 코드를 사용하여 상점에 Wisepops를 추가할 수도 있습니다 . 1단계 : Wisepops 웹사이트에서 무료 계정을 만드세요. 2단계 : Wisepops에서 설정 > 웹사이트 로 이동하여 점 3개 아이콘을 클릭합니다. 3단계: 코드를 표시하는 메뉴에서 설정 코드 를 선택합니다. 4단계: 상점 테마의 </body> 태그 바로 앞에 코드를 추가합니다. | ![]() |
| Shopify 스토어에 Wisepops를 추가하는 데 도움이 필요하십니까? 웹사이트의 라이브 채팅 버튼을 사용하여 지원팀에 전화를 끊으십시오. 도움말 센터 를 방문하십시오( Wisepops 코드 삽입에 대한 이 섹션은 유용할 것입니다) |
3단계: 팝업 캠페인 만들기
Wisepops 대시보드로 돌아가 보겠습니다.
Shopify 스토어에 대한 새 팝업을 만들려면 새 캠페인을 클릭합니다.

메뉴에는 Campaign Assistant 및 Custom Campaign 의 두 가지 옵션이 있습니다.

캠페인을 처음 생성하는 경우 캠페인 도우미를 선택합니다. 이렇게 하면 프로세스 전반에 걸쳐 팁을 얻을 수 있으므로 Shopify에 팝업을 더 쉽게 추가할 수 있습니다.
계속하려면 Campaign Assistant 를 클릭하십시오.
4단계: 캠페인 목표 선택
첫 번째 Shopify 팝업의 목표를 결정할 시간입니다.
어떤 Shopify 매장 소유자가 그것을 원하지 않을 것이기 때문에 판매 촉진으로 가 봅시다.

판매 촉진 을 클릭합니다.
다음으로 Wisepops는 무료 배송, 첫 주문 쿠폰, 기간 한정 제안 등 판매를 유도하는 방법을 보여줍니다.
무료 배송 을 선택합시다.
즉, 일정 금액 이상 구매 시 고객에게 무료 배송을 제공합니다. 이 기술은 사람들이 온라인 쇼핑을 하는 가장 큰 이유가 무료 배송이기 때문에 매출 증대에 도움이 될 수 있습니다.

5단계: 팝업 템플릿 선택
무료 배송 을 선택하면 자동으로 템플릿 라이브러리로 리디렉션됩니다. 여기에서 Shopify 팝업 형식을 선택할 수 있습니다.

세 번째 템플릿을 선택하겠습니다(아래 참조). 화면 구석에 표시할 수 있는 방해가 되지 않는 웹사이트 팝업입니다.

Wisepops에서 이 팝업의 미리보기가 있습니다(보려면 로그인해야 함).
참고: Shopify 스토어에서 각 템플릿이 어떻게 보이는지 확인할 수 있습니다. 템플릿 위로 마우스를 가져갈 때 나타나는 미리보기 버튼을 클릭하기만 하면 됩니다. ![]() |
6단계: 캠페인 맞춤설정
팝업 템플릿을 선택하면 캠페인 편집기로 리디렉션됩니다.
캠페인이 Shopify 스토어의 자연스러운 부분처럼 보이도록 합시다. 간단합니다. 요소 위로 마우스를 가져가면 편집 옵션을 볼 수 있습니다.
여기처럼 팝업의 메인 헤드라인 위로 마우스를 가져가면 옵션이 나타납니다.

사용자 정의 팁:
- 원본 이미지 추가
- 디자인 일관성을 위해 브랜드 색상 사용
- CTA 버튼에 대비되는 색상을 주어 눈에 띄게 만듭니다.
- 방문자를 구매로 유도하기 위해 CTA 텍스트 메뉴에 제품 페이지 또는 제품 카테고리 페이지에 대한 링크를 추가합니다.
또한 여기에 팁이 있습니다. 무료 배송 임계값을 $100로 설정해 보세요. 방문자가 무료 배송을 시작하기 위해 지출해야 하는 금액입니다.
National Retail Federation은 고객의 65%가 장바구니에 제품을 추가하기 전에 임계값에 주의를 기울일 것을 제안합니다. 귀하의 임계값은 분명히 상품 비용의 영향을 받습니다.
| 영감을 주는 아름다운 팝업의 예를 원하십니까? 보기 좋은 Shopify 팝업 예제 25개 이메일 팝업 디자인 예제 + 프로 디자인 팁 20가지 멋진 팝업 디자인 예제 + 모범 사례 |
7단계: 팝업 표시 시나리오 구성
팝업 타이밍은 전환을 극대화하는 데 결정적인 역할을 합니다.
이 경우 모든 방문자가 Shopify 팝업을 볼 수 있기를 바랍니다. 그렇기 때문에 매장이 로드될 때 캠페인을 표시하고 싶을 수 있습니다.타이밍을 설정하려면 트리거 로 이동하십시오.
디스플레이 메뉴의 탭.
여기에서 착륙 시 를 선택합니다.

타이밍을 설정했으면 10초 지연을 추가해 보겠습니다.
이것은 팝업 표시를 10초 지연시키는 것을 의미합니다. 팝업의 즉각적인 표시는 일부 방문자에게 실망스러울 수 있으므로 지연으로 인해 먼저 빠르게 둘러볼 수 있습니다.
지연을 추가하려면 트리거 탭에서 타이밍 섹션을 찾으십시오. 거기에서 지연 후 를 클릭합니다.

지연 후 를 클릭하면 입력 필드와 보관용 계정이 표시됩니다.
상자에 "10"을 추가하고 드롭다운 메뉴 에서 페이지의 초를 선택합니다(아래 이미지와 같이). 완료되면 +규칙 추가 를 클릭합니다.

이제 시간 지연이 추가되어 캠페인 생성 작업이 거의 완료되었습니다.
캠페인을 저장할 시간입니다.
편집기의 오른쪽 상단에서 저장 을 클릭합니다.

| 팝업 타이밍이 전환에 미치는 영향에 대한 추가 정보: 제안을 표시하기에 가장 좋은 시간을 찾는 방법 . |
8단계: Shopify 팝업 캠페인 활성화
귀하와 라이브 캠페인 사이의 유일한 단계는 활성화입니다.
이제 해보자.
대시보드로 이동하여(왼쪽 상단 모서리에 있는 Wisepops 로고 클릭) 캠페인 탭에 있는지 확인합니다.
거기에서 토글 스위치를 켜짐(아래 그림과 같이 올바른 위치)으로 설정합니다. 그렇게 하면 캠페인이 실행됩니다!

| Spin-to-Win 팝업 튜토리얼 매월 5,000개의 리드를 생성하는 팝업을 만드는 것은 어떻습니까? 이 Faguo 사례 연구 에서 브랜드의 가장 성공적인 스핀 투 윈(spin-to-win) 팝업 캠페인을 재현하는 자습서를 찾으십시오. ![]() |
Shopify 팝업에 대해 자세히 알아보기
Wisepops를 사용하면 거의 모든 Shopify 팝업 캠페인을 실행하여 성장 목표를 달성할 수 있습니다. 즉, Wisepops에서 전환 지향 기능, 멋진 팝업 템플릿 및 프로 마케팅 팁을 많이 찾을 수 있습니다.
여기에서 다음 옵션을 탐색하는 것이 좋습니다.
- 기본 메뉴 기능 실험
- 제품 둘러보기 를 통해 팝업 유형 및 이점에 대해 자세히 알아보십시오.
- Asphalte 사례 연구 및 OverstockArt 사례 연구 를 읽고 기업에서 Wisepops를 사용하여 매월 수천 개의 리드를 생성하는 방법을 알아보세요.
Wisepops의 기본 메뉴에는 팝업 캠페인에 대한 많은 사용자 정의가 포함되어 있습니다. 예를 들어 팝업 및 블록 섹션을 사용하여 다양한 크기, 형식, 레이아웃의 팝업을 만들고 다른 버튼을 추가할 수 있습니다.

또한 우리 블로그는 팝업 팁, 성공 사례 및 모범 사례의 소스입니다. 다음 게시물은 귀하와 같은 Shopify 스토어 소유자에게 흥미로울 것입니다.
- 옵트인 비율을 높이는 5가지 팝업 전략
- Shopify에서 판매를 얻는 방법: 12가지 팁 + 예
- 리드 및 판매 생성을 위한 15가지 팝업 모범 사례
마지막으로 중요한 것은 -
축하합니다. 해냈습니다!
팝업 캠페인을 통해 방문자를 전환시키는 Shopify 매장 클럽에 가입하셨습니다. 캠페인을 만들고 제안을 실험하고 비즈니스를 성장시키십시오.
Shopify에 팝업을 추가하는 방법: 요약
Shopify 팝업은 최고의 현장 마케팅 및 리드 생성 기술이 될 수 있습니다. 첫 번째 캠페인을 만들고 방문자를 위해 다양한 방법과 인센티브를 시도하고 비즈니스 성장을 전례 없는 수준으로 지켜보십시오.
시도해 보세요. Shopify 팝업을 사용하면 자동 조종 장치에서 수천 개의 리드를 생성할 수 있습니다.



