변환 경험을 사용하여 Shopify 스토어를 최적화하는 방법

Shopify 온라인 스토어의 모든 잠재력을 알고 있습니까? 트래픽을 늘리고 전환을 늘릴 수 있도록 페이지를 한 단계 업그레이드하는 방법을 배울 준비가 되셨습니까? 전자상거래 비즈니스에 적합한 CRO 솔루션을 찾고 있는 Shopify 매장 소유자라면 잘 찾아오셨습니다!

Shopify의 A/B 테스트는 온라인 스토어의 최대 성공을 달성하기 위한 핵심 구성 요소입니다. 대상 고객이 구매하도록 동기를 부여하고 장바구니를 포기하는 요인에 대한 중요한 통찰력을 제공합니다.

변형의 차이는 종종 작기 때문에 전자 상거래 사이트의 어떤 구성 요소가 귀하에게 불리하게 작용하는지 정확히 파악하기 어려울 수 있습니다.

A/B 테스트를 통해 랜딩 페이지를 완전히 최적화할 수 있는 카피, 사진, CTA 포지셔닝 및 평가 배치에 대한 조정을 확인할 수 있습니다.

Shopify 앱 스토어의 여러 앱에서 Shopify A/B 테스트(기능이 극도로 제한됨)를 제공하지만, Convert는 합리적인 가격에 추가 기능이 포함된 훨씬 고급 도구를 제공합니다.

Shopify 스토어 소유자는 경험 변환을 사용하여 잠재고객의 선호도를 더 잘 이해하고 전환율을 최적화할 수 있습니다.

우리의 테스트 도구를 사용하면

• 팝업 최적화,
• 고객을 위한 제품 비교를 가능하게 하고,
• 제품 비디오를 사용하여 매장 내 경험을 만들고,
• 대상 제품 SKU,
• 구독 체크아웃 추적,
• 교차 도메인 추적 사용,
• 가장 효과적인 구매 후 제안을 설정하고,
• 분할 테스트 테마 및
• 전환율이 높은 카테고리 페이지를 설정합니다.

다음은 Convert Experience를 사용하여 Shopify 스토어를 최적화하는 몇 가지 이점입니다.

• 단순성: Convert를 사용하여 무료 평가판을 빠르고 쉽게 설정할 수 있으며, 그 후에는 Shopify A/B, MVT 및 분할 테스트를 사용할 수 있습니다.
• 유능한 시각 및 코딩 편집기: Convert의 고품질 기능은 우수한 테스트를 수행하는 데 필요한 지원을 제공합니다.
• 신속한 고객 서비스: Convert의 고객 서비스는 전화, 이메일 또는 채팅을 통해 연중무휴 24시간 이용 가능합니다. 또한 Convert 도움말 센터에는 문제가 발생할 때 이를 해결하는 데 사용할 수 있는 광범위한 문서가 있습니다.

이제 사용자 지정 앱을 통해 Convert Experiences의 Shopify A/B 테스트 도구를 사용하여 Shopify와 Convert를 통합하는 것이 얼마나 쉬운지 보여드리겠습니다. 당신의 전자상거래 전환율.

Convert의 사용자 지정 앱을 사용하여 Shopify와 통합

Shopify에서 수동으로 Convert를 설치하는 것은 상당히 복잡할 수 있지만 다행히도 더 쉬운 방법이 있습니다. Convert 사용자 지정 앱 은 설치 프로세스를 자동화하여 Shopify 스토어를 간단하게 시작할 수 있습니다.

플러스 플랜(사용자 정의 체크아웃 도메인이 있음)뿐만 아니라 모든 Shopify 플랜에서 수익을 추적할 수도 있습니다.

나만의 변환 API 키 만들기

자신의 변환 API 키를 생성하려면 계정 소유자여야 합니다. 계정 설정으로 이동:

상단에서 API-Keys 탭 메뉴를 선택한 다음 New API-Key 버튼을 클릭하여 직접 생성하십시오.

다음 섹션에서 생성할 사용자 지정 Shopify 앱을 연결하려면 이 키 쌍이 필요합니다.

수익 목표 만들기

이제 간단한 수익 목표를 생성하고 Shopify 스토어에서 실행하는 실험에 추가해야 합니다.

Shopify 맞춤형 앱 생성

Partners.shopify.com으로 이동하여 "앱"을 클릭한 다음 "앱 만들기" 버튼을 클릭합니다.

사용자 지정 앱 선택:

아직 값을 입력하지 마십시오 !

변환 도우미 도구를 사용하여 앱 가치 얻기

도우미 도구 https://helper.convertapps.net/custom-app-info를 방문하여 Shopify 스토어 이름을 입력하면 이전 단계에서 필요한 값을 얻을 수 있습니다.

도우미 도구에서 생성한 앱 이름, 앱 URL 및 허용된 리디렉션 URL을 복사하여 방금 만든 사용자 지정 앱에 삽입합니다.

설치 프로그램 링크 생성

앱이 생성되면 이제 Shopify API 키가 있습니다.

"링크 생성" 버튼을 누릅니다.

도우미 도구에서도 사용할 수 있는 "myshopify" 스토어 도메인을 입력합니다.

판매자 설치 링크를 클릭하여 설치를 완료하십시오.

다음에서 찾을 수 있는 Shopify API 키를 입력해야 합니다.

그런 다음 앱 설치 버튼을 클릭합니다.

귀하의 변환 계정 연결

연결 버튼을 클릭하여 사용자 지정 Shopify 앱을 변환 계정에 연결합니다.

고유한 변환 API 키(이전 섹션에서 생성한 것)를 입력하십시오.

다음으로 이전 섹션에서 만든 수익 목표를 선택합니다.

축하합니다. 이제 Convert와 Shopify가 연결되었습니다!

저장 버튼을 클릭하면 활성화 버튼을 사용할 수 있음을 알 수 있습니다.

활성화 버튼을 클릭하여 설치를 마칩니다.

Shopify 스토어에서 실행할 테스트 유형

Convert와 Shopify는 모두 우수한 제품입니다. 그리고 Shopify 최적화를 위해 변환을 사용하면 창의적인 에너지의 추가 급증을 통해 변환을 배가할 수 있습니다!

Shopify 스토어를 최대한 활용하기 위해 실행할 수 있는 다양한 종류의 A/B 테스트가 있습니다. 비즈니스 규모에 상관없이 이러한 도구는 가설을 공식화 및 테스트하고 사이트를 가장 효과적으로 조정할 수 있는 다양한 옵션을 제공합니다.

시작할 때 전자상거래 상점의 측정항목을 개선하기 위해 테스트할 수 있는 몇 가지 최적화 전략은 다음과 같습니다.

팝업 최적화

귀하의 웹사이트가 현재 가동 중이라고 가정해 보겠습니다. Shopify 스토어를 방문한 후 홈페이지를 방문하는 방문자가 많으며 다음 단계가 궁금합니다.

최초 및 잠재 고객을 구독자 및 일반 구매자로 전환하려면 훌륭한 팝업이 필요합니다.

전환율이 높은 팝업을 개발하기 위한 수십 가지 규칙, 팁, 방법 및 모범 사례가 있습니다. 그러나 현실은 A/B 테스트가 팝업 전환을 진정으로 극대화할 수 있는 유일한 방법이라는 것입니다.

Convert의 A/B 테스트를 통해 다양한 헤드라인과 CTA 버튼을 시도하여 전환율 최적화에 가장 적합한 팝업을 결정할 수 있습니다.

상세 제품 비교표 구현

온라인 쇼핑 중에 두 제품 중 하나를 선택하는 데 어려움을 겪은 적이 있습니까?

이제 고객이 제품을 비교할 수 있도록 허용하여 더 나은 Shopify 경험을 제공할 수 있습니다.

Shopify는 매우 제한된 제품 비교 기능을 제공하지만 사용자의 시간과 비용을 모두 절약할 수 있는 Product Compare와 같은 일부 사용자 지정 제품 비교 앱이 있습니다.

이 앱은 매우 정확한 정보를 제공하여 고객이 구매 결정에 더 확신을 가질 수 있도록 돕고 실시간 채팅 및 지원 문의를 줄이고 전환율을 높입니다.

Shopify 고객은 비교하려는 제품을 선택할 수 있을 뿐만 아니라 사이트의 카테고리 및 제품 페이지를 탐색하는 동안 제품을 비교 목록에 추가할 수 있습니다.

그들은 비교하기로 선택한 제품 목록과 함께 각 제품과 세부 정보를 나란히 볼 수 있으므로 더 빠른 결정을 내릴 수 있습니다.

결정이 나면 비교 페이지에서 바로 장바구니에 항목을 추가할 수 있습니다.

경험 변환을 사용하여 A/B 테스트를 실행하여 제품 비교 앱 내에서 "비교에 추가" 확인란에 대한 최상의 모양과 느낌을 결정할 수 있습니다.

또는 추가 필드를 정의하기 위해 행을 추가하여 제품 비교 테이블 자체를 A/B 테스트하려고 합니다.

A/B 테스트할 항목을 선택하고 Convert의 Visual Editor를 사용하여 이를 사용자 정의하고 방문자를 위한 경험을 활성화하십시오.

복잡한 제품 카탈로그가 있는 경우 웹사이트 방문자가 유사한 제품을 나란히 비교할 수 있는지 확인하십시오.

고객의 의사 결정 경험에 대해 A/B 테스트를 실행하여 고객 만족도를 높이고 전환율을 높일 수 있습니다.

제품 비디오로 매장 내 고객 경험 에뮬레이션

오늘날 우리 세상이 얼마나 디지털화되어 있는지에도 불구하고 온라인 쇼핑보다 매장 내 경험을 선호하는 청중이 있을 것입니다.

Convert를 사용하면 Shopify 사이트에서 이 경험을 쉽게 복제할 수 있습니다.

이를 수행하는 한 가지 방법은 제품 비디오를 사용하여 방문자에게 제품의 모든 기능과 이점을 시각적으로 안내하는 것입니다. 기본적인 제품 크기 비교 GIF, 간단한 사용법 동영상 또는 룩북이 될 수 있습니다!

HTML 변환 기능을 사용하면 방문자에게 제품에 대한 더 나은 느낌을 주기 위해 제품 페이지에 비디오를 포함할 수 있습니다.

YouTube 또는 Vimeo와 같은 타사 호스팅 서비스에서 동영상을 호스팅하는 것이 좋습니다.

거기에서 비디오의 URL을 복사하고 반응형 포함으로 이동하여 웹사이트에 비디오를 포함할 수 있습니다.

Visual Editor 변환에서 "HTML 삽입" 옵션을 선택하여 선택한 위치에 위의 코드를 삽입합니다.

특정 제품 SKU 대상

Shopify는 판매하는 각 제품에 대해 고유한 제품 ID를 생성하며, 이는 스토어 관리자의 URL에서 찾을 수 있습니다. 8672415878과 같이 긴 숫자입니다. 이것이 Shopify가 창고에서 고객에 이르기까지 각 제품을 추적하는 방법입니다.

해당 제품의 각 변형에 대해 선택적으로 고유한 형식으로 제품 SKU를 추가할 수 있습니다.

여기에서 고급 페이지 태그 변환을 활용하여 특정 제품 SKU에 대해서만 A/B 테스트를 실행할 수 있습니다.

고급 추적 코드를 사용하고 _conv_product_sku에 다음 값을 입력하기만 하면 됩니다.

 product.selected_variant.sku 

사이트 영역 아래에는 제품 SKU를 선택하는 옵션이 있습니다.

구독 결제 추적

이전에는 구독 제품을 판매하려는 Shopify 판매자가 ReCharge 또는 Bold Subscriptions와 같은 타사 프로그램에 의존해야 했습니다.

즉, 구독을 주문한 구매자는 결제 페이지에서 일회성 항목을 주문한 구매자와 다른 프로세스를 거쳐야 했습니다.

고객은 Shopify 스토어 사이트에서 별도의 체크아웃 프로세스로 전환된 후 결제가 완료되면 원래 스토어로 돌아갑니다.

다행히 Shopify는 보다 원활한 결제 경험을 제공하기 위해 최근에 새로운 구독 API를 출시했습니다.

구독 앱은 여전히 ​​구매 후 관리를 처리하지만 고객은 이제 스토어 웹사이트를 떠나지 않고도 제품 구독을 시작할 수 있습니다.

Shopify 체크아웃을 사용하든 타사 구독 앱을 사용하든 A/B 변환 테스트를 통해 해결할 수 있습니다!

웹훅 방식을 사용하면 일회성 구매와 마찬가지로 구독 수익을 쉽게 추적할 수 있습니다.

웹훅을 사용하면 변환 스크립트가 Shopify에서 각 주문의 유료 이벤트를 "수신"합니다(충전을 포함한 모든 카트 솔루션에 대해 트리거됨).

사용자 지정 앱을 통해 Convert와 Shopify를 통합하고 웹훅 확인란을 선택하여 이를 설정할 수 있습니다.

수동으로 수행하려는 경우 Shopify에서 고유한 웹훅을 설정할 수도 있습니다. Shopify 스토어에서 첫 번째 구독 구매가 이루어진 후 변환 보고서에 수익 금액이 표시되기 시작합니다.

도메인 간 구매 식별

단일 Shopify 스토어에 포함할 수 있는 도메인 및 하위 도메인의 수를 알고 충격을 받을 수 있습니다.

모든 것을 한 지붕 아래에 유지하기 위해 많은 Shopify 소유자는 "홈 웹사이트"를 유지하고 각 제품, 방문 페이지 및 체크아웃 URL에 대해 새 도메인과 하위 도메인을 설정합니다.

이러한 각 도메인 및 하위 도메인에는 중요한 사용자 데이터가 포함되어 있어 A/B 추적에 올바르게 통합되지 않으면 조각화, 복제 및 오류가 발생할 수 있습니다.

각 도메인을 개별적으로 방문하고 실험 데이터를 수집하고 모든 것을 수동으로 조합하는 것은 거의 불가능합니다.

포괄적인 실험 데이터 보고서를 쉽게 추적하고 얻을 수 있도록 교차 도메인 추적을 사용하여 다양한 도메인을 연결하고 동기화할 것을 제안합니다.

다음을 사용하여 교차 도메인 추적을 매우 쉽게 설정할 수 있습니다.

1. 모든 Shopify 도메인을 활성 웹사이트에 추가하기만 하면 됩니다. 방문자가 링크를 클릭하거나 양식을 제출하거나 다양한 URL을 통해 제품을 구매할 때마다 변환 쿠키는 동일한 프로젝트의 도메인 간에 자동으로 공유됩니다.

2. 프로젝트 설정으로 이동하여 이 확인란이 선택 해제되어 있는지 확인합니다.

최근에 Convert 고객은 "구매" 버튼을 사용하여 사이트에서 교차 도메인 추적을 구현하도록 요청했습니다.

이 고객은 Shopify "구매" 버튼을 사용하여 다른 웹사이트에서 추적하며, 고객이 Shopify "구매" 버튼을 클릭하면 Shopify 체크아웃으로 리디렉션됩니다.

거기에서 주문을 확인하기 전에 나머지 프로세스를 완료해야 합니다.

방문자가 이 "지금 구매" 버튼을 클릭했을 때 이루어진 구매는 Convert의 교차 도메인 추적 기능 덕분에 성공적으로 캡처되었습니다.

가장 효과적인 구매 후 제안 찾기

구매 전 경험도 중요하지만 구매 후 경험도 웹사이트를 테스트하기에 좋은 장소입니다.

고객 충성도가 높으면 구매 후 제안이 체크아웃 직후와 "감사합니다" 페이지 앞에 표시됩니다. 구매 후 상향 판매를 A/B 테스트하면 최대 전환을 달성하는 데 도움이 됩니다.

다음 시나리오를 상상해 보십시오.

1. 사용자가 방문 페이지에 도착합니다.
2. 사용자는 장바구니에 추가한 다음 장바구니 페이지로 이동합니다.
3. 사용자는 구매를 하고 첫 번째 상향 판매 페이지로 이동합니다.
4. 사용자가 구매 후 제안을 장바구니에 추가하고 장바구니 페이지로 이동합니다.
5. 구매를 완료한 후 사용자는 두 번째 상향 판매 페이지로 이동합니다.

위의 시나리오에서 우리는 상향 판매 페이지를 A/B 테스트하고 다음을 확인하려고 합니다.

• 어떤 구매 후 제안이 가장 효과적입니까?
• 총 방문자, 전환율, 수익 및 방문자당 수익이 가장 많은 구매 후 제안은 무엇입니까?

Convert의 클릭 추적 옵션을 사용하면 사용자가 제안을 클릭할 때 구매 후 제안을 효율적으로 추적할 수 있습니다.

이렇게 하려면 프로젝트 구성 > 전역 프로젝트 자바스크립트 또는 실험 전역 자바스크립트에 다음 JS 코드를 삽입해야 합니다. 이 코드를 모든 실험에 사용할 것인지 아니면 현재 실험에만 사용할 것인지에 따라 다릅니다.

 var 모니터 = setInterval(함수(){
   var 요소 = document.activeElement;
   if(요소 && 요소.태그 이름 == 'IFRAME'){
       clearInterval(모니터);
       window._conv_q = window._conv_q || [];
       // 123456789를 목표 ID로 바꿉니다.
      _conv_q.push(["트리거 변환","123456789"]);
   }
}, 100);

전환율이 높은 카테고리 페이지 설정

카테고리 페이지는 고객을 전환 유입경로 아래로 이동시키는 데 매우 중요합니다. 연구 결과 이것이 고객에게 걸림돌이라는 것이 밝혀지면 몇 가지 A/B 테스트를 수행하고 싶을 것입니다.

다음은 몇 가지 제안 사항입니다.

• 범주에 대한 대체 명명 표준을 검토하여 새로운 변형이 고객이 더 매력적이거나 이해하기 쉬운지 확인합니다.
• 사용자가 보는 카테고리를 개인화하여 사이트 경험을 개선하십시오.
• 제품 이미지와 라이프스타일 사진 등 다양한 사진으로 실험해 보세요.

카테고리 페이지에 대한 A/B 테스트를 살펴보겠습니다.

히트맵 및 세션 기록에 따르면 제품 카테고리 페이지, 특히 다양한 유형의 애완동물 장난감에서 필터와 많은 상호작용이 있었습니다.

제품에 익숙하지 않은 사용자는 카테고리의 차이점이나 애완 동물의 요구에 가장 적합한 장난감을 이해하지 못할 수 있으므로 이러한 종류의 테스트에서 얻을 수 있는 것이 많습니다.

변형 및 원본은 다음과 같습니다.

분할 테스트 Shopify 테마

편집 도구를 사용하여 코드를 수동으로 수정하는 것은 불가능하지는 않더라도 어렵습니다. 분할 테스트 테마는 Shopify 스토어에 대한 많은 변경 사항을 동시에 테스트할 때 사용하는 가장 간단한 접근 방식입니다.

한 번에 두 개의 Shopify 테마를 운영하는 것이 쉽다는 의미는 아닙니다. Shopify에서 라이브 및 미리 보기 테마를 처리하는 방식으로 인해 긍정적인 경험을 보장하려면 많은 조정이 필요합니다.

결론

Convert Experience는 Shopify 스토어 내에서 A/B 최적화 테스트를 실행하고 스토어의 전환율과 사용자 경험을 획기적으로 개선하는 데 사용할 수 있습니다.

또한 고객에게 여러 가지 이점을 제공할 수 있습니다. 트래픽 획득에 돈을 투자하는 대신 Convert의 Shopify A/B 테스트를 활용하여 비즈니스를 신속하게 조정하고 현재 트래픽에서 이익을 얻을 수 있습니다.

Convert는 사용이 간편하고 유용한 기능이 많을 뿐만 아니라 개인 정보 보호를 완벽하게 준수하므로 가장 비용 효율적인 도구입니다.

이는 Convert가 사용자들에게 인기 있는 이유 중 일부일 뿐입니다.

Shopify 전환율 최적화에 대해 질문이 있거나 Shopify A/B 테스트에 대한 지원이 필요한 경우 언제든지 문의하십시오! 우리는 A/B 테스트 프로세스를 더 쉽게 만들기 위해 최선을 다하고 있으며 Shopify 스토어를 가장 효과적으로 최적화하는 데 필요한 리소스를 항상 기쁘게 제공합니다.