Shopify 스토어에 슬라이더를 추가하고 최대한 활용하는 방법(+ 비즈니스 소유자의 통찰력)

게시 됨: 2022-06-15
Shopify 스토어에 슬라이더를 추가하고 최대한 활용하는 방법

많은 것 입니다. 적어도 전자 상거래 구매자에 관해서는.

고객은 "장바구니에 담기" 버튼을 클릭하기 전에 리뷰를 읽고 생각할 수 있는 모든 각도에서 제품을 보고 새로운 할인 및 제안을 탐색하기를 원합니다.

그러나 웹사이트에 그 모든 정보를 집어넣는다면 압도당할 위험이 있습니다. 이것이 슬라이더가 매우 편리한 이유입니다. 이미지와 복사에 몰두하는 긴 페이지를 만들지 않고도 변환 트리거를 활용할 수 있습니다.

숨다
  • Shopify의 슬라이더는 무엇입니까?
  • Shopify 스토어에 슬라이더를 추가하는 방법
  • 2022년 최고의 Shopify 슬라이더 앱: 주요 기능, 사용자 리뷰
  • 다음은 시도해야 할 최고의 Shopify 슬라이더 앱 8가지입니다.
    • #1. POWR.io의 제품 이미지 슬라이더 회전 목마
    • #2. Secomapp의 배너 슬라이더
    • #삼. Enorm 이미지 슬라이더
    • #4. 마스터 슬라이더 – 이미지 슬라이더
    • #5. POWR.io의 고객 평가 슬라이드쇼
    • #6. Ada IQ: 이미지 슬라이더 갤러리
    • #7. 다중 페이지 반응형 슬라이더
    • #8. 슬라이더 혁명
  • 슬라이더 대 캐러셀: 무엇을 알아야 합니까?
  • Shopify 스토어에서 슬라이더 최적화: (+사업 소유자의 장점, 단점 및 통찰력
    • 슬라이더가 작동합니까?
    • 슬라이더가 역효과를 낼 수 있습니까?
    • 슬라이더를 최적화할 때 따라야 할 모범 사례
  • 승리를 위한 슬라이딩: 슬라이더 A/B 테스트

Shopify의 슬라이더는 무엇입니까?

슬라이더는 본질적으로 Shopify 스토어의 슬라이드쇼입니다. 자동화(규칙 집합에 따라 자동으로 재생 시작) 또는 수동(사용자가 클릭할 때만 이동)할 수 있습니다.

다음은 가장 인기 있는 슬라이더 종류와 예입니다.

  • 회원 평가 슬라이더 – 고객 리뷰 및 이미지의 회전 목마는 훌륭한 사회적 증거를 만듭니다.
Shopify QuadLock의 평가 슬라이더 예
원천

QuadLock은 모든 제품 페이지에서 이와 같은 평가 슬라이더를 사용합니다. 사용자는 왼쪽 또는 오른쪽 화살표를 클릭하여 제품 리뷰를 살펴볼 수 있습니다.

Shopify Laird Superfood의 평가 슬라이더 예
원천

Laird Superfood는 또한 홈 페이지의 추천 슬라이더를 사용하여 최고의 고객 리뷰를 보여줍니다.

  • 로고 슬라이더 – B2B 회사의 경우 함께 일하는 회사를 과시하면 잠재 구매자에게 모든 올바른 신호를 보냅니다.
Shopify Beauty Solutions의 로고 슬라이더 예
원천

Beauty Solutions는 홈페이지 하단에 있는 수동 로고 슬라이더를 사용하여 제공하는 고객의 이름을 공유합니다.

  • 제품 이미지 슬라이더 – 모든 각도에서 제품을 표시하고 이러한 이미지에 대한 캡션으로 최고의 제품 속성을 작성합니다.
Shopify Critical Slide의 제품 이미지 슬라이더 예
원천

CriticalSlide의 보드쇼트는 제품 페이지에 수동 제품 이미지 슬라이더가 있습니다. 트렁크는 앞, 옆, 뒤에서 보여집니다. 또한 소재와 디자인에 대한 클로즈업 사진과 착용한 모델의 이미지도 볼 수 있습니다.

  • 인기 있는 제품 슬라이더 – 너무 많은 선택은 고객을 압도할 수 있습니다. 다른 고객에게 인기 있는 제품을 보여주면 쉽게 결정할 수 있습니다.
Shopify Proper에서 인기 있는 제품 슬라이더의 예
원천

Proper는 이 "인스타그램 룩 쇼핑하기" 수동 캐러셀에서 가장 인기 있는 제품을 선보입니다. 각 슬라이드에는 가격에 대한 정보와 사이트의 링크가 포함된 제품이 표시됩니다.

Shopify eFashion Paris에서 인기 있는 제품 슬라이더의 예
원천

eFashion Paris는 수동 슬라이더를 사용하여 신상품과 베스트셀러를 보여주고 해당 카테고리에 대한 링크를 공유합니다.

  • 배너 슬라이더 – 이 배너에서 매장 할인, 제안 또는 신제품을 공유합니다.
Shopify 49th Parallel의 배너 슬라이더 예
Shopify 49th Parallel의 배너 슬라이더 예
원천

49th Parallel은 홈 페이지에서 이 2개의 슬라이드 수동 배너 슬라이더를 사용하여

  • 베스트셀러 필터 커피와
  • 지속 가능하게 공급되는 콩의 이야기.
Shopify Beard & Blade의 배너 슬라이더 예
원천

Beard & Blade의 수동 배너 슬라이더는 베스트셀러 제품으로 연결되고 방문자가 블로그를 읽도록 권장합니다.

Shopify 스토어에 슬라이더를 추가하는 방법

설치하려는 Shopify 앱에 따라 스토어에 슬라이더를 추가하는 정확한 단계가 다를 수 있지만 다음은 빠르고 기본적인 튜토리얼입니다.

1단계: 라이브 테마 복제

Shopify 상점에 슬라이더를 추가하는 방법 1단계

Shopify 스토어에 로그인합니다. 온라인 스토어 -> 테마로 이동합니다.

라이브 테마 옆에 있는 "작업" 버튼을 클릭하고 "복제"를 선택합니다. 스토어에 부정적인 영향을 줄 수 있는 실수를 하는 경우 Shopify 테마의 백업이 생성됩니다.

2단계: Shopify 스토어에 사용자 지정 슬라이더 섹션 추가

Shopify 스토어 편집 코드에 슬라이더를 추가하는 방법

설치하는 Shopify 슬라이더 앱을 사용하려면 사이트에 일부 사용자 지정 코드를 붙여넣어야 할 수 있습니다. 그렇게 하려면 라이브 테마 옆에 있는 "작업" 버튼을 클릭하고 "코드 편집"을 선택합니다.

Shopify 스토어 편집 템플릿 파일에 슬라이더를 추가하는 방법

그런 다음 "섹션" 범주를 확장하고 "새 섹션 추가"를 클릭합니다.

Shopify 스토어에 슬라이더 추가

슬라이더에 이름을 지정하고 "섹션 만들기"를 누르면 사용자 정의 코드를 붙여넣을 수 있습니다.

Shopify 스토어에 사용자 정의 코드 붙여넣기 슬라이더 추가

3단계: theme.liquid로 이동

위로 스크롤하여 theme.liquid를 클릭하세요.

위로 스크롤하여 theme.liquid를 클릭합니다. 여기에 추가 코드를 붙여넣어야 할 수도 있습니다.

4단계: 슬라이더 사용자 지정

슬라이더 사용자 지정 Shopify 스토어

테마로 돌아가서 라이브 테마 옆에 있는 "사용자 지정"을 클릭합니다.

생성한 섹션을 찾아 이제 Shopify 스토어에서 슬라이더를 사용자 지정할 수 있습니다. 이미지 슬라이더 앱을 설치한 경우 이 단계에서 해야 할 일은 추천하려는 컬렉션을 선택하는 것입니다.

비디오 자습서를 선호하는 경우 Shopify 스토어에 주요 제품 슬라이더를 추가하는 방법을 설명하는 EcomExperts의 이 비디오를 시청하십시오.

2022년 최고의 Shopify 슬라이더 앱: 주요 기능, 사용자 리뷰

다음은 시도해야 할 최고의 Shopify 슬라이더 앱 8가지입니다.

1. POWR.io의 제품 이미지 슬라이더 캐러셀
2. Secomapp의 배너 슬라이더
3. Enorm 이미지 슬라이더
4. 마스터 슬라이더 – 이미지 슬라이더
5. POWR.io의 고객 평가 슬라이드쇼
6. Ada IQ: 이미지 슬라이더 갤러리
7. 다중 페이지 반응형 슬라이더
8. 슬라이더 혁명

#1. POWR.io의 제품 이미지 슬라이더 회전 목마

가격 : 무료-$89.99/월

평점 : 4.2/5 (243 리뷰)

이 앱을 사용하면 캡션, 텍스트, 버튼, 비디오, 테두리 및 복사 방지 기능이 있는 슬라이더 및 제품 캐러셀을 만들 수 있습니다.

주요 특징들:

  • 선택할 수 있는 다양한 슬라이더 전환 스타일
  • 슬라이더 또는 캐러셀 중에서 선택
  • 고도로 사용자 정의 가능한 디자인
  • 모든 기기에서 모바일 반응형
  • 모든 언어로 된 텍스트 지원

긍정적인 리뷰

제품 이미지 슬라이더 회전식 Shopify 긍정적인 리뷰
원천

비판적 검토

제품 이미지 슬라이더 회전식 Shopify 비판적 검토
원천

#2. Secomapp의 배너 슬라이더

가격 : 무료-$39.99/월

평점 : 4.5/5 (152 리뷰)

앱을 배너 슬라이더라고 하지만 코드를 사용하여 다양한 유형의 고도로 사용자 정의 가능한 슬라이더를 만들 수 있습니다. 배너 슬라이더는 설치 및 설정이 쉽고 친절한 백엔드 관리를 제공합니다.

주요 특징들:

  • 40개 이상의 다양한 유형의 슬라이더 만들기
  • 슬라이더에 비디오 추가
  • 프런트 엔드에 슬라이더를 표시하는 임베디드 코드
  • 게시하기 전에 슬라이더 미리보기
  • 일괄 업로드 기능
  • 배너의 시작 및 종료 날짜 설정
  • 전폭 모드 지원

긍정적인 리뷰

배너 슬라이더 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

배너 슬라이더 Shopify 슬라이더 앱 비판적 검토
원천

#삼. Enorm 이미지 슬라이더

가격 : 무료-$16.99/월

평점 : 4.9/5 (116 리뷰)

이 앱을 사용하면 이미지에 텍스트와 댓글이 있는 배너 슬라이더, 이미지 슬라이더, 캐러셀 및 로고를 만들고 슬라이더의 각 이미지에 대한 링크를 추가할 수 있습니다.

주요 특징들:

  • 모바일 반응형
  • 슬라이더 속도 제어
  • 한 번에 여러 장의 사진 업로드
  • 텍스트 및 링크 추가

긍정적인 리뷰

Enorm 이미지 슬라이더 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

Enorm 이미지 슬라이더 Shopify 슬라이더 앱 비판적 검토
원천

#4. 마스터 슬라이더 – 이미지 슬라이더

가격 : 무료

평점 : 3.8/5 (후기 73개)

이 무료 앱을 사용하면 코딩 지식 없이도 사용자 정의 슬라이더를 무제한으로 만들 수 있습니다. 5가지 템플릿 중 하나를 사용하거나 처음부터 시작할 수 있습니다.

주요 특징들:

  • 이미지 대체 텍스트 지원
  • 무제한 레이어
  • 모든 장치에 대한 반응형 슬라이더
  • 오버레이 버튼, 사용자 정의 HTML 및 텍스트 추가
  • 슬라이더의 시작 및 종료 날짜 예약
  • 슬라이더 또는 캐러셀 중에서 선택

긍정적인 리뷰

마스터 슬라이더 - 이미지 슬라이더 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

원천

#5. POWR.io의 고객 평가 슬라이드쇼

가격 : 무료-$89.99/월

평점 : 2.7/5 (35 리뷰)

이 사용하기 쉬운 앱을 사용하면 고객 평가, 리뷰, 사진, 설명 및 비디오를 선보일 수 있습니다.

주요 특징들:

  • 자동 재생 동영상 평가
  • 최고의 제품 리뷰 강조
  • 루핑, 슬라이드 전환, 속도 및 자동 슬라이드 제어
  • 고도로 사용자 정의 가능한 디자인
  • 모든 기기에서 모바일 반응형
  • 모든 언어로 된 텍스트 지원

긍정적인 리뷰

고객 평가 슬라이드쇼 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

고객 평가 슬라이드쇼 Shopify 슬라이더 앱 비판적 검토
원천

#6. Ada IQ: 이미지 슬라이더 갤러리

가격 : 2.99/월(10일 무료 평가판)

평점 : 5/5 (23 리뷰)

코드가 없는 이 Shopify 이미지 슬라이더 앱을 사용하면 슬라이더와 슬라이드쇼를 무제한으로 만들어 최고 판매 제품을 선보일 수 있습니다.

주요 특징들:

  • 쉬운 사용자 정의
  • 여러 방문 페이지에 동일한 슬라이드쇼 추가
  • 향후 업데이트 및 새로운 기능
  • 스토어의 모든 페이지에 이미지 링크

긍정적인 리뷰

Ada IQ 이미지 슬라이더 갤러리 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

현재 앱에 대한 비판적인 리뷰가 없습니다. 사용자는 모든 경우에 지원을 통해 해결되는 앱 문제가 발생했다고 언급합니다.

#7. 다중 페이지 반응형 슬라이더

가격 : 4.99/월(7일 무료 평가판)

평점 : 4.2/5 (8 리뷰)

이 사용하기 쉬운 앱을 사용하면 다양한 디자인의 가로 또는 세로 슬라이더를 만들고 단일 페이지에 여러 슬라이더를 추가할 수 있습니다.

주요 특징들:

  • 모든 기기에서 모바일 반응형
  • 모든 페이지에 붙여넣을 단축 코드를 자동으로 생성합니다.
  • 카테고리 및 항목을 쉽게 검색하고 필터링할 수 있습니다.
  • 버튼, 숫자 및 축소판으로 슬라이더 만들기

긍정적인 리뷰

다중 페이지 반응형 슬라이더 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

현재 앱에 대한 비판적인 리뷰가 아직 없습니다.

#8. 슬라이더 혁명

가격 : $6.99-$89/월 (7일 무료 평가판)

평점 : 4.9/5 (리뷰 44개)

이 앱을 사용하면 모든 종류의 슬라이더를 만들고 완전히 반응하고 사용자 지정할 수 있는 소셜 미디어 콘텐츠를 스트리밍할 수 있습니다.

주요 특징들:

  • Facebook, Twitter, Flickr 및 Instagram의 Steam 소셜 콘텐츠
  • YouTube 또는 Vimeo에서 동영상 업로드
  • 스타일, 전환 및 애니메이션에 대한 완전한 제어
  • 모든 기기에 최적화
  • 전체 너비, 전체 화면, 자동 응답 슬라이더 크기
  • WYSIWYG 드래그 앤 드롭 편집기

긍정적인 리뷰

슬라이더 혁명 Shopify 슬라이더 앱 긍정적인 리뷰
원천

비판적 검토

슬라이더 혁명 Shopify 슬라이더 앱 비판적 검토
원천

슬라이더 대 캐러셀: 무엇을 알아야 합니까?

슬라이더와 캐러셀은 한 가지 차이점을 제외하고 본질적으로 동일합니다. 캐러셀은 한 번에 많은 슬라이드를 표시합니다.

캐러셀을 사용하여 고객 로고, 평가 또는 베스트 셀러 제품을 표시할 수 있습니다.

캐러셀을 사용해야 하는 경우

더 많은 조회 가능한 콘텐츠가 페이지에서 동일한 공간을 차지하여 구매자가 볼 가능성을 높이려면 캐러셀을 사용하세요.

다음은 명심해야 할 사항과 하지 말아야 할 사항입니다.

하지마

  • 방문자를 혼란스럽게 할 수 있으므로 홈페이지의 영웅 섹션에서 회전 목마를 사용하지 마십시오.
  • 회사에만 이익이 되지 않는 정보를 사용자에게 푸시하지 마십시오.
  • 콘텐츠를 버리는 장소가 되지 않도록 하십시오. 사용을 정당화할 수 없다면 사용하지 마십시오.

해야 할 일:

  • 사람들이 그것을 기대할 때 회전 목마를 사용하십시오. 예를 들어, 고객 리뷰, 베스트 셀러 제품 또는 신상품을 표시합니다.
  • 사람들의 시간, 노력 및 클릭을 절약할 수 있는 캐러셀을 사용하세요.
  • 두 가지 다른 제품을 비교하는 데 사용하십시오.

캐러셀 사용 권장사항

  • 사용자가 제어할 수 있도록 수동 캐러셀 사용
  • 사용자가 탐색할 수 있도록 화살표 또는 점 탐색 사용
  • 이 캐러셀의 텍스트를 짧고 명확하게 유지
  • 모바일 기기에서 캐러셀을 같은 방식으로 스와이프할 수 있는지 확인하세요.

Shopify 스토어에서 슬라이더 최적화: (+사업 소유자의 장점, 단점 및 통찰력

우리는 슬라이더에 대한 직접 경험과 유용한지 여부를 여러 비즈니스 소유자에게 공유하도록 요청했습니다.

슬라이더가 작동합니까?

먼저 성능과 설득력이라는 두 가지 관점에서 슬라이더를 살펴보겠습니다.

  • 성능 : 봇이 슬라이더를 크롤링하고 이해할 수 있습니까? 정말 사이트 속도가 느려집니까?

    예, 아니요. 봇은 슬라이더를 크롤링할 수 있으므로 SEO 친화적으로 만드는 것이 중요하며 설치한 모든 슬라이더 앱이 사이트 속도에 큰 영향을 미치는 것은 아닙니다.
  • 설득력: 슬라이더가 사람들의 구매를 유도하는 데 큰 역할을 합니까?

    그들이 당신에게 효과가 있는지 확실히 알 수 있는 가장 좋은 방법은 A/B 테스트를 해보는 것입니다. 먼저 슬라이더가 있는 버전과 없는 버전의 두 가지 버전을 테스트합니다.

슬라이더를 가장 많이 판매되는 제품의 정적 이미지 프로모션으로 교체하고 버튼을 마우스오버 상태로 교체하면 전환율이 30% 향상되었습니다(통계적 유의성 98%).

이 테스트는 내가 할 것이라고 생각한 대로 수행했지만 여기서 핵심은 이 고객과 다른 사람들이 홈 페이지의 슬라이더에서 멀어지도록 하는 데 도움이 되는 보다 직접적인 증거를 확보하는 것입니다. 저만 이런 경험을 한 것이 아니며 비슷한 결과를 가진 많은 사례 연구를 읽었습니다.

문제는 사람들이 슬라이더를 광고인 것처럼 인식하여 슬라이더와 상호 작용하지 않는다는 것입니다. 특히 슬라이더에서 쉽게 탐색할 수 있는 방법이 없거나 탐색이 숨겨져 있는 경우에 그렇습니다.

슬라이더를 정적 이미지 프로모션으로 교체

요점 : 주요 홈 페이지 프로모션 영역에서 슬라이더를 제거하고 고객이 이를 사용하여 스토리를 전달하거나 판매율이 높은 제품 또는 주요 서비스를 홍보하도록 권장합니다. 이 경험에서 얻은 또 다른 중요한 점은 A/B 테스트가 "모범 사례"에 대해 이야기하거나 내가 읽은 다른 내용을 기반으로 아이디어를 장려하는 것보다 훨씬 더 고객에게 매력적이라는 것입니다.

Tim Brown, 내가 웹사이트를 디자인하는 방식을 바꾼 5가지 A/B 테스트

비즈니스 소유자는 슬라이더에 대해 무엇을 말해야 합니까?

최근에 Shopify 스토어에 이미지 슬라이더를 추가했는데 결과에 매우 만족합니다. 이미지 슬라이더는 제품을 선보이고 특별 행사를 강조하며 매장에 시각적인 관심을 더할 수 있는 좋은 방법입니다.

  Luke Lee, 공동 창립자, everwallpaper.co.uk

저에게 이미지 슬라이더는 Shopify 스토어에서 효과적일 수 있습니다. 올바르게 사용하면 특정 제품이나 기능을 강조하는 데 도움이 될 수 있으며 고객이 매장에서 제공하는 제품에 대해 더 쉽게 알 수 있습니다.

Burak Ozdemir, 설립자, setalarmonline.com

예, 이미지 슬라이더는 어느 정도 작동합니다. 이미지 슬라이더는 큰 제품 카탈로그가 있고 페이지에 동일한 모델의 여러 변형을 표시할 때 가장 잘 작동합니다.

VinPit의 공동 설립자, Theola Tinny

저는 수년에 걸쳐 Shopify 클라이언트에서 다양한 유형의 슬라이더를 테스트했습니다. 우리는 최고 성능의 슬라이더가 더 살펴봐야 할 것이 있다는 일종의 힌트를 제공한다는 것을 발견했습니다. 특히 한 클라이언트는 첫 번째 Slider에 "Deal #1 of 3"을 입력하여 매우 잘 수행했으며 물론 Slider #2와 Slider #3에는 더 많은 거래가 있었습니다.

Jeff Moriarty, JMoriarty Marketing의 디지털 마케팅 닌자

슬라이더가 역효과를 낼 수 있습니까?

예, 슬라이더는 역효과를 낼 수 있으며 다음은 비즈니스 소유자가 알고 싶은 내용입니다.

Shopify 스토어에서 어떤 형태의 이미지 슬라이더나 캐러셀도 사용하지 않는 것이 좋습니다. 그들은 혼란을 야기하고 당신의 상점에 오는 방문자를 압도할 수 있습니다. 그들이 하나의 이미지를 등록했을 때 이미 다음 이미지로 옮겨졌습니다. 또한 고객에게 너무 많은 옵션을 제공하면 고객이 처음에 매장을 찾은 주된 이유에서 주의를 분산시킬 수 있습니다. 방문자에게 방해가 되지 않는 직접적인 경로를 제공하세요. 옵션은 일반적으로 잘못된 전략의 부산물입니다.

보다 사용자 친화적인 방법은 올바른 위치에 착륙했음을 상기시켜 주는 하나의 눈길을 끄는 이미지를 활용하는 것입니다. 슬라이더 플러그인은 또한 페이지 로드 시간을 극적으로 늦추고 열악한 사용자 환경을 만들 수 있습니다. 그들은 디자인하기 어렵고 다른 장치와 브라우저에서 잘 응답하지 않을 가능성이 더 높습니다.

Emily Amor, Digital Darts SEO 관리자

사용자는 슬라이딩 이미지와 상호 작용하지 않는 경향이 있으며 광고라고 가정하기 때문에 종종 무시합니다. 슬라이더는 동일한 페이지에서 여러 메시지를 전달할 수 있다는 약속을 제공하는 것처럼 보이지만 거의 항상 단일 메시지와 CTA(클릭 유도문안)에 집중하는 것이 훨씬 더 효과적이라는 것을 알았습니다.

딘 카플란, https://www.kaplancollectionagency.com

내 클라이언트 중 한 명과 마주한 최악의 슬라이더 문제는 이미지를 압축하지 않고 각각 50MB가 넘는 슬라이더를 업로드했을 때입니다. 방문자가 아래로 스크롤하거나 다른 웹 페이지로 이동할 때까지 로드되지 않았기 때문에 거의 아무도 보지 못했습니다. 으악!

Jeff Moriarty, JMoriarty Marketing의 디지털 마케팅 닌자

슬라이더를 최적화할 때 따라야 할 모범 사례

슬라이더를 사용할 때 알아야 할 사항은 다음과 같습니다.

  • 슬라이더가 빠르게 로드되는지 확인

    고품질 이미지는 또한 슬라이더를 느리게 할 수 있는 대용량 파일이 되는 경향이 있습니다. 슬라이더의 크기에 따라 이미지의 올바른 크기를 선택했는지 확인하십시오.

    특정 지점을 넘어서면 사용자가 이미지 품질의 차이를 알 수 없으므로 파일 압축을 두려워하지 마십시오. 슬라이더를 지연 로드하고 스타일과 글꼴 수를 줄여 로드 시간이 느려지지 않도록 할 수도 있습니다.
  • 가장 중요한 슬라이드를 먼저 표시

    사람들이 당신에게서 구매해야 하는 가장 중요한 이유는 무엇입니까? USP를 사용하여 방문자를 슬라이더로 유인하여 콘텐츠를 스크롤하는 경향이 더 큽니다.
  • 모든 슬라이드에 매력적인 문구 사용

    모든 슬라이드는 방문자의 참여를 유도하고 다양한 판매 각도를 사용하여 방문자를 전환할 수 있는 기회입니다. 이점과 문제점, 행동 기반 CTA를 다루는 헤드라인을 추가하십시오.
  • 슬라이드가 5개 미만이어야 합니다.

    그러나 슬라이드를 너무 많이 사용하지 마십시오. 너무 많은 선택으로 방문자를 압도하고 분석 마비로 인해 구매를 원하지 않습니다. 슬라이더를 의도적으로 사용하고 처음부터 슬라이더를 포함시킨 강력한 이유가 있어야 합니다.
  • 느린 회전 시간 설정

    잠재 고객이 콘텐츠를 소화할 수 있는 충분한 시간을 주십시오. 너무 빠르면 내용을 놓치고 슬라이드가 다시 나타날 때까지 기다려야 합니다. 너무 느리고 다음 슬라이드가 표시되기를 기다리며 괴로워할 것입니다. 리치 페이지는 회전 시간을 3초로 설정할 것을 제안합니다.
  • 슬라이드 자동 회전

    자동 슬라이더를 사용하더라도 방문자가 전체 슬라이드쇼가 순환할 때까지 참을성 있게 기다릴지 확신할 수 없습니다. 방문자에게 화살표 또는 점 탐색을 통해 슬라이더를 탐색할 수 있는 옵션을 제공합니다.
  • 캐러셀에 비대칭 레이아웃 사용

    캐러셀을 고려하고 있다면 이미지에 비대칭 레이아웃을 사용해 보십시오. Airbnb와 Booking.com은 모두 A/B 테스트를 사용하여 거의 유사한 이미지 레이아웃에 도달했습니다. 하나의 큰 "특징" 이미지 주위에 작은 이미지(거의 축소판과 비슷함)가 있습니다.

비즈니스 소유자는 슬라이더를 어떻게 최적으로 사용합니까?

먼저, 사용하는 이미지가 고품질이고 적절한 크기인지 확인하십시오. 흐리거나 픽셀화된 이미지는 상점의 전문적인 이미지를 손상시킵니다. 둘째, 슬라이드를 너무 많이 사용하지 마십시오. 일반적으로 3~4개면 충분합니다. 슬라이드가 너무 많으면 방문자가 부담스러워 원하는 정보를 찾기가 어려울 수 있습니다. 마지막으로 슬라이더가 페이지에서 쉽게 볼 수 있는 영역에 위치하도록 하십시오. 가급적이면 상단 근처에 위치하는 것이 좋습니다.

Luke Lee, 공동 창립자, everwallpaper.co.uk

오래된 사진은 빠르게 구식이 되고 관심을 끌기 위한 목적을 달성하는 데 덜 효과적일 수 있으므로 슬라이더의 이미지를 정기적으로 업데이트하는 것도 중요합니다.

또한 슬라이더가 탐색하기 쉽고 명확한 다음 및 이전 버튼을 사용하여 사용자가 제품을 쉽게 이동할 수 있도록 해야 합니다. 마지막으로 독자가 각 이미지의 내용을 이해하는 데 도움이 되도록 각 이미지와 함께 관련 텍스트를 포함하는 것이 도움이 될 수 있습니다.

Burak Ozdemir, 설립자, setalarmonline.com

슬라이더를 사용하는 경우 정적이어야 합니다. 몇 초마다 이미지를 변경하는 자동 슬라이더는 일부 사용자에게는 너무 빨리 움직이고 다른 사용자에게는 너무 느립니다. 사용자가 항상 제어할 수 있도록 명확한 탐색 버튼이 있는 정적 슬라이더를 사용하는 것이 훨씬 좋습니다.

딘 카플란, https://www.kaplancollectionagency.com

고객은 텍스트를 읽는 것보다 이미지를 보는 것을 선호합니다. 긴 텍스트가 아닌 매력적인 이미지를 제공하여 슬라이더를 청중에게 호소력 있게 만드십시오.

시그니처리 창업자 윌 캐넌

승리를 위한 슬라이딩: 슬라이더 A/B 테스트

슬라이더는 정당한 이유가 있는 논쟁의 여지가 있는 아이디어입니다. 맹목적으로 모범 사례나 경쟁업체 또는 업계를 모방하면 반대 효과가 나타날 수 있습니다. 방문자가 짜증을 내고 페이지에서 이탈할 수 있으며 전환율이 떨어질 수 있습니다.

A/B는 슬라이더를 테스트하여 결정을 뒷받침할 데이터와 전환을 늘리기 위한 새로운 변경 사항을 테스트할 프레임워크를 갖습니다.

전환 전문가인 Rich Page가 사용할 수 있는 몇 가지 A/B 아이디어를 공유합니다.

  • 단일 이미지와 회전 슬라이드 비교 테스트
  • 설명 동영상과 슬라이드를 사용하여 테스트
  • 슬라이더의 높이와 너비 테스트
  • 올바른 대상 고객에게 슬라이더 표시
  • 다양한 방법으로 사회적 증거를 추가해 보세요.

테스트하려는 가설의 종류에 관계없이 Convert의 사용하기 쉬운 A/B 테스트 플랫폼이 지원합니다. 15일 동안 무료로 사용해 보세요.

CRO 마스터
CRO 마스터