양식에서 동적 블록을 사용하는 방법
예상 5 읽은 시간(분)
|
업데이트 2025년 7월 7일 오전 10:16 EST
학습 내용
학습 내용
동적 블록에 대해 알아보고 가입 양식에서 이를 사용하여 데스크톱 및 모바일 장치에서 쇼핑객을 위한 차별화된 보기와 경험을 생성하는 방법을 알아보세요. 양식의 모든 블록은 표시 여부 설정을 조정하여 동적으로 만들 수 있습니다.
동적 블록을 사용하면 디바이스에 따라 표시되는 블록을 제어할 수 있습니다. 장치에 따라 양식에 블록이 다르게 표시되도록 구성하거나 한 장치에는 표시되지만 다른 장치에는 표시되지 않도록 구성할 수 있습니다.
동적 블록의 사용 사례
- 다양한 디바이스 유형(예: 모바일 및 데스크톱)에 맞게 양식 표시를 사용자 지정하여 쇼핑객이 자신의 화면에 맞는 디자 인을 볼 수 있도록 합니다.
- 전환을 최적화하기 위해 디바이스 유형에 따라 서로 다른 SMS 옵트인 방법을 표시하는 단일 양식을 생성합니다(예: 모바일 디바이스에는 탭하여 텍스트 옵션을 표시하고 데스크톱 디바이스에는 전화번호 입력란을 표시).
시작하기 전 안내 사항
편집기에서 양식을 열고 타겟팅 및 행동 섹션으로 이동합니다. 모든 쇼핑객이 양식을 볼 수 있도록 데스크톱과 모바일 모두에 표시되도록 양식이 설정되어 있는지 확인하세요.
이 설정을 사용하면 데스크톱과 모바일용 디스플레이를 별도로 구성할 수 있습니다.
동적 블록을 사용하여 데스크톱과 모바일 보기를 구분하여 만들기동적 블록을 사용하여 데스크톱과 모바일 보기를 구분하여 만들기
블록 추가 탭에서 기존 또는 새로 추가한 양식의 모든 블록 또는 입력란을 동적으로 만들 수 있습니다. 특정 블록을 표시할 디바이스를 조정하려면 다음 단계를 따르세요:
- 양식 미리 보기 패널에서 블록(예: 텍스트 블록)을 클릭합니다.
- 블록의 왼쪽에 있는 설정 메뉴에서 아래로 스크롤하여 표시 여부로 이동합니다.
- 데스크톱, 모바일 또는 모든 디바이스에서 블록을 표시할지 여부를 선택합니다.
- 동적으로 만들려는 모든 블록에 대해 이 과정을 반복합니다.
각 기기에서 양식이 어떻게 표시되는지 미리 보려면 양식 편집기의 오른쪽 상단에 있는 보기 선택기를 사용하세요. 데스크톱 아이콘과 모바일 디바이스 아이콘을 토글하여 각 보기를 앞뒤로 넘길 수 있습니다.
- 데스크톱 보기는 데스크톱에서 사이트를 탐색하는 쇼핑객에게 양식이 어떻게 표시되는지 보여줍니다. 이 보기에는 데스크톱 및 모든디바이스로 구성된 블록만 표시됩니다.
- 모바일 보기에서는 쇼핑객이 모바일 장치에서 검색할 때 표시되는 내용을 미리 볼 수 있습니다. 모바일 및 모든디바이스에대해 구성된 블록을 표시합니다.
예
양식의 제목 텍스트가 데스크톱과 모바일 장치에서 다르게 표시되기를 원한다고 가정해 보겠습니다. 이를 구성하려면 다음과 같이 하세요:
- 오른쪽 상단의 보기 선택기에서 데스크톱 아이콘을 선택합니다.
- 양식 미리 보기에서 편집할 텍스트를 선택하고 변경합니다.
- 텍스트 블록의 설정 메뉴에서 표시 여부 로 스크롤하여 텍스트 블록이 데스크톱에만 표시되도록 설정합니다.
데스크톱에만 표시되도록 블록을 설정하면 모바일 사용자에게 블록을 숨기도록 선택하는 것이므로 모바일 미리보기에서는 블록이 표시되지 않습니다.
- 모바일 보기를 조정하려면 보기 선택기에서 모바일 아이콘을 선택하여 모바일 미리 보기로 전환합니다.
- 블록 추가 탭으로 이동하여 새 텍스트 요소를 모바일 미리 보기로 끌어다 놓습니다.
- 모바일 쇼핑객을 위한 기본 헤드라인 텍스트를 사용자 지정합니다. 이 텍스트는 데스크톱 버전에서 사용한 텍스트와 달라야 합니다.
- 텍스트 블록의 설정 메뉴에서 표시 여부 까지 아래로 스크롤하여 이 텍스트 블록을 모바일에 표시하도록 설정합니다.