Elementor를 사용하여 WordPress 웹사이트에 Google 리뷰를 표시하는 방법

게시 됨: 2022-06-24

Elementor를 사용하여 WordPress 웹사이트에 Google 리뷰를 표시하는 방법을 찾고 계십니까?

웹사이트/제품/서비스와 관련된 Google 리뷰를 표시하면 잠재 고객과의 신뢰를 구축하는 데 도움이 됩니다.

이 기사에서는 코드에 대한 걱정 없이 Elementor 페이지 빌더를 사용하여 WordPress 사이트에 Google 리뷰를 쉽게 포함하는 방법을 보여줍니다.

지금 PowerPack 비즈니스 리뷰 위젯을 받으세요!

Elementor에 리뷰를 어떻게 추가합니까?

"Elementor에 리뷰를 추가하려면 어떻게 해야 하나요?"

Elementor는 의심할 여지 없이 가장 인기 있고 사용자 친화적인 WordPress 페이지 빌더 중 하나입니다. 그러나 Elementor를 사용하여 Google 비즈니스 리뷰를 표시하려면 리뷰 위젯과 함께 제공되는 특정 WordPress 리뷰 플러그인 또는 기타 타사 Elementor 애드온을 사용해야 합니다.

Elementor 애드온에 대해 말하자면 PowerPack은 Elementor를 사용하여 WordPress 웹사이트에 Google 및 Yelp 리뷰를 포함하는 데 사용할 수 있는 최고의 도구입니다.

Elementor 애드온용 PowerPack에는 WordPress 사이트에서 비즈니스 리뷰를 손쉽게 선보일 수 있는 비즈니스 리뷰 위젯이 함께 제공됩니다. 완전히 전용 리뷰 섹션을 만들고 원하는 방식으로 사용자 지정할 수 있습니다.

이제 PowerPack 비즈니스 리뷰 위젯의 기능과 이를 사용하여 WordPress에 Google 비즈니스 리뷰를 추가하는 방법을 살펴보겠습니다.

Elementor를 사용하여 WordPress 웹사이트에 Google 리뷰를 표시하는 방법

시작하기 전에 사이트에 Elementor 및 PowerPack 애드온을 설치하고 활성화했는지 확인하십시오.

Google에서 가져오기 비즈니스 리뷰를 가져와 표시하려면 고유한 Google Places API 키가 필요합니다. 따라서 자습서를 진행하기 전에 먼저 Google 리뷰를 표시하기 위해 Google Places API 키를 얻는 방법을 확인하십시오.

Google 리뷰를 표시하기 위해 Google Places API 키를 얻는 방법은 무엇입니까?

Google API 키는 사용자가 Google 지도 및 Google 리뷰와 같은 Google 서비스를 웹사이트에 연결할 수 있도록 하는 코드입니다.

Google Places API 키 만들기

  • Google Places API 키를 얻으려면 Google 개발자 콘솔로 이동하여 프로젝트 만들기 를 클릭하거나 프로젝트 선택 드롭다운 에서 프로젝트를 선택하세요 .
Google 장소 API 키 가져오기
  • 프로젝트 페이지에서 API 및 서비스 활성화를 클릭합니다.
API 및 서비스 활성화
  • 이를 클릭하면 Google API 라이브러리가 열립니다. 검색창에서 Places API 를 선택하고 ENABLE 버튼을 클릭합니다.
장소 API 활성화
  • API를 활성화한 후 Google 콘솔 대시보드로 돌아가서 자격 증명 탭을 클릭합니다.
  • 다음 페이지에서 + CREATE CREDENTIALS 를 클릭하고 API Key를 선택합니다.
자격 증명 생성
  • 새로 생성된 API 키가 팝업 상자에 나타납니다. 키를 복사하고 WordPress 사이트를 엽니다.
Google Places API 키 복사

PowerPack 설정에 API 키 추가

Places API 키를 활성화한 후 PowerPack 설정에 키를 추가합니다.

키를 추가하려면 WP 관리 > Elementor > PowerPack > 통합 으로 이동하여 Google Places API 키 필드에 API 키 를 붙여넣고 변경 사항 저장 버튼을 클릭하십시오.

Google은 api 키를 powerpack 설정에 복사합니다.

PowerPack 비즈니스 리뷰 위젯 끌어서 놓기

두 플러그인을 모두 활성화했으면 Elementor 편집기를 사용하여 사이트 페이지를 열고 페이지에 비즈니스 리뷰 위젯을 끌어다 놓습니다.

위젯의 오른쪽 상단 모서리에 있는 PowerPack 'PP' 기호를 확인하십시오.

PowerPack 비즈니스 검토 위젯의 콘텐츠 탭 사용자 지정

비즈니스 리뷰 위젯의 콘텐츠 탭에서 모든 콘텐츠 사용자 정의 옵션을 찾을 수 있습니다.

이 탭에는 총 5개의 섹션이 있습니다.

  • 비즈니스 리뷰
  • 형세
  • 캐러셀 설정(레이아웃이 캐러셀로 설정된 경우에만 사용 가능)
  • 필터
  • 세부사항 검토

비즈니스 리뷰

elementor를 사용하여 Google 리뷰 포함

이 섹션이 제공하는 기능을 살펴보겠습니다.

  • 스킨: 이 기능은 클래식 및 카드와 같은 비즈니스 리뷰 섹션에 대한 스킨 옵션을 제공합니다.
  • 리뷰 소스: 리뷰를 비즈니스 리뷰 섹션에 직접 표시하려면 소스를 선택하십시오. 여기에 제공된 옵션은 Google 지역 정보, Yelp 및 Google + Yelp입니다.
  • Google 장소 ID: 여기에서 Google 장소 ID를 삭제할 수 있습니다.
  • 언어 코드: 콘텐츠를 표시할 언어 코드를 입력합니다.
  • 리뷰 새로고침 시간: 리뷰 섹션의 리뷰 새로고침 시간을 시간, 일, 주, 월, 연도 등으로 선택합니다.

형세

구글 리뷰 레이아웃

이 섹션이 제공하는 기능을 살펴보겠습니다.

  • 레이아웃: 그리드 및 캐러셀과 같은 주어진 옵션에서 비즈니스 리뷰 섹션의 레이아웃을 선택할 수 있습니다.
  • 리뷰 개수: 표시할 리뷰 개수를 설정합니다.
  • 열: 비즈니스 리뷰 섹션의 열 수를 선택합니다.
  • 동일한 높이: 모든 리뷰에 유사한 높이를 적용하려면 이 옵션을 활성화합니다.

캐러셀 설정

elementor 구글 리뷰 캐러셀 설정

이 섹션에서 사용할 수 있는 옵션을 살펴보겠습니다.

  • 전환 시간 : 적용한 캐러셀의 전환 시간을 설정합니다.
  • 자동 재생: 이 기능을 토글하여 회전 목마 효과에 대한 자동 재생을 설정합니다.
  • 자동 재생 속도: 여기에서 속도를 설정하여 비즈니스 리뷰 섹션에 대한 자동 재생을 활성화할 수 있습니다.
  • 마우스 오버 시 일시 중지: 캐러셀 전환이 마우스 오버 모드에서 일시 중지된 경우 이 옵션을 토글합니다.
  • 상호 작용 시 일시 중지: 사용자 상호 작용 중에 캐러셀 전환을 일시 중지하려면 이 옵션을 토글합니다.
  • 무한 루프: 캐러셀 전환에 대해 무한 루프를 활성화하려면 이 옵션을 켜십시오.
항해
  • 화살표 : 비즈니스 리뷰 섹션의 양쪽에 화살표를 표시하려면 이 옵션을 활성화합니다.
  • 페이지 매김: 이 옵션을 활성화하면 비즈니스 리뷰 섹션 하단에 화살표가 표시됩니다.
  • 페이지 매김 유형: 페이지 매김 유형 으로 점 또는 분수 중에서 선택합니다.
  • 방향: 캐러셀 전환 애니메이션의 방향을 선택합니다.

필터

구글 리뷰 필터링

이 섹션에서 제공하는 옵션을 살펴보겠습니다.

  • 필터링 기준: "최소 평점" 또는 "리뷰 날짜"를 필터로 선택하여 날짜 또는 평점에 따라 리뷰를 표시합니다.
  • 최소 평점: 여기에서 리뷰에 대한 최소 평점을 설정할 수 있습니다.

세부사항 검토

Google 리뷰 세부정보

이 섹션에서 제공하는 옵션을 살펴보겠습니다.

리뷰어 이미지
  • 이미지 표시: 이 옵션을 켜면 비즈니스 리뷰 섹션에 리뷰어 이미지가 표시됩니다.
  • 이미지 위치: '이름 위', '이름 왼쪽' 및 '모든 콘텐츠 왼쪽'과 같은 지정된 옵션에서 이미지의 위치를 ​​선택합니다.
검토자 이름
  • 이름 표시: 비즈니스 검토 섹션에 검토자의 이름을 표시하려면 이 옵션을 켜십시오.
  • 링크 이름: 이 기능을 활성화하여 검토자 이름을 연결합니다.
별점 매기기
  • 별점 표시: 별점 을 표시하려면 이 옵션을 활성화할 수 있습니다.
소스 아이콘 검토
  • 리뷰 소스 아이콘 표시: 비즈니스 리뷰 섹션에 리뷰 소스 아이콘을 표시하려면 이 옵션을 활성화하십시오.
검토 날짜
  • 검토 날짜 표시: 검토 날짜 를 표시하려면 이 옵션을 활성화합니다.
  • 유형 선택: '숫자' 또는 '상대' 중 지정된 옵션에서 검토 날짜 유형을 선택합니다.
검토 텍스트
  • 리뷰 텍스트 표시: 비즈니스 리뷰 섹션에 리뷰 텍스트를 표시하려면 이 옵션을 켜십시오.
  • 텍스트 길이: 이 옵션을 사용하여 리뷰 텍스트 길이를 선택합니다.
  • 더 읽기 텍스트: 시청자가 전체 리뷰를 탐색할 수 있도록 더 읽기 텍스트에 레이블을 지정합니다.

비즈니스 리뷰 위젯의 스타일 탭 사용자 지정

비즈니스 리뷰 위젯의 콘텐츠 탭을 사용자 지정했으면 다른 섹션으로 이동하여 비즈니스 리뷰 섹션에 몇 가지 스타일 지정 기능을 적용합니다.

비즈니스 리뷰 위젯의 스타일 탭에는 총 9개의 섹션이 있습니다.

  1. 형세
  2. 상자
  3. 영상
  4. 이름
  5. 검토 날짜
  6. 평가
  7. 검토 텍스트
  8. 화살표(레이아웃이 "캐러셀"로 설정된 경우에만 사용 가능)
  9. 페이지 매김(레이아웃이 "캐러셀"로 설정된 경우에만 사용 가능)

형세

리뷰 섹션의 스타일 레이아웃.png

이 섹션에서는 비즈니스 리뷰 섹션의 리뷰 탭 사이의 열 간격을 조정할 수 있습니다.

상자

스타일 리뷰 상자
  • 배경색: 비즈니스 리뷰 섹션에서 각 리뷰를 표시하는 상자의 배경색을 선택합니다.
  • 테두리 유형: 이 옵션을 사용하여 상자의 테두리 유형을 선택합니다.
  • 너비: 여기에서 테두리 너비를 설정할 수 있습니다.
  • 색상: 이 옵션을 사용하면 상자의 테두리 색상을 설정할 수 있습니다.
  • 테두리 반경: 이 옵션을 사용하여 상자에 부드러운 가장자리를 표시하도록 테두리 반경을 설정합니다.
  • 상자 그림자: 이 옵션을 사용하여 상자의 그림자 효과를 사용자 정의합니다.
  • 패딩: 여기에서 테두리 패딩을 조정합니다. 이렇게 하면 테두리와 텍스트 부분 사이에 공간이 유지됩니다.
  • 구분 기호: 이 옵션을 사용하여 검토 텍스트와 나머지 부분 사이에 구분 기호를 표시할 수 있습니다.
  • 색상: 여기에서 구분 기호 색상을 선택할 수 있습니다.
  • 크기: 여기에서 구분 기호의 크기를 조정할 수 있습니다.

영상

elementor로 스타일 구글 리뷰
  • 이미지 크기: 이 옵션으로 리뷰어 이미지 크기를 조정할 수 있습니다.
  • 간격: 이 옵션을 사용하면 표시되는 이미지와 텍스트 사이에 공간을 허용할 수 있습니다.
  • 테두리 유형: 리뷰어 이미지의 테두리 유형을 선택합니다.
  • 테두리 반경: 이미지에 테두리를 적용한 경우 여기에서 반경을 설정할 수 있습니다.

이름

elementor로 Google 비즈니스 리뷰 사용자 정의
  • 이 섹션에서는 비즈니스 리뷰 섹션에서 이름 텍스트의 색상, 타이포그래피 및 하단 간격을 변경할 수 있습니다.

검토 날짜

검토 날짜에 대한 사용자 지정 옵션
  • 이 섹션에서는 비즈니스 리뷰 섹션에서 이름 텍스트의 색상, 타이포그래피 및 하단 간격을 변경할 수 있습니다.

평가

Google 비즈니스 리뷰 요소에서 평점 사용자 정의
  • 별 아이콘 스타일: 사용자 정의와 기본 중 별 아이콘 스타일을 선택합니다.
  • 표시되지 않은 스타일: 여기에서 표시되지 않은 등급 스타일을 선택할 수 있습니다.
  • 하단 간격: 이 옵션을 사용하여 등급 부분 아래의 간격을 허용합니다.
  • 크기: 이 옵션을 사용하면 별점 크기를 설정할 수 있습니다.
  • 간격: 이 옵션을 사용하여 각 등급 사이의 간격을 사용자 지정합니다.
  • 색상: 이 옵션을 사용하여 평가할 색상을 선택합니다.
  • 표시되지 않은 색상: 이 옵션을 사용하면 표시되지 않은 등급에 대한 색상을 설정할 수 있습니다.

검토 텍스트

스타일 리뷰 텍스트

이 섹션에 대한 옵션을 통해 "검토 텍스트" 및 "더 많은 텍스트 읽기"에 대한 텍스트 색상과 타이포그래피를 사용자 지정할 수 있습니다.

화살표

스타일 화살표
  • 화살표 선택: 아이콘 라이브러리에서 화살표를 선택하려면 이 옵션을 사용하십시오.
  • 화살표 크기: 이 옵션을 사용하여 화살표 크기를 설정합니다.
  • 왼쪽 화살표 정렬: 왼쪽 화살표를 왼쪽이나 오른쪽으로 드래그하여 정렬할 수 있습니다.
  • 오른쪽 화살표 정렬: 오른쪽 화살표를 왼쪽이나 오른쪽으로 드래그하여 오른쪽 화살표를 정렬할 수 있습니다.
  • 배경색: 이 옵션을 사용하여 두 화살표의 배경색을 설정합니다.
  • 색상: 이 옵션을 사용하여 화살표의 색상을 사용자 정의합니다.
  • 테두리 유형: 이 옵션을 사용하여 화살표의 테두리 유형을 선택합니다.
  • 테두리 반경: 화살표에 테두리를 적용한 경우 여기에서 사용자 지정할 수 있습니다.
  • 패딩: 화살표에 적용한 테두리의 패딩을 조정합니다.

페이지 매김: 점

쪽수 매기기
  • 직위: 비즈니스 리뷰 상자에서 '외부' 또는 '내부' 직위를 선택합니다.
  • 크기: 이 옵션을 사용하여 페이지 매김: 점의 크기를 설정합니다.
  • 간격: 이 옵션을 사용하여 점 사이의 간격을 사용자 지정할 수 있습니다.
  • 색상: 이 옵션을 사용하여 페이지 매김 점의 색상을 설정합니다.
  • 활성 색상: 이 옵션을 사용하여 페이지 매김 점의 활성 색상을 설정합니다.
  • 테두리 유형: 페이지 매김 점의 테두리 유형을 선택합니다.
  • 테두리 반경: 이 옵션을 사용하면 페이지 매김 점의 테두리 반경을 설정할 수 있습니다.
  • 여백 : 이 옵션을 사용하여 페이지 매김 점의 여백을 조정합니다.

페이지 매김: 분수

  • 페이지 매김: 분수 섹션에는 페이지 매김 분수 텍스트의 텍스트 색상과 타이포그래피를 사용자 지정하는 옵션이 있습니다.

마무리!

이 튜토리얼 블로그가 Elementor Google 리뷰 위젯 - PowerPack 비즈니스 리뷰 위젯을 사용하여 웹사이트에 대한 환상적인 비즈니스 리뷰 섹션을 만드는 데 도움이 되었기를 바랍니다.

우리는 항상 우리 제품의 기능을 사용자 친화적인 방식으로 유지하여 누구나 이 튜토리얼 블로그의 도움으로 누구나 사용할 수 있도록 노력합니다.

Elementor용 PowerPack Business Review 위젯을 받으려면 여기를 클릭하십시오.

여기에 의견을 남겨주세요. 귀하의 회신을 받고 싶습니다.