Skip to content

랜딩 페이지 만들기

드래그 앤 드롭 에디터를 사용하여 랜딩 페이지를 만들고 맞춤 설정하는 방법을 알아보고, Braze에서 바로 잠재고객을 늘리고 선호도를 수집할 수 있습니다.

랜딩 페이지 만들기

1단계: 새 초안 만들기

메시징 > 랜딩 페이지로 이동한 다음 랜딩 페이지 만들기를 선택합니다. 기존 랜딩 페이지의 이름을 클릭하여 복제하거나 변경할 수도 있습니다.

Braze 대시보드의 랜딩 페이지 섹션

2단계: 페이지 세부 정보를 입력합니다.

일반 세부 사항

랜딩 페이지 이름과 설명은 내부 작업 공간에서 페이지를 검색하는 데 사용됩니다. 이는 고객에게 보이지 않습니다.

사이트 세부 정보

메타태그를 설정하여 브라우저 탭에서 페이지가 나타나는 방식을 사용자 정의하고 검색 엔진 결과를 최적화하세요. 이는 고객에게 표시됩니다.

다음 모범 사례를 따를 것을 권장합니다:

3단계: 페이지 사용자 지정

아직 저장하지 않았다면 초안으로 저장을 선택합니다. 페이지 사용자 지정을 시작하려면 랜딩 페이지 편집을 선택합니다. 끌어서 놓기 편집기에는 사용 사례에 맞게 사용자 지정할 수 있는 기본 템플릿이 미리 로드됩니다.

드래그 앤 드롭 편집기에서 생성 중인 랜딩 페이지 예시.

편집기는 랜딩 페이지 구성에 기본 블록과 양식 블록이라는 두 가지 유형의 구성 요소를 사용합니다. 모든 블록은 한 줄에 배치되어야 합니다.

'행' 및 '양식 블록'이 포함된 '작성' 섹션

기본 블록

이러한 블록을 사용하여 콘텐츠를 추가하고 랜딩 페이지의 레이아웃을 사용자 지정할 수 있습니다.

양식 블록

이 블록을 사용하여 사용자가 제출한 데이터를 Braze의 프로필에 연결하는 양식을 만들 수 있습니다. 양식 블록을 사용하는 경우 확인 상태에 대한 추가 랜딩 페이지도 만들어야 한다는 점을 기억하세요.

신규 고객을 등록하고 이메일로 할인 코드를 전송하는 양식 블록입니다.

페이지 컨테이너 스타일

탭에서 페이지 컨테이너에 있는 모든 관련 구성 요소 블록에 적용할 스타일을 설정할 수 있습니다. 이 스타일은 특정 블록으로 재정의하는 경우를 제외하고 페이지의 모든 곳에서 사용됩니다.

페이지 컨테이너 수준 스타일을 설정한 후 블록 수준에서 스타일을 커스텀하는 것이 좋습니다. 페이지 전체에 배경 이미지를 추가할 수도 있습니다.

배경 이미지, 색상, 테두리 세부 정보 및 콘텐츠 스타일을 사용자 지정할 수 있는 옵션이 있는 '페이지 컨테이너' 섹션입니다.

4단계: 확인 페이지 만들기

이전 단계에서 랜딩 페이지에 양식을 추가한 경우 확인 상태에 대한 추가 랜딩 페이지를 만든 다음 양식을 제출하는 버튼에 웹 URL 열기 링크를 추가합니다. 그렇지 않으면 다음 단계로 계속 진행합니다.

5단계: 페이지 미리보기

편집기의 미리보기 탭에서 랜딩 페이지를 미리 볼 수 있습니다. 랜딩 페이지를 초안으로 저장한 후 랜딩 페이지로 이동하여 랜딩 페이지 옆에 있는 URL 복사를 선택하여 URL을 방문할 수 있습니다. 협력자와 URL을 공유할 수도 있습니다.

메뉴가 열려 있는 랜딩 페이지에 'URL 복사' 옵션이 표시됩니다.

준비가 완료되면 랜딩 페이지 게시를 선택합니다.

양식 제출 오류 처리

사용자가 유효하지 않은 양식 값을 입력하면(예: 허용되지 않는 특수 문자), 사용자 지정이 불가능한 일반 오류 표시기가 표시되며 양식을 제출할 수 없습니다. 랜딩 페이지 미리 보기에서 오류 동작을 확인할 수 있습니다.

분석 보기

랜딩 페이지의 효과를 분석하려면 메시징 > 랜딩 페이지로 이동한 다음 게시한 랜딩 페이지를 선택합니다. 여기에서 페이지 조회 수, 페이지 클릭 수, 페이지 제출 수 및 랜딩 페이지의 제출 비율을 추적할 수 있습니다.

랜딩 페이지의 분석 섹션입니다.

Github   GitHub 에서 이 페이지를 편집합니다.
이 페이지가 얼마나 도움이 되었나요?
New Stuff!