랜딩 페이지별 콘텐츠 정의 lp-content

랜딩 페이지 콘텐츠를 디자인하기 위해 이메일과 동일한 구성 요소를 사용할 수 있습니다. 자세히 알아보기

사용자가 선택 항목을 선택하고 제출할 수 있도록 특정 콘텐츠를 디자인하려면 양식 구성 요소 사용 및 정의 랜딩 페이지별 스타일.

NOTE
를 사용하지 않고 클릭스루 랜딩 페이지를 만들 수도 있습니다. 양식 구성 요소. 이 경우 랜딩 페이지가 사용자에게 표시되지만 양식을 제출할 필요는 없습니다. 이 기능은 옵트인 또는 옵트아웃과 같은 수신자의 작업 없이 랜딩 페이지를 표시하거나 사용자 입력이 필요하지 않은 정보를 제공하려는 경우에만 유용할 수 있습니다.

랜딩 페이지 콘텐츠 디자이너를 사용하여 하위 페이지의 기본 페이지에서 가져온 컨텍스트 데이터를 활용할 수도 있습니다. 자세히 알아보기

양식 구성 요소 사용 use-form-component

사용자가 랜딩 페이지에서 선택 사항을 선택하고 제출할 수 있도록 하는 특정 콘텐츠를 정의하려면 양식 구성 요소. 그 방법은 다음과 같습니다.

  1. 랜딩 페이지별 드래그 앤 드롭 양식 왼쪽 팔레트에서 기본 작업 영역으로 구성 요소.

    note note
    NOTE
    다음 양식 구성 요소는 동일한 페이지에서 한 번만 사용할 수 있습니다.
  2. 패턴을 선택합니다. 다음 양식 콘텐츠 양식의 여러 필드를 편집할 수 있는 탭이 오른쪽 팔레트에 표시됩니다.

    note note
    NOTE
    다음으로 전환 스타일 언제든지 탭을 클릭하여 양식 구성 요소 콘텐츠의 스타일을 편집할 수 있습니다. 자세히 알아보기
  3. 다음에서 확인란 1 섹션에서 이 확인란에 해당하는 레이블을 편집할 수 있습니다.

  4. 이 확인란이 사용자를 옵트인 또는 옵트아웃할지 여부를 정의합니다. 커뮤니케이션 수신에 동의합니까? 또는 더 이상 연락하지 않도록 요청합니까?

    아래 세 가지 옵션 중에서 선택하십시오.

    • 선택한 경우 옵트인: 사용자가 동의(옵트인)하려면 확인란을 선택해야 합니다.
    • 선택한 경우 옵트아웃: 사용자는 동의(옵트아웃)를 제거하려면 확인란을 선택해야 합니다.
    • 선택한 경우 옵트인, 선택하지 않은 경우 옵트아웃: 이 옵션을 사용하면 옵트인/옵트아웃에 대한 단일 확인란을 삽입할 수 있습니다. 사용자는 동의(옵트인)하려면 이 확인란을 선택하고 동의를 제거(옵트아웃)하려면 선택을 해제해야 합니다.
  5. 다음 세 가지 옵션 중 업데이트할 옵션을 선택합니다.

    • 구독 목록: 프로필에서 이 확인란을 선택하면 업데이트될 구독 목록을 선택해야 합니다. 자세히 알아보기 구독 목록.

    • 채널(이메일): 옵트인 또는 옵트아웃이 전체 채널에 적용됩니다. 예를 들어 옵트아웃하는 프로필에 두 개의 이메일 주소가 있는 경우 두 주소가 모두 모든 통신에서 제외됩니다.

    • 이메일 ID: 옵트인 또는 옵트아웃은 랜딩 페이지에 액세스하는 데 사용한 이메일 주소에만 적용됩니다. 예를 들어 프로필에 두 개의 이메일 주소가 있는 경우 옵트인하는 데 사용된 이메일 주소만 브랜드의 커뮤니케이션을 수신합니다.

  6. 클릭 필드 추가 > 확인란 다른 확인란을 추가합니다. 위의 단계를 반복하여 속성을 정의합니다.

  7. 다음을 추가할 수도 있습니다. 텍스트 필드.

    • 다음을 입력합니다. 레이블 양식에서 필드 맨 위에 표시됩니다.

    • 입력 자리 표시자 텍스트를 입력하십시오. 사용자가 필드를 채우기 전에 필드 내부에 표시됩니다.

    • 다음 확인: 양식 필드를 필수 항목으로 설정 필요한 경우 옵션을 선택합니다. 이 경우 랜딩 페이지는 사용자가 이 필드를 입력한 경우에만 제출할 수 있습니다. 필수 필드를 입력하지 않으면 사용자가 페이지를 제출할 때 오류 메시지가 표시됩니다.

  8. 원하는 확인란 및/또는 텍스트 필드를 모두 추가한 후 클릭 유도 문안 를 클릭하여 해당 섹션을 확장합니다. 에서 버튼의 동작을 정의할 수 있습니다 양식 구성 요소.

  9. 버튼을 클릭하면 발생할 작업을 정의합니다.

    • 리디렉션 URL: 사용자를 리디렉션할 페이지의 URL을 입력합니다.
    • 확인 텍스트: 표시되는 확인 텍스트를 입력합니다.
    • 하위 페이지 링크: 구성 하위 페이지 표시되는 드롭다운 목록에서 선택합니다.

  10. 오류가 발생하는 경우 버튼을 클릭하면 발생할 작업을 정의합니다.

    • 리디렉션 URL: 사용자를 리디렉션할 페이지의 URL을 입력합니다.

    • 오류 텍스트: 표시할 오류 텍스트를 입력합니다. 다음을 정의할 때 오류 텍스트 미리 보기 양식 스타일.

    • 하위 페이지 링크: 구성 하위 페이지 표시되는 드롭다운 목록에서 선택합니다.

  11. 양식을 제출할 때 추가로 업데이트하려면 을(를) 선택합니다 옵트인 또는 옵트아웃 ​을 클릭하고 구독 목록을 업데이트하려는 경우 사용되는 채널 또는 이메일 주소만 정의합니다.

  12. 콘텐츠를 저장하고 페이지 이름 옆에 있는 화살표를 클릭하여 랜딩 페이지 속성.

랜딩 페이지 양식 스타일 정의 lp-form-styles

  1. 양식 구성 요소 콘텐츠의 스타일을 수정하려면 언제든지 스타일 탭.

  2. 다음 필드 섹션은 기본적으로 확장되며 레이블 및 자리 표시자 글꼴, 레이블의 위치, 필드 배경색 또는 필드 테두리와 같은 텍스트 필드의 모양을 편집할 수 있습니다.

  3. 확장 확인란 확인란 및 해당 텍스트의 모양을 정의하는 섹션입니다. 예를 들어 글꼴 모음이나 크기 또는 확인란 테두리 색상을 조정할 수 있습니다.

  4. 확장 단추 구성 요소 양식에서 단추의 모양을 수정하는 섹션입니다. 예를 들어 글꼴을 변경하거나, 테두리를 추가하거나, 마우스로 가리키면 레이블 색상을 편집하거나, 단추의 정렬을 조정할 수 있습니다.

    마우스로 가리키면 표시되는 단추 레이블 색상과 같은 일부 설정을 콘텐츠 시뮬레이션 단추를 클릭합니다. 랜딩 페이지 테스트에 대한 자세한 정보 여기.

  5. 확장 양식 레이아웃 섹션 : 배경색, 패딩 또는 여백 등 레이아웃 설정을 편집합니다.

  6. 확장 양식 오류 섹션에 문제가 발생할 경우 표시되는 오류 메시지의 표시를 조정합니다. 해당 옵션을 선택하여 양식의 오류 텍스트를 미리 봅니다.

기본 페이지 컨텍스트 사용 use-primary-page-context

동일한 랜딩 페이지 내에서 다른 페이지에서 가져온 상황별 데이터를 사용할 수 있습니다.

예를 들어 확인란을 연결하는 경우 (으)로 구독 목록 기본 랜딩 페이지에서 "감사합니다" 하위 페이지의 구독 목록을 사용할 수 있습니다.

기본 페이지의 두 확인란을 두 개의 다른 구독 목록에 연결한다고 가정해 보겠습니다. 사용자가 이 중 하나를 구독하면 선택한 확인란에 따라 양식 제출 시 특정 메시지를 표시할 수 있습니다.

이렇게 하려면 아래 절차를 따르십시오.

  1. 기본 페이지에서 의 각 확인란을 연결합니다. 양식 관련 구독 목록에 대한 구성 요소. 자세히 알아보기.

  2. 하위 페이지에서 텍스트를 삽입할 위치에 마우스 포인터를 놓고 을 선택합니다 개인화 추가 상황별 도구 모음에서 작성합니다.

  3. 다음에서 개인화 편집 창, 선택 컨텍스트 속성 > 랜딩 페이지 > 기본 페이지 컨텍스트 > 구독.

  4. 기본 페이지에서 선택한 모든 구독 목록이 나열됩니다. + 아이콘을 사용하여 관련 항목을 선택합니다.

  5. 표현식 편집기 도우미 함수를 사용하여 관련 조건을 추가합니다. 자세히 알아보기

    note caution
    CAUTION
    표현식에 하이픈과 같은 특수 문자가 있으면 하이픈을 포함하는 텍스트를 이스케이프해야 합니다.
  6. 변경 내용을 저장합니다.

이제 사용자가 확인란 중 하나를 선택하면

양식을 제출하면 선택한 확인란에 해당하는 메시지가 표시됩니다.

NOTE
사용자가 두 확인란을 선택하면 두 텍스트가 모두 표시됩니다.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76