Elementor에서 사용후기 캐러셀을 만드는 방법

주요 이미지: 인용 패널, 인물 사진, 진행률 표시줄 및 다음 음성 버튼이 있는 Elementor 추천 회전목마

평가 회전 목마는 슬라이딩 트랙에 고객 견적을 넣어 3 개의 스크린 높이를 실행하는 섹션이 하나에 맞습니다. 두 가지 실제 옵션이 있습니다. Elementor Pro 는 기본 평가 회전 목마 위젯을 제공하므로 Pro 가있는 경우 3 분 동안 작업 할 수 있습니다. 무료 Elementor 에서 가장 빠른 경로는 Rostrum 견적 슬라이더, ᅡ 무료 수입 캐러셀 위젯 master Addons에서: JSON을 다운로드하고 가져와 보세요 위젯 빌더그리고 페이지로 드래그하세요. 라이센스도 없고 카드를 손으로 다시 만들 수도 없습니다.

이 가이드는 모든 픽셀을 소유하고 싶다면 손으로 만든 대체 기능과 추천 캐러셀에 대해 글을 쓰는 사람이 거의 언급하지 않는 Google에서 사이트 수동 작업을 수행하는 스키마 실수를 모두 다룹니다. 이 섹션에서 견적 슬라이더를 원하는지 아니면 전폭 슬라이더를 원하는지 아직 작업 중이라면, 그만큼 회전목마 대 슬라이더 비교 더 짧은 읽기입니다.

연단 인용 슬라이더 요소 세로, 진행률 표시줄, 집계 및 단계 버튼 옆에 인용 패널이 있는 평가 회전목마입니다

라이브 데모 위젯 JSON 다운로드

어떤 방법을 사용할 것인가

방법비용가장 좋은 때
Elementor Pro 사용후기 회전목마엘리멘터 프로이미 Pro를 보유하고 있으며 3분 안에 완료되기를 원합니다
Rostrum 견적 슬라이더(가져오기)무료무료 Elementor 에 있으며 빈 캔버스가 아닌 디자인 된 슬라이더를 원합니다
회전목마 용기에 카드 위젯무료카드를 처음부터 직접 디자인하고 싶습니다

Elementor Pro 가 있다면

패널에서 “testimonial carousel,”을 검색하고 위젯을 끌어 넣은 다음 반복기를 평가판당 한 행으로 채웁니다: 내용,이름, 제목,이미지 기본값에서 변경할 가치가 있는 두 가지 설정: 데스크톱에서는 보기당 슬라이드를 2 로,모바일에서는 1 로,자동 재생을 해제합니다. 평가판을 읽는 데 8 초가 걸리고 기본값은 5 로 자동 재생되기 때문입니다.

괜찮고 빠르다. 카드 레이아웃이 고정되어 있다는 한계가 있다. 특유의 디자인이 아닌 프리셋과 스타일 탭을 얻게 된다. 충분하다면 읽기를 멈추고 빌드하러 간다.

무료 옵션: Rostrum Quote Slider

Rostrum은 무료 위젯 중 하나입니다 마스터 애드온 캐러셀 컬렉션그리고 추천사를 위해 특별히 제작되었습니다. 레이아웃은 세로 옆에 있는 인용 패널입니다: 쉐브론 음성 사이의 단계, 진행률 표시줄 및 집계 표시는 현재 위치를 표시하며 단계 버튼은 다음 음성의 이름을 지정할 수 있으므로 익명 화살표 대신 버튼은 “다음: Sarah, Operations Lead”와 같이 읽습니다. 대형 인용 부호는 편집 가능하며 모든 것이 키보드 탐색 및 스와이프에 반응합니다.

각 음성은 다섯 개의 필드를 수행: 초상화, 인용, 이름, 역할 및 임기. 세 개의 음성은 위젯과 함께 배송, 각각 쇼 토글 뒤에, 그래서 당신은 하나, 둘 또는 세 가지를 모두 실행할 수 있습니다.

정직한 단점: 세 개의 목소리가 형식입니다. 그것은 당신의 가장 강한 따옴표를위한 선별 된 슬라이더이며,당신이 수집 한 모든 평가를 끌어내는 쿼리 중심의 위젯이 아닙니다. 12 개의 회전 리뷰가 필요하다면 아래에 손으로 만든 방법은 더 확장됩니다.

그것을 구축하는 방법: 단계별로

  1. 무료 마스터 애드온 플러그인을 설치 아직 활성화되어 있지 않은 경우. 30,000+ 사이트에서 실행되는 것과 동일한 플러그인이며 가져오기는 무료 계층에서 작동합니다.
  2. Rostrum 견적 슬라이더 JSON을 다운로드하세요 에서 무료 Elementor 슬라이더 템플릿 컬렉션. 20 개 중 18 개 디자인이에요.
  3. 가져오기. WordPress 관리자에서 다음으로 이동하세요 마스터 애드온 → 위젯 빌더 → 위젯 가져오기 그리고 JSON 파일을 가져오기로 드래그합니다.
  4. Elementor 에서 페이지를 엽니다. 위젯은 아래 패널에 나타납니다 즐겨찾기. Rostrum Quote 슬라이더를 컨테이너로 드래그하십시오.
  5. 첫 번째 목소리를 채우세요: 초상화, 인용, 이름, 역할, 임기. 가장 구체적인 인용문, 숫자 또는 결과가 있는 인용문으로 리드하세요.
  6. 두 번째와 세 번째 음성을 켭니다 그들의 Show 토글과 함께 같은 방식으로 채우십시오. 필요하지 않은 것은 모두 토글 끄기.
  7. 단계 버튼 레이블을 설정합니다. 버튼에서 다음 음성의 이름을 지정하면 클릭할 이유가 생깁니다. 위젯의 가장 좋은 변환 세부사항이므로 사용하세요.
  8. 견적표시를 확인하고 탐색을 테스트합니다. 타이포그래피에 맞게 편집 가능한 따옴표를 조정한 다음 미리 보기: 쉐브론, 키보드 화살표, 휴대폰 스와이프.

총 시간은 약 5분이며, 대부분은 슬롯에 적합한 세 개의 견적을 선택하는 데 소요됩니다.

동일한 컬렉션에서 하나 더 옵션: 스트라툼 데크, 카드가 쌓이고 윗부분이 벗겨지는 Pro 디자인. 견적 패널 대신 카드 덱 느낌을 원한다면 추천에 자연스럽게 어울립니다.

차라리 손으로 짓는다면

브랜드와 정확히 일치하는 카드 디자인을 원하거나 3 음성 슬라이더가 보유하는 것보다 더 많은 사용후기를 원할 때 처음부터 다시 시작하는 경로는 여전히 의미가 있습니다. 카드를 직접 디자인하고 있으므로 5 분이 아닌 10 분의 예산을 책정하십시오.

  1. 먼저 카드 한 장을 만든다. 카드 위젯을 컨테이너에 넣습니다. 그 안에: 견적 텍스트,아바타 이미지,이름, 역할,평점이 있는 경우 별 행. 완전히 스타일 지정: 패딩,배경, 테두리 반경,견적 표시,타이포그래피. 이 카드 한 장을 복제하기 직전에 정확하게 가져옵니다.
  2. 카드를 복제합니다 각 증언에 대해 내용을 교환하십시오. 6 개는 좋은 숫자입니다: 상당한 느낌을 가질만큼,섹션이 유지 보수 작업이되지 않을 정도로 적은 수입니다.
  3. 부모 컨테이너를 회전목마로 바꿉니다. 컨테이너의 레이아웃 설정에서 디스플레이를 회전목마로 전환합니다. slides-per-view,autoplay, loop,arrow 및 dots,동일하게 나옵니다 스와이퍼 컨트롤 전용 위젯은 사용합니다. 아래와 동일한 라이브러리이기 때문입니다.
  4. 중단점당 보기당 슬라이드를 설정합니다. 데스크톱에 두 개, 태블릿과 모바일에서 한 개, 사용후기는 텍스트이며 텍스트는 너비가 필요합니다.
  5. 탐색을 스타일링합니다 카드를 겹치지 않고 카드 아래에 앉는 것. 인용문 위에 있는 화살표는 단어를 덮고,덮힌 단어는 사람들이 고정하는 단어입니다.

라이센스가 필요하지 않으며 카드는 귀하의 것입니다. 패턴에 대한 시각적 참조를 원하는 경우 마스터 애드온 고객 리뷰 페이지 사용합니다.

스키마 트랩

레이아웃보다 더 중요한 부분입니다.

리뷰 또는 AggregateRating 스키마를 추천 캐러셀에 추가하여 별이 검색 결과에 표시되도록 유혹합니다. 적어도 자신의 사이트에서 자신의 비즈니스에 대한 추천서는하지 마십시오.

Google 의 구조화된 데이터 지침은 이기적인 리뷰가 리뷰 리치 결과에 적합하지 않다는 점을 명시합니다. 엔터티에 대한 리뷰는 엔터티 자체가 아닌 독립적인 소스에서 나와야 합니다. 리뷰 스키마로 자체 홈페이지 사용후기를 마크업하는 사이트는 기껏해야 마크업을 무시하고 최악의 경우 구조화된 데이터 수동 작업을 수행합니다.

합법적으로 할 수 있는 일: 리뷰 시스템을 통해 실제 고객으로부터 수집한 리뷰를 개별 제품 페이지에 마크업하고 사용하세요 Organization 리뷰 속성이없는 홈페이지의 스키마. 검색에서 별을 원한다면 Google 비즈니스 프로필,G2 또는 Trustpilot 에서 리뷰를 수집하십시오. 왜냐하면 그 리뷰는 타사로 표시되기 때문입니다.

평가 캐러셀은 변환 요소입니다. 하나로 취급하고 스키마는 그대로 둡니다. 원하는 것이 회전 세트가 아닌 자체적으로 배치된 하나의 뽑힌 인용문뿐이라면, 블록쿼트 위젯 마크업이 포함되지 않은 상태에서 해당 작업을 수행합니다.

전환을 변경하는 설계 결정

얼굴이 로고를 이겼습니다. 사람의 사진은 회사 로고를 능가하며 둘 다 둘 다 이기지 못했습니다. Rostrum 의 세로 - 옆 - 인용 레이아웃은 이것을 기반으로합니다. 사진을 얻을 수 없다면 이름과 역할은 여전히 익명의 인용문을 멀리서 이겼습니다.

특정 박자가 빛납니다. “우리의 페이지 빌드 시간을 2 일에서 3 시간으로 잘라” 는 “놀라운 플러그인, 매우 추천!” 보다 더 많은 일을, 두 번째 소리가 더 열정적 인 경우에도. 긴 평가에서 특정 라인을 끌어와 그것으로 리드.

자동 재생하지 마십시오. 추천서는 자동 재생이 적극적으로 상처를 주는 하나의 캐러셀 유형입니다. 콘텐츠가 밀집된 텍스트로 인해 합리적인 슬라이드 지연보다 읽는 데 시간이 더 오래 걸리기 때문입니다. Rostrum은 디자인에 따라 리더가 진행하는 클릭, 키보드 또는 스와이프를 단계별로 진행합니다. 손으로 빌드하는 경우 자동 재생 스위치를 끄십시오.

카운트 보이기. 탈리는 익명의 점이 아닌 방식으로 볼륨을 신호하므로 Rostrum 은 진행률 표시 줄을 하나와 쌍으로 만듭니다. 행복한 고객이 많다면 컨트롤로 그렇게 말하십시오.

데스크탑에 2개, 3개가 아닙니다. 손으로 만든 회전 목마의 경우: 1440px 화면에 인용 텍스트의 세 열은 각각에 대해 제공 380px, 이는 편안한 판독 측정 아래에 있습니다. 두 개는 숫자입니다.

자주 묻는 질문

Elementor에는 사용후기 캐러셀 위젯이 있나요?

Elementor Pro 는: 따옴표,이름 및 이미지에 대한 중계기가있는 사용후기 캐러셀 위젯. Elementor 의 무료 플러그인에는 포함되어 있지 않습니다. 무료 계층에서 가장 빠른 경로는 Master Addons 의 Widget Builder 를 통해 Rostrum Quote Slider 를 가져 오거나 캐러셀 디스플레이로 설정된 컨테이너 내부에 자신의 카드를 구축하는 것입니다.

Elementor 에서 무료로 사용후기 슬라이더를 추가하려면 어떻게 해야 하나요?

무료 Rostrum 견적 슬라이더 가져 오기: JSON을 다운로드하고 WordPress 관리자의 마스터 애드온 → 위젯 빌더 → 위젯 가져 오기로 이동하여 파일을 끌어 들여 위젯이 즐겨 찾기 아래의 Elementor에 나타납니다. 각 음성의 초상화, 견적, 이름, 역할 및 임기 필드를 채우면 Pro 라이센스가 포함되지 않은 상태로 완료됩니다.

추천 회전목마가 자동 재생되어야 합니까?

아니요. 추천서는 읽는 데 6~10초가 걸리며 일반적인 자동 재생 지연은 3~5초입니다. 방문자는 도중에 문장을 잃고 참여를 끊습니다. 자동 재생을 끄고 준비가 되면 사람들이 전진하도록 하세요. 추천서는 타이머가 불리하게 작동하는 하나의 캐러셀 유형이기 때문입니다.

Elementor 추천 회전목마에 별 등급을 추가할 수 있나요?

예, 시각적 요소: 아이콘 행 또는 손으로 만든 카드 디자인의 평가 필드. Google이 리뷰 리치 결과에서 자기 서비스 리뷰를 허용하지 않고 마크업이 수동 작업을 트리거 할 수 있기 때문에 자신의 비즈니스에 대한 평가에 대한 리뷰 또는 AggregateRating 스키마 마크업을 추가해서는 안됩니다.

회전목마에는 몇 개의 사용후기가 있어야 합니까?

강한 세 개가 막연한 열두 개를 이기고,로스트럼의 세 목소리 형식은 그 규율을 강요합니다. 보통은 올바른 호출입니다. 손으로 만들고 더 많은 자료를 가지고 있다면,여섯 개에서 열두 개의 작품; 열두 지나서 아무도 끝에 도달하지 않으므로 하나의 긴 스트립이 아닌 페이지 당 필터링 된 세트로 전환하십시오.

사용후기를 자동으로 업데이트하려면 어떻게 해야 하나요?

추천 사용자 정의 게시물 유형을 등록한 다음 이를 가리키는 쿼리 기반 캐러셀 위젯을 사용하십시오: 무료 블로그 위젯 캐러셀 모드, 또는 Elementor Pro의 루프 회전목마 루프 항목 템플릿으로. 새로운 평가 게시물은 페이지를 편집하지 않고 사이트의 모든 캐러셀에 나타납니다.

다음에 할 일

Elementor Pro 가 있는 경우 기본 위젯이 가장 짧은 경로입니다. 무료 Elementor 에서 Rostrum Quote Slider 를 가져와 세 가지 최고의 견적을 선택하는 데 절약된 시간을 보내십시오. 그 선택이 어떤 스타일링 컨트롤보다 변환을 이동시키기 때문입니다. 디자인 브리핑에서 요구할 때만 손으로 빌드하십시오.

Rostrum 무료 플러그인에 가져옵니다. 당신은 나중에뿐만 아니라 열두 프로 디자인을 원하는 경우, 그만큼 가격 페이지 계층이 있습니다 3D 회전목마 디자인 유료 모션 스타일이 실제로 어떻게 보이는지 보여줍니다.

처음부터 무엇이든 구축하기 전에 이미 존재하는 것을 확인하십시오: the Elementor 캐러셀 위젯 가이드 모든 캐러셀 위젯과 디자인을 나열합니다 자유 대 프로 고장 무료 계층이 멈추는 위치를 정확하게 표시합니다.

로이 제미 사진
로이 제미
저는 Pixar Labs 의 콘텐츠 랭글러이자 마케터인 Roy Jemee 로 Elementor 를 위한 마스터 애드온을 작업하고 있습니다. 튜토리얼을 작성하고,비디오를 녹화하고,문서를 최신 상태로 유지하므로 모든 기능을 사용하는 방법을 항상 알고 있습니다. 또한 지원을 처리하므로 걸림돌이 생기면 문제를 해결하는 데 도움을 주는 사람입니다. 매일 이러한 도구를 사용하는 사람이 제공하는 실제 답변.
9 월 세일

40% 모든 것을 벗어

모든 마스터 애드온 프로 계획, 연간 및 평생. 하나의 코드, 팔일.

00
00시간
00
00

9월 14일 월요일, 동부 표준시 기준 23:59에 종료됩니다

  • 개인적인1 사이트 $129$77
  • 비즈니스5 사이트 $199$119
  • 개발자무제한 사이트기관에 가장 $599$359

한번 지불하세요 갱신은 절대 안합니다.

쿠폰 코드 말리페40
지금 40% 할인 받으세요
  • 30,000+ 활성 설치
  • 212개의 리뷰에서 4.5/5
  • 14 일 돈 뒤