Braze Landing Pages : 마케터가 개발자 없이도 직접 웹페이지를 만들 수 있다면?

Braze의 랜딩 페이지(Landing Pages) 기능은 개발 지식 없이도 누구나 손쉽게 웹페이지를 만들 수 있는 기능입니다. 이벤트 참여 유도, 프로모션 안내, 설문조사 수집, 상품 리스트 페이지, 프로모션 상세 페이지 등 다양한 마케팅 목적에 맞춰 직접 페이지를 설계할 수 있죠. 프레젠테이션 툴이나 디자인 툴처럼 드래그 앤 드롭 방식으로 구성할 수 있으며, 실시간 데이터 수집, 연계된 캠페인 구성도 매우 손쉽게 가능합니다.

랜딩 페이지 주요 특징 정리

랜딩 페이지 기능의 주요 특징을 정리하면 다음과 같습니다!

• 개발자 도움 없이도 제작 가능: 마케터가 직접 에디터로 페이지 생성이 가능합니다.

• 고객 정보 수집: 이메일, 전화번호 등 자유로운 포맷으로 사용자 입력 값을 수집할 수 있습니다.

• 즉시 마케팅 활용: 수집된 정보는 사용자 프로필에 자동 저장되어 향후 캠페인 타겟팅에 활용할 수 있습니다.

• 브랜드 도메인 사용 가능: 생성한 페이지에는 marketing.mybrand.com과 같이 자사 도메인 연결이 가능힙니다.

• 성과 측정 지원: 페이지 방문, 클릭, 제출 수 등 실시간 통계 확인이 가능합니다.

• Braze 메시지와 연결 가능: 메시지 속 버튼에 랜딩페이지 링크 연결이 가능합니다.

랜딩 페이지 사용 방법

1. Braze 콘솔에서 Messaging > Landing Pages 진입

2. 새 페이지 생성 또는 기존 템플릿 복제

3. 텍스트, 버튼, 이미지 등 구성 요소 배치

4. 미리보기 확인 후 게시

5. 고유 URL 생성 후 캠페인에서 활용

페이지 Build를 위한 도구에 대해서도 간단하게 알아보겠습니다. 크게 Blocks라는 페이지를 구성하는 기본 요소가 있고, From Blocks라는 유저 데이터를 수집하기 위한 블록이 존재합니다.

Blocks

- Title, Paragraph : 텍스트를 입력할 수 있는 블록입니다. 상업적으로 사용 가능한 폰트 또는 자사 폰트가 있다면 OTF,TTF 파일을 업로드하여 바로

적용할 수 있습니다.

- Button : 입력된 폼을 제출하거나 그 외 특정 페이지 랜딩 등 Action 요소를 포함한 버튼을 자유롭게 추가할 수 있습니다.

- Image : 로컬에 갖고 있는 이미지를 자유롭게 추가하여 페이지를 꾸밀 수 있습니다.

- Custom Code : 블록으로 구성된 HTML, CSS 요소 외적으로 커스텀한 스타일링을 주고 싶거나, Javascript 동작(버튼 클릭 시 알럿 등)을 추가하고자 할 때 HTML,CSS, Javascript로 구성된 내용을 중간 중간 추가해볼 수 있습니다.

From Blocks

- Phone(Email) Capture : 유저에게 직접 Phone Number, Email Address를 수집하고, 폼 제출 시 즉각 프로필에 이 값을 저장하도록 구성할 수 있습니다.

- Input Field, Dropdown, Checkbox : 주관식 입력, 드롭다운, 체크박스 등 풍성한 데이터 수집을 할 수 있는 블록입니다.

랜딩 페이지 활용 예시

1. Referrer(레퍼러) 캠페인을 통한 신규 가입 유도

Input Field와 같은 블록을 이용해서 추천하고 싶은 친구의 이메일 주소를 받는다던가, 추천인 코드 등을 입력하는 페이지를 구성할 수 있습니다.

• 사용자가 친구의 이메일을 입력하면 해당 이메일로 쿠폰코드를 전송

• 동시에 새로운 프로필이 생성되어 Braze에서 사용자로 인식

• 이후 자동 메시지 발송으로 가입 전환 유도

2. 설문조사 페이지 제작

이름, 나이, 관심사 등 다양한 항목으로 구성하여, 설문조사 페이지를 제작해볼 수 있습니다. 응답은 사용자 커스텀 속성으로 저장되며, 기존 이메일/전화번호로 프로필을 매칭하여 데이터 통합이 가능해 활용도가 높습니다.

3. 쿠폰/이벤트 페이지

특정 캠페인에 대한 전용 랜딩페이지를 생성할 수 있습니다. 텍스트와 이미지 등을 이용해서 캠페인에 대한 안내를 할 수 있으며, CTA(버튼 클릭) 유도와 함께 외부 페이지 연결이 가능합니다.

4. 리타게팅 트리거로 활용

Braze 랜딩 페이지에서 폼을 제출한 사용자를 묶어, 이후 메시지 발송 또는 Canvas 자동 흐름에 활용할 수 있습니다.

랜딩 페이지, 실제 따라해보기

Referrer(레퍼러) 캠페인을 통한 신규 가입 유도

위에서 살펴본 1번 예시인 Referrer 캠페인을 실제 작성해보겠습니다!

레퍼러 마케팅을 통한 회원가입을 유도하고자 한다면, 위와 같이 원하는 이미지, 텍스트를 조합하고 ‘이메일’을 입력할 수 있도록 구성합니다. (Custom Code Block을 활용한다면 Javascript를 조합하여 링크 복사 등도 구현해볼 수 있겠죠?) 그런 후 Action-Based 캠페인을 미리 구성해두고, Landing Page Form 을 제출했을 때 이메일이 발송되도록 구성합니다.

그럼 유저가 Landing Pages 에 정보를 입력하고 제출하는 순간 이메일이 발송되도록 구성해볼 수 있으며, 이메일 내 미리 준비된 쿠폰코드를 제공하거나 이메일 내 쿠폰코드가 포함된 링크를 삽입하고 개발단에선 이를 기반으로 회원가입 후 즉시 쿠폰이 지급되도록 구성해볼 수 있습니다. 이후 유저가 실제 회원가입을 진행하며 Email 주소(혹은 휴대폰 번호)를 입력하게 되어 동일한 Email이 포함된 프로필이 생성될 경우, Email 주소를 기반으로 사용자를 자동 Merge 시키는 것도 가능합니다.

관련 공식 가이드 보러가기

설문조사 페이지 제작

Survey 를 통해서 유저로부터 정보를 미리 수집하고, 혜택과 정보를 제공하여 유저 획득을 기획해볼 수도 있습니다. 가령 아래 이미지와 같습니다.

위의 이미지는 dropdown, checkbox, Email Capture 블록을 활용하여 유저로부터 필요한 정보를 수집할 수 있도록 구성했습니다. 각각의 폼 블록들에 대해선 Log Custom Attribute를 추가하여, 유저 프로필에 즉시 적재가 되도록 구성할 수 있습니다. 당연하게도 이렇게 적재된 데이터는 추후 개인화, 타겟팅에 활용할 수 있습니다.

유저가 선택한 정보를 기준으로 아래의 이미지처럼 자동으로 Attribute 가 적재됩니다.

마치며: 마케터가 손쉽게 직접 만드는 랜딩 페이지!

Braze 랜딩페이지는 복잡한 개발 없이도 누구나 직접 웹페이지를 제작할 수 있는 마케팅 도구입니다. 콘솔에서 제공되는 직관적인 에디터를 통해 클릭만으로 콘텐츠를 만들고, 수집된 데이터는 자동으로 사용자 프로필에 저장되어 즉시 마케팅에 활용할 수 있습니다. 별도의 개발 없이 다음과 같은 3 단계로 바로 시작할 수 있습니다.

1. 템플릿 선택 및 콘텐츠 구성

2. 타겟 설정 또는 메시지에 URL 연결

3. 게시 후 성과 확인 및 리타게팅 활용

랜딩페이지에서 입력된 정보는 자동 이벤트로 기록되며, 이후 Braze 캠페인에서 실시간 분석 및 세그먼트 전략에 즉시 적용할 수 있습니다. 이제 설문조사, 추천인 등록, 이벤트 페이지, 상품 리스트 등 다양한 사용자 경험을 손쉽게 구현해보세요.

랜딩 페이지 공식 가이드 바로가기

Landing Pages 활용에 도움이 필요하신가요?

팀 맥소노미 Braze 도입문의 바로가기