웹사이트에 Wall of Love 추가하는 방법 (10분 안에)
Wall of Love는 웹사이트에 고객 후기를 모아서 보여주는 디스플레이입니다. 텍스트 리뷰, 영상 클립, 별점, 실명이 하나의 레이아웃에 담겨 방문자가 쉽게 둘러볼 수 있습니다. 새 후기를 승인할 때마다 자동으로 업데이트되는, 고객 사랑의 하이라이트 모음입니다.
Notion, Loom, Linear 같은 기업들도 마케팅 사이트에 후기 월을 활용합니다. 효과가 있는 이유는 간단합니다. 여러분이 직접 제품 좋다고 말하는 게 아니라, 수십 명의 실제 고객이 대신 말해주기 때문입니다.
지금부터 아무것도 없는 상태에서 10분 안에 사이트에 Wall of Love를 올리는 방법을 알려드립니다.
Wall of Love가 전환율을 높이는 이유
방법 설명에 앞서, 왜 효과가 있는지 간단히 짚어보겠습니다.
- **소비자의 83%**가 브랜드 콘텐츠보다 동료의 추천을 더 신뢰합니다
- 세일즈 페이지의 후기는 전환율을 최대 34%까지 높일 수 있습니다
- 영상 후기는 시청자의 62%에게 신뢰감을 높여주며, 텍스트만의 경우 34%와 비교됩니다
Wall of Love는 이 모든 사회적 증거를 한 곳에 모아줍니다. 방문자는 양적 증거(“이렇게 많은 사람이 좋아한다”), 구체성(“정확히 무엇을 좋아하는지”), 진정성(“실명, 실제 얼굴, 실제 영상”)을 한눈에 확인합니다. 대규모로 신뢰를 쌓는 가장 효율적인 방법입니다.
1단계: 후기 수집하기
후기를 보여주려면 먼저 수집해야 합니다. 이미 이메일, Slack 메시지, 스크린샷, 리뷰 플랫폼에 후기가 있다면 수동으로 추가할 수 있습니다. 하지만 가장 좋은 방법은 수집 폼을 만들어 후기가 자동으로 들어오게 하는 것입니다.
공유 링크가 있는 수집 폼을 만드세요. 이메일로 고객에게 보내거나, 앱에 임베드하거나, 고객 지원 이후에 공유하세요. 고객은 별점과 함께 텍스트 리뷰를 쓰거나, 브라우저에서 직접 영상 후기를 찍을 수 있습니다.
각 후기는 대시보드에 “신규” 상태로 올라옵니다. 확인 후 승인하거나 보관합니다.
승인된 후기만 Wall of Love에 표시됩니다. 공개 내용은 항상 직접 관리합니다.
2단계: 레이아웃 선택하기
Wall of Love는 어떻게 보여줄지에 따라 여러 레이아웃을 지원합니다.
Masonry
가장 인기 있는 선택입니다. 다양한 높이의 후기 카드가 Pinterest 스타일 그리드로 배열됩니다. 긴 텍스트 리뷰와 영상 썸네일이 나란히 배치됩니다. 유기적이고 풍성한 느낌으로, 진짜 고객 사랑의 벽 같습니다.
적합한 곳: 랜딩 페이지, 전용 후기 페이지, 볼륨을 보여주고 싶은 곳.
그리드
모든 카드 높이가 동일한 균일한 그리드입니다. Masonry보다 깔끔하고 구조적입니다. 후기 길이가 비슷할 때 잘 어울립니다.
적합한 곳: 제품 페이지, 소개 페이지, 일관되고 깔끔한 느낌을 원할 때.
Carousel
후기를 하나씩 순환하는 가로 슬라이더입니다. 세로 공간을 적게 차지해 긴 페이지 안의 한 섹션으로 활용하기 좋습니다.
적합한 곳: 홈페이지 섹션, 가격 페이지, 레이아웃을 압도하지 않으면서 사회적 증거를 보여주고 싶은 곳.
리스트
후기 카드를 세로로 쌓은 형태입니다. 단순하고 읽기 쉬우며 모바일 친화적입니다. 각 후기가 전체 너비를 차지합니다.
적합한 곳: 사이드바 위젯, 좁은 컨테이너, 미니멀한 디자인.
3단계: Wall 설정하기
레이아웃을 선택한 후 세부 사항을 설정하세요.
- 포함할 후기를 선택하세요. 승인된 모든 후기를 사용하거나, 이 Wall에 맞는 것만 직접 고르세요.
- 임베드 이름을 지정하세요. 여러 Wall을 관리할 때 편합니다 (예: “홈페이지 Wall”, “가격 페이지 Carousel”).
- 외관을 조정하세요. 사이트 디자인에 맞게 설정을 바꾸세요.
설정하는 동안 실시간 미리보기가 표시됩니다. 보이는 그대로 방문자에게도 보입니다.
4단계: 사이트에 임베드하기
임베드 코드를 복사하세요. 세 가지 방법이 있습니다.
스크립트 태그 (권장)
HTML에 붙여넣는 단일 <script> 태그입니다. Wall이 해당 위치에 렌더링되며 컨테이너 너비에 반응형으로 표시됩니다. WordPress, Webflow, Shopify, 자체 개발 사이트 등 어디서든 작동합니다.
<script src="https://loveboard.io/embed/your-embed-id.js"></script>iFrame
JavaScript 삽입이 불가능한 환경을 위한 <iframe> 임베드입니다. 유연성은 다소 떨어지지만 어디서든 작동합니다.
<iframe src="https://loveboard.io/embed/your-embed-id" width="100%" height="600"></iframe>직접 링크
Wall of Love를 독립 페이지로 여는 공개 URL입니다. 이메일, 소셜 미디어 등 임베드 없이 후기를 공유하고 싶을 때 유용합니다.
5단계: 확인하고 공개하기
임베드 코드를 붙여넣은 후:
- 페이지를 미리보기하세요. Wall이 올바르게 표시되는지, 다양한 화면 크기에서 보기 좋은지 확인하세요.
- 모바일에서 확인하세요. Wall은 반응형이지만, 실제 사이트에서 레이아웃이 잘 작동하는지 검증하세요.
- 자동 업데이트를 테스트하세요. 대시보드에서 새 후기를 승인하고 Wall에 반영되는지 확인하세요.
이게 전부입니다. Wall of Love가 라이브로 올라갔습니다.
Wall of Love를 어디에 배치할까
후기가 가장 큰 효과를 낼 위치가 어디인지 고민된다면, 전환율이 높은 배치 위치를 참고하세요.
랜딩 페이지
히어로 섹션 아래, 가격 섹션 위입니다. 방문자가 제품이 무엇을 하는지 막 알게 된 시점입니다. 이제 효과가 있다는 증거를 보여줄 차례입니다. 10~20개 후기로 구성된 Masonry Wall of Love는 신뢰와 모멘텀을 강하게 전달합니다.
가격 페이지
구매 결정이 이루어지는 곳입니다. 그런데 후기가 없는 경우가 대부분입니다. 가격표 근처의 Carousel이나 Rating Badge가 결제 여부를 고민하는 바로 그 순간에 방문자를 안심시켜 줍니다.
제품 페이지 (이커머스)
제품 설명 아래에 실제 고객의 영상 언박싱과 텍스트 리뷰를 보여주세요. 영상 후기는 여기서 특히 효과적입니다. 누군가가 실제로 제품을 들고 사용하는 모습을 보면 불확실함이 사라집니다.
전용 후기 페이지
일부 기업은 /testimonials 또는 /wall-of-love 페이지를 만들어 내비게이션에 링크합니다. 후기가 많은 기업에 적합하며, 탐색할 수 있는 증거 페이지가 됩니다.
소개 페이지
팀 이야기와 미션 뒤에 고객 후기 섹션을 넣으면 신뢰도가 높아집니다. “우리는 이런 사람들입니다” 다음에 “고객들은 이렇게 생각합니다”는 자연스러운 흐름입니다.
Wall of Love를 신선하게 유지하기
Wall of Love는 한 번 설정하고 잊어버리는 기능이 아닙니다. 신선한 후기가 신뢰성을 유지해줍니다.
- 수집을 워크플로우에 포함하세요. 온보딩 후, 지원 성공 후, 고객 마일스톤 시점에 수집 폼 링크를 보내세요.
- 정기적으로 승인하세요. 매주 대시보드를 확인하고 새 후기를 승인해 Wall을 최신 상태로 유지하세요.
- 추천 후기를 교체하세요. Carousel을 사용하거나 후기를 직접 선택하는 경우, 주기적으로 새것으로 바꿔주세요.
- 텍스트와 영상을 함께 사용하세요. 두 형식이 섞인 Wall이 더 진정성 있게 느껴지고 주목도가 오래갑니다.
시작하기
아무것도 없는 상태에서 10분 안에 라이브 Wall of Love를 만들 수 있습니다.
- LoveBoard 무료 계정 생성 (신용카드 불필요)
- 첫 번째 수집 폼 설정
- 후기 몇 개를 수동으로 추가 (또는 고객에게 폼 전송)
- Wall of Love 임베드 생성
- 사이트에 임베드 코드 붙여넣기
무료 플랜에는 테스트에 필요한 모든 것이 포함됩니다. 수집 폼 1개, 영상 후기 3개, 임베드 1개.