Skip to content

드래그 앤 드롭 편집기 블록

편집기 블록은 드래그 앤 드롭 편집기에서 행과 열로 드래그하는 타일입니다.

사용 중인 편집기를 선택하세요:

인앱 메시지 편집기 블록

편집기 블록은 인앱 메시지의 Build 섹션에 있습니다. 블록을 열 안으로 드래그하면 열 너비에 맞게 자동으로 조정됩니다. 블록을 선택하면 오른쪽 패널에서 해당 설정을 편집할 수 있습니다.

드래그 앤 드롭 편집기에서 인앱 메시지를 만드는 방법에 대한 자세한 내용은 드래그 앤 드롭으로 인앱 메시지 만들기를 참조하세요.

제목 및 단락

메시지에 제목 또는 단락 텍스트를 추가합니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
텍스트 색상 텍스트의 색상을 변경합니다.

버튼

스타일, 링크, 분석을 설정할 수 있는 표준 버튼을 추가합니다.

등록정보 설명
버튼 너비 버튼의 너비를 자동 또는 수동으로 조정합니다.
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
자간 각 문자 사이의 간격을 조정합니다.
버튼 정렬 버튼을 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
버튼 텍스트 색상 버튼의 텍스트 색상을 변경합니다.
배경색 버튼의 배경색을 변경합니다.
테두리 스타일 버튼 테두리의 스타일을 결정합니다.
테두리 반경 모서리의 둥근 정도를 결정합니다.

클릭 시 동작

동작 설명
버튼 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별로 별도의 동작 설정 각 플랫폼에 대해 버튼의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 버튼을 클릭할 때 수행할 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동, 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 버튼 클릭 시 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자도 선택할 수 있습니다.

라디오 버튼

사용자가 하나를 선택할 수 있는 옵션 목록을 추가합니다. 제출 시 고객 프로필에 관련 커스텀 속성이 기록되며, 저장하려면 문자열이어야 합니다. 다른 데이터 유형의 커스텀 속성은 고객 프로필에 저장되지 않습니다.

등록정보 설명
커스텀 속성 이름 폼이 제출될 때 사용자가 선택한 옵션을 저장할 커스텀 사용자 속성을 선택합니다.
총 선택 항목 수 옵션 목록입니다. 각 옵션에는 라벨 텍스트(사용자에게 표시되는 내용)와 속성 값(저장되는 내용)이 있습니다. 최소 2개에서 최대 15개까지 선택 항목을 추가할 수 있습니다.
글꼴 패밀리 라디오 그룹 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께입니다(예: 가늘게, 보통, 굵게).
글꼴 크기 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 옵션 라벨 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 블록 내 선택 항목의 가로 정렬입니다.
강조 색상 라디오 버튼 컨트롤에 사용되는 색상입니다(예: 선택된 상태 표시기).
패딩 블록 주변의 간격입니다.

이미지

미디어 라이브러리에서 이미지를 삽입합니다.

등록정보 설명
URL 이미지의 호스팅 주소입니다.
정렬 이미지를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
배경색 이미지의 배경색을 변경합니다.
테두리 스타일 이미지 테두리의 스타일을 결정합니다.
테두리 반경 이미지 모서리의 둥근 정도를 결정합니다.

이미지 사양에 대한 내용은 인앱 메시지 이미지 사양을 참조하세요.

클릭 시 동작

동작 설명
대체 텍스트 이미지가 로드되지 않을 때 이미지 대신 표시되는 텍스트입니다. 스크린 리더는 대체 텍스트를 읽어 이미지를 설명하므로, 이미지에 대한 핵심 정보를 간결한 언어로 제공하세요.
이미지 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별 개별 동작 설정 각 플랫폼에 대해 이미지의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 이미지를 클릭할 때 수행되는 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 이미지를 클릭할 때 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자를 선택할 수도 있습니다.

사용자가 클릭하여 지정된 URL로 이동할 수 있는 하이퍼링크를 삽입합니다. 텍스트 내에 포함하거나 독립적으로 사용할 수 있습니다.

등록정보 설명
Font family 텍스트의 글꼴 스타일입니다.
Font weight 텍스트의 두께를 결정합니다.
Letter spacing 각 문자 사이의 간격을 조정합니다.
Text color 텍스트의 색상을 변경합니다.

클릭 시 동작

동작 설명
URL 이동할 하이퍼링크입니다.
보고서용 식별자 보고에 사용할 식별자를 결정합니다.

공백

다른 블록 사이에 공간이나 패딩을 추가합니다.

등록정보 설명
배경색 스페이서의 배경색을 수정합니다.
높이 스페이서의 높이를 수정합니다. 스페이서의 크기 조절 핸들을 사용하여 수정할 수도 있습니다.

커스텀 코드

고급 커스터마이징을 위해 커스텀 HTML, CSS 또는 JavaScript를 삽입합니다.

속성 설명
커스텀 코드 인앱 메시지의 HTML, CSS 및 JavaScript를 추가, 편집 또는 삭제할 수 있습니다.

전화번호 캡처

전화번호 입력 양식 필드를 삽입합니다. 제출 시 사용자는 SMS 또는 WhatsApp 구독 그룹에 가입됩니다.

등록정보 설명
구독 그룹 제출 시 사용자가 가입하는 SMS 또는 WhatsApp 구독 그룹입니다. 모든 국가의 전화번호를 수집하는 옵션이 포함되어 있습니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 전화번호입니다.

이메일 캡처

이메일 주소 입력 양식 필드를 삽입합니다. 제출 시 이메일 주소가 Braze에서 해당 사용자의 프로필에 추가됩니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
텍스트 색상 텍스트의 색상을 변경합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 이메일 주소입니다.

짧은 텍스트

표준 속성(예: 이름 및 성) 또는 원하는 커스텀 속성 문자열을 지원하는 양식 필드를 삽입합니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 해당 필드를 반드시 입력해야 하는지 여부를 표시합니다.
최대 문자 수 사용자가 입력할 수 있는 최대 문자 수를 제한합니다(문자열 커스텀 속성은 최대 255자).
입력 안내 텍스트 사용자가 입력하기 전까지 입력 필드 안에 표시되는 텍스트입니다.
속성 제출된 값을 고객 프로필에 이름, 성 또는 커스텀 속성으로 저장합니다.
커스텀 속성 이름 제출된 값을 수신할 문자열 커스텀 속성을 선택합니다(속성이 커스텀 속성으로 설정된 경우 사용 가능).
글꼴 패밀리 입력 텍스트의 서체입니다.
글꼴 두께 입력 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 입력 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
자간 문자 사이의 가로 간격입니다.
색상 필드에 입력된 텍스트의 색상입니다.
텍스트 정렬 필드 내 입력 텍스트의 가로 정렬입니다.
패딩 블록 주위의 간격입니다.

드롭다운

사용자가 하나를 선택할 수 있는 미리 정의된 항목 목록이 포함된 드롭다운을 삽입합니다. 목록에 커스텀 속성 문자열을 추가할 수 있습니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 사용자가 옵션을 반드시 선택해야 하는지 여부를 표시합니다.
입력 안내 텍스트 사용자가 옵션을 선택하기 전까지 드롭다운에 표시되는 텍스트입니다.
커스텀 속성 이름 선택된 값을 수신할 커스텀 사용자 속성을 선택합니다.
전체 옵션 옵션 목록입니다. 각 옵션에는 옵션 레이블(사용자에게 표시되는 값)과 속성 값(저장되는 값)이 있습니다.
글꼴 패밀리 드롭다운 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 텍스트의 크기입니다.
줄 높이 세로 줄 간격입니다.
텍스트 색상 드롭다운 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 드롭다운의 가로 정렬(왼쪽 또는 가운데)입니다.
패딩 블록 주변의 간격입니다.

체크박스

체크박스를 삽입합니다. 사용자가 체크박스를 선택하면 블록의 부울 커스텀 속성이 true로 설정됩니다. 선택하지 않으면 속성이 false로 설정됩니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 체크박스를 반드시 선택해야 하는지 여부를 표시합니다.
커스텀 속성 이름 체크 시 true, 체크 해제 시 false를 수신할 부울 커스텀 속성을 선택합니다.
강조 색상 체크박스 제어 스타일링에 사용되는 색상입니다.
패딩 블록 주위의 간격입니다.

체크박스 그룹

사용자는 여러 선택지 중에서 선택할 수 있습니다. 값은 정의된 배열 커스텀 속성에 설정되거나 추가됩니다.

등록정보 설명
필수 입력 필드 사용자가 제출하기 전에 최소 옵션 수 이상을 선택해야 하는지 여부를 표시합니다.
최소 선택 수 사용자가 선택해야 하는 최소 옵션 수입니다(필드가 필수인 경우).
최대 선택 수 사용자가 선택할 수 있는 최대 옵션 수입니다.
커스텀 속성 이름 선택된 값이 기록될 배열 커스텀 속성을 선택합니다.
동작 제출 시 Sets items(배열을 대체) 또는 Adds items(배열에 추가) 중 어떤 동작을 수행할지 설정합니다.
전체 선택 항목 옵션 목록입니다. 각 옵션에는 Label text(사용자에게 표시되는 텍스트)와 Attribute value(저장되는 값)가 있습니다.
글꼴 패밀리 옵션 레이블에 사용되는 서체입니다.
글꼴 두께 옵션 레이블 텍스트의 두께입니다(예: light, normal, bold).
글꼴 크기 옵션 레이블 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 옵션 레이블 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 그룹의 가로 정렬입니다(시작 또는 가운데).
강조 색상 체크박스 컨트롤의 색상입니다.
패딩 블록 주변의 간격입니다.

긴 텍스트

설문조사 스타일 플로우를 위한 여러 줄 텍스트 필드입니다. 이 블록이 보이지 않으면 Braze 고객지원 또는 Braze 고객 성공 매니저에게 문의하세요.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 해당 필드를 반드시 입력해야 하는지 여부를 표시합니다.
최소 문자 수 사용자가 입력해야 하는 최소 문자 수입니다.
최대 문자 수 사용자가 입력할 수 있는 최대 문자 수입니다.
문자 수 숨기기 텍스트 영역 아래의 실시간 문자 수 카운터를 숨기거나 표시합니다.
입력 안내 텍스트 사용자가 입력하기 전까지 빈 텍스트 영역 안에 표시되는 텍스트입니다.
높이(텍스트 행 수) 텍스트 영역의 높이를 행 단위로 제어합니다.
글꼴 텍스트 영역 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.

알아두어야 할 사항

  • 동영상: 표준 작성기에는 전용 동영상 블록이 포함되어 있지 않습니다. 필요한 경우 커스텀 코드를 사용하여 플레이어를 삽입하세요. 자세한 내용은 인앱 메시지: 자주 묻는 질문을 참조하세요.

랜딩 페이지 편집기 블록

랜딩 페이지의 편집기 블록은 드래그 앤 드롭 편집기의 구축 섹션에서 행 및 블록 카테고리 아래에 있습니다. 블록을 행 열로 드래그하면 열 너비에 맞게 자동 조정됩니다. 블록을 선택하면 오른쪽 속성 패널에서 설정을 편집할 수 있습니다.

랜딩 페이지 생성 및 게시에 대한 자세한 내용은 랜딩 페이지 만들기를 참조하세요.

제목 및 단락

제목 또는 본문 텍스트를 추가합니다. 섹션을 구조화하고 가독성을 높이는 데 유용합니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
텍스트 색상 텍스트의 색상을 변경합니다.

버튼

링크 열기 또는 양식 제출과 같은 동작을 위한 클릭 가능한 요소를 추가합니다.

등록정보 설명
버튼 너비 버튼의 너비를 자동 또는 수동으로 조정합니다.
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
자간 각 문자 사이의 간격을 조정합니다.
버튼 정렬 버튼을 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
버튼 텍스트 색상 버튼의 텍스트 색상을 변경합니다.
배경색 버튼의 배경색을 변경합니다.
테두리 스타일 버튼 테두리의 스타일을 결정합니다.
테두리 반경 모서리의 둥근 정도를 결정합니다.

클릭 시 동작

동작 설명
버튼 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별로 별도의 동작 설정 각 플랫폼에 대해 버튼의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 버튼을 클릭할 때 수행할 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동, 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 버튼 클릭 시 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자도 선택할 수 있습니다.

라디오 버튼

사용자가 하나를 선택할 수 있는 옵션 목록을 추가합니다. 속성 패널을 사용하여 사용 가능한 옵션과 선택된 값을 수신할 커스텀 속성을 구성하세요. 양식이 제출되면 고객 프로필에 선택된 값이 문자열 커스텀 속성으로 기록됩니다. 다른 데이터 유형의 커스텀 속성은 고객 프로필에 저장되지 않습니다.

등록정보 설명
커스텀 속성 이름 폼이 제출될 때 사용자가 선택한 옵션을 저장할 커스텀 사용자 속성을 선택합니다.
총 선택 항목 수 옵션 목록입니다. 각 옵션에는 라벨 텍스트(사용자에게 표시되는 내용)와 속성 값(저장되는 내용)이 있습니다. 최소 2개에서 최대 15개까지 선택 항목을 추가할 수 있습니다.
글꼴 패밀리 라디오 그룹 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께입니다(예: 가늘게, 보통, 굵게).
글꼴 크기 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 옵션 라벨 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 블록 내 선택 항목의 가로 정렬입니다.
강조 색상 라디오 버튼 컨트롤에 사용되는 색상입니다(예: 선택된 상태 표시기).
패딩 블록 주변의 간격입니다.

이미지

업로드 또는 외부 URL에서 이미지를 표시합니다.

등록정보 설명
URL 이미지의 호스팅 주소입니다.
정렬 이미지를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
배경색 이미지의 배경색을 변경합니다.
테두리 스타일 이미지 테두리의 스타일을 결정합니다.
테두리 반경 이미지 모서리의 둥근 정도를 결정합니다.

클릭 시 동작

동작 설명
대체 텍스트 이미지가 로드되지 않을 때 이미지 대신 표시되는 텍스트입니다. 스크린 리더는 대체 텍스트를 읽어 이미지를 설명하므로, 이미지에 대한 핵심 정보를 간결한 언어로 제공하세요.
이미지 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별 개별 동작 설정 각 플랫폼에 대해 이미지의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 이미지를 클릭할 때 수행되는 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 이미지를 클릭할 때 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자를 선택할 수도 있습니다.

사용자가 선택하여 URL로 이동할 수 있는 하이퍼링크를 추가합니다. 텍스트 안에 배치하거나 독립적으로 사용할 수 있습니다.

등록정보 설명
Font family 텍스트의 글꼴 스타일입니다.
Font weight 텍스트의 두께를 결정합니다.
Letter spacing 각 문자 사이의 간격을 조정합니다.
Text color 텍스트의 색상을 변경합니다.

클릭 시 동작

동작 설명
URL 이동할 하이퍼링크입니다.
보고서용 식별자 보고에 사용할 식별자를 결정합니다.

스페이서

요소 사이에 수직 간격을 추가합니다.

등록정보 설명
배경색 스페이서의 배경색을 수정합니다.
높이 스페이서의 높이를 수정합니다. 스페이서의 크기 조절 핸들을 사용하여 수정할 수도 있습니다.

커스텀 코드

Google Tag Manager와 같은 고급 커스터마이징을 위해 커스텀 HTML, CSS 또는 JavaScript를 삽입합니다.

등록정보 설명
커스텀 코드 HTML, CSS, JavaScript를 추가, 편집 또는 삭제할 수 있습니다.

이메일 캡처

이메일 주소를 위한 양식 필드를 추가합니다. 제출 시 해당 주소가 사용자의 Braze 프로필에 저장됩니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
텍스트 색상 텍스트의 색상을 변경합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 이메일 주소입니다.

전화번호 캡처

전화번호를 위한 양식 필드를 추가합니다. 제출 시 사용자가 선택한 SMS 또는 WhatsApp 구독 그룹에 가입됩니다.

등록정보 설명
구독 그룹 제출 시 사용자가 가입하는 SMS 또는 WhatsApp 구독 그룹입니다. 모든 국가의 전화번호를 수집하는 옵션이 포함되어 있습니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 전화번호입니다.

입력 필드

표준 속성(예: 이름 또는 성) 또는 커스텀 속성 문자열을 위한 양식 필드를 추가합니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 해당 필드를 반드시 입력해야 하는지 여부를 표시합니다.
최대 문자 수 사용자가 입력할 수 있는 최대 문자 수를 제한합니다(문자열 커스텀 속성은 최대 255자).
입력 안내 텍스트 사용자가 입력하기 전까지 입력 필드 안에 표시되는 텍스트입니다.
속성 제출된 값을 고객 프로필에 이름, 성 또는 커스텀 속성으로 저장합니다.
커스텀 속성 이름 제출된 값을 수신할 문자열 커스텀 속성을 선택합니다(속성이 커스텀 속성으로 설정된 경우 사용 가능).
글꼴 패밀리 입력 텍스트의 서체입니다.
글꼴 두께 입력 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 입력 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
자간 문자 사이의 가로 간격입니다.
색상 필드에 입력된 텍스트의 색상입니다.
텍스트 정렬 필드 내 입력 텍스트의 가로 정렬입니다.
패딩 블록 주위의 간격입니다.

드롭다운

미리 정의된 항목 목록으로, 사용자가 하나를 선택합니다. 값을 커스텀 속성 문자열에 매핑할 수 있습니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 사용자가 옵션을 반드시 선택해야 하는지 여부를 표시합니다.
입력 안내 텍스트 사용자가 옵션을 선택하기 전까지 드롭다운에 표시되는 텍스트입니다.
커스텀 속성 이름 선택된 값을 수신할 커스텀 사용자 속성을 선택합니다.
전체 옵션 옵션 목록입니다. 각 옵션에는 옵션 레이블(사용자에게 표시되는 값)과 속성 값(저장되는 값)이 있습니다.
글꼴 패밀리 드롭다운 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 텍스트의 크기입니다.
줄 높이 세로 줄 간격입니다.
텍스트 색상 드롭다운 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 드롭다운의 가로 정렬(왼쪽 또는 가운데)입니다.
패딩 블록 주변의 간격입니다.

체크박스

체크하면 블록의 부울 커스텀 속성이 true로 설정되고, 체크 해제하면 false로 설정됩니다.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 체크박스를 반드시 선택해야 하는지 여부를 표시합니다.
커스텀 속성 이름 체크 시 true, 체크 해제 시 false를 수신할 부울 커스텀 속성을 선택합니다.
강조 색상 체크박스 제어 스타일링에 사용되는 색상입니다.
패딩 블록 주위의 간격입니다.

체크박스 그룹

사용자가 여러 옵션을 선택할 수 있으며, 값이 정의된 배열 커스텀 속성에 설정되거나 추가됩니다.

등록정보 설명
필수 입력 필드 사용자가 제출하기 전에 최소 옵션 수 이상을 선택해야 하는지 여부를 표시합니다.
최소 선택 수 사용자가 선택해야 하는 최소 옵션 수입니다(필드가 필수인 경우).
최대 선택 수 사용자가 선택할 수 있는 최대 옵션 수입니다.
커스텀 속성 이름 선택된 값이 기록될 배열 커스텀 속성을 선택합니다.
동작 제출 시 Sets items(배열을 대체) 또는 Adds items(배열에 추가) 중 어떤 동작을 수행할지 설정합니다.
전체 선택 항목 옵션 목록입니다. 각 옵션에는 Label text(사용자에게 표시되는 텍스트)와 Attribute value(저장되는 값)가 있습니다.
글꼴 패밀리 옵션 레이블에 사용되는 서체입니다.
글꼴 두께 옵션 레이블 텍스트의 두께입니다(예: light, normal, bold).
글꼴 크기 옵션 레이블 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 옵션 레이블 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.
정렬 그룹의 가로 정렬입니다(시작 또는 가운데).
강조 색상 체크박스 컨트롤의 색상입니다.
패딩 블록 주변의 간격입니다.

긴 텍스트

설문조사 스타일 플로우를 위한 여러 줄 텍스트 필드입니다. 이 블록이 보이지 않으면 Braze 고객지원 또는 Braze 고객 성공 매니저에게 문의하세요.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 해당 필드를 반드시 입력해야 하는지 여부를 표시합니다.
최소 문자 수 사용자가 입력해야 하는 최소 문자 수입니다.
최대 문자 수 사용자가 입력할 수 있는 최대 문자 수입니다.
문자 수 숨기기 텍스트 영역 아래의 실시간 문자 수 카운터를 숨기거나 표시합니다.
입력 안내 텍스트 사용자가 입력하기 전까지 빈 텍스트 영역 안에 표시되는 텍스트입니다.
높이(텍스트 행 수) 텍스트 영역의 높이를 행 단위로 제어합니다.
글꼴 텍스트 영역 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.

알아두어야 할 사항

  • 동영상: 표준 작성기에는 전용 동영상 블록이 포함되어 있지 않습니다. 필요한 경우 커스텀 코드를 사용하여 플레이어를 삽입하세요. 자세한 내용은 랜딩 페이지를 참조하세요.

배너 편집기 블록

배너 작성기에서 구축 섹션의 행과 블록을 캔버스로 드래그하여 메시지를 레이아웃합니다. 스타일을 선택하여 페이지 수준 스타일을 조정하거나, 블록 또는 행을 선택하여 사이드 패널에서 속성을 편집합니다.

전체 배너 생성 흐름은 배너 만들기를 참조하세요.

배너 작성기는 다른 드래그 앤 드롭 화면과 동일한 종류의 레이아웃 블록을 제공하지만, 전체 양식 블록 세트를 지원하지는 않습니다(예: 라디오 버튼, 짧은 텍스트, 드롭다운 또는 체크박스 블록 없음). 전화번호 수집 및 이메일 수집 블록을 추가할 수 있으며, 메시지당 전화번호 수집 블록과 이메일 수집 블록은 각각 하나만 허용됩니다.

제목 및 단락

서식 있는 텍스트 옵션과 함께 제목 또는 본문 텍스트를 추가합니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
텍스트 색상 텍스트의 색상을 변경합니다.

버튼

클릭 가능한 버튼을 추가합니다. 속성 패널에서 링크 및 분석 옵션을 설정할 수 있습니다.

등록정보 설명
버튼 너비 버튼의 너비를 자동 또는 수동으로 조정합니다.
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
자간 각 문자 사이의 간격을 조정합니다.
버튼 정렬 버튼을 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
버튼 텍스트 색상 버튼의 텍스트 색상을 변경합니다.
배경색 버튼의 배경색을 변경합니다.
테두리 스타일 버튼 테두리의 스타일을 결정합니다.
테두리 반경 모서리의 둥근 정도를 결정합니다.

클릭 시 동작

동작 설명
버튼 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별로 별도의 동작 설정 각 플랫폼에 대해 버튼의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 버튼을 클릭할 때 수행할 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동, 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 버튼 클릭 시 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자도 선택할 수 있습니다.

자세한 내용은 배너 문서의 클릭 시 동작 정의를 참조하세요.

이미지

호스팅된 URL의 이미지를 표시합니다. 속성 패널에서 표시 옵션을 구성합니다.

등록정보 설명
URL 이미지의 호스팅 주소입니다.
정렬 이미지를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
배경색 이미지의 배경색을 변경합니다.
테두리 스타일 이미지 테두리의 스타일을 결정합니다.
테두리 반경 이미지 모서리의 둥근 정도를 결정합니다.

클릭 시 동작

동작 설명
대체 텍스트 이미지가 로드되지 않을 때 이미지 대신 표시되는 텍스트입니다. 스크린 리더는 대체 텍스트를 읽어 이미지를 설명하므로, 이미지에 대한 핵심 정보를 간결한 언어로 제공하세요.
이미지 클릭 시 양식 제출 양식을 제출하고 선택된 클릭 시 동작을 수행합니다. 이 옵션을 끄면 클릭 시 동작만 수행합니다.
플랫폼별 개별 동작 설정 각 플랫폼에 대해 이미지의 동작을 개별적으로 커스터마이즈합니다.
클릭 시 동작 사용자가 이미지를 클릭할 때 수행되는 동작을 결정합니다. 메시지 닫기, 웹 URL 열기, 앱의 특정 페이지로 딥링킹, 다른 페이지로 이동 또는 푸시 권한 요청 등이 있습니다.
커스텀 속성 또는 이벤트 기록 이미지를 클릭할 때 사용자 프로필을 커스텀 데이터로 업데이트할지 여부를 결정합니다. 보고서용 식별자를 선택할 수도 있습니다.

사용자가 선택할 수 있는 하이퍼링크를 삽입합니다.

등록정보 설명
Font family 텍스트의 글꼴 스타일입니다.
Font weight 텍스트의 두께를 결정합니다.
Letter spacing 각 문자 사이의 간격을 조정합니다.
Text color 텍스트의 색상을 변경합니다.

클릭 시 동작

동작 설명
URL 이동할 하이퍼링크입니다.
보고서용 식별자 보고에 사용할 식별자를 결정합니다.

스페이서

블록 사이에 세로 간격을 추가합니다.

등록정보 설명
배경색 스페이서의 배경색을 수정합니다.
높이 스페이서의 높이를 수정합니다. 스페이서의 크기 조절 핸들을 사용하여 수정할 수도 있습니다.

커스텀 코드

고급 레이아웃 또는 임베디드 콘텐츠(예: 동영상)를 위한 커스텀 HTML을 삽입합니다. 커스텀 HTML 내부의 클릭은 brazeBridge.logClick()을 호출하지 않는 한 추적되지 않습니다. 자세한 내용은 배너용 커스텀 코드 및 JavaScript 브리지를 참조하세요.

등록정보 설명
커스텀 코드 배너용 HTML(및 관련 자산)을 추가하거나 편집합니다.

전화번호 수집

전화번호를 수집합니다. 제출 시 사용자를 선택한 SMS 또는 WhatsApp 구독 그룹에 가입시킵니다. 배너당 하나만 허용됩니다.

등록정보 설명
구독 그룹 제출 시 사용자가 가입하는 SMS 또는 WhatsApp 구독 그룹입니다. 모든 국가의 전화번호를 수집하는 옵션이 포함되어 있습니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 전화번호입니다.

이메일 수집

이메일 주소를 수집하고 제출 시 사용자의 Braze 프로필에 추가합니다. 배너당 하나만 허용됩니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
텍스트 색상 텍스트의 색상을 변경합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
입력 안내 텍스트 표시할 입력 안내 이메일 주소입니다.

긴 텍스트

설문조사 스타일 흐름을 위한 여러 줄 텍스트 필드입니다. 이 블록이 보이지 않으면 Braze 고객지원 또는 Braze 고객 성공 매니저에게 문의하세요.

등록정보 설명
필수 입력 필드 양식을 제출하기 전에 해당 필드를 반드시 입력해야 하는지 여부를 표시합니다.
최소 문자 수 사용자가 입력해야 하는 최소 문자 수입니다.
최대 문자 수 사용자가 입력할 수 있는 최대 문자 수입니다.
문자 수 숨기기 텍스트 영역 아래의 실시간 문자 수 카운터를 숨기거나 표시합니다.
입력 안내 텍스트 사용자가 입력하기 전까지 빈 텍스트 영역 안에 표시되는 텍스트입니다.
높이(텍스트 행 수) 텍스트 영역의 높이를 행 단위로 제어합니다.
글꼴 텍스트 영역 텍스트의 서체입니다.
글꼴 두께 텍스트의 두께(예: 가늘게, 보통, 굵게)입니다.
글꼴 크기 텍스트의 크기입니다.
줄 높이 텍스트 줄 사이의 세로 간격입니다.
텍스트 색상 텍스트의 색상입니다.
자간 문자 사이의 가로 간격입니다.

알아두어야 할 사항

  • 동영상: 표준 작성기에는 전용 동영상 블록이 포함되어 있지 않습니다. 필요한 경우 커스텀 코드를 사용하여 플레이어를 임베드하세요. 자세한 내용은 배너: 자주 묻는 질문을 참조하세요.
  • Liquid: 대부분의 Liquid가 지원되지만, 카탈로그 리렌더 태그 등 일부 예외가 있습니다. 자세한 내용은 배너: 자주 묻는 질문을 참조하세요.

환경설정 센터 편집기 블록

구축 섹션에서 블록을 드래그하여 드래그 앤 드롭 환경설정 센터 편집기의 행에 놓습니다. 각 블록에는 고유한 설정이 있으며, 오른쪽 패널은 선택한 요소의 등록정보 또는 스타일링으로 전환됩니다.

블록을 편집하기 전에 구독 그룹을 추가하고 구독 스마트 블록을 구성하세요(아래 참조). 전체 설정 흐름은 드래그 앤 드롭으로 이메일 환경설정 센터 만들기를 참조하세요.

제목 및 단락

서식 있는 텍스트 옵션을 사용하여 제목 또는 본문 텍스트를 추가합니다.

등록정보 설명
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
줄 높이 텍스트 줄 사이의 간격을 조정합니다.
자간 각 문자 사이의 간격을 조정합니다.
텍스트 정렬 텍스트를 왼쪽, 가운데, 오른쪽 또는 양쪽 정렬로 이동합니다.
텍스트 색상 텍스트의 색상을 변경합니다.

버튼

클릭 가능한 버튼을 추가합니다(예: 저장 또는 내비게이션).

등록정보 설명
버튼 너비 버튼의 너비를 자동 또는 수동으로 조정합니다.
글꼴 패밀리 텍스트의 글꼴 스타일입니다.
글꼴 두께 텍스트의 두께를 결정합니다.
글꼴 크기 텍스트의 크기를 결정합니다.
자간 각 문자 사이의 간격을 조정합니다.
버튼 정렬 버튼을 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
버튼 텍스트 색상 버튼의 텍스트 색상을 변경합니다.
배경색 버튼의 배경색을 변경합니다.
테두리 스타일 버튼 테두리의 스타일을 결정합니다.
테두리 반경 모서리의 둥근 정도를 결정합니다.

이미지

미디어 라이브러리 또는 URL에서 이미지를 표시합니다.

등록정보 설명
URL 이미지의 호스팅 주소입니다.
정렬 이미지를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
배경색 이미지의 배경색을 변경합니다.
테두리 스타일 이미지 테두리의 스타일을 결정합니다.
테두리 반경 이미지 모서리의 둥근 정도를 결정합니다.

스페이서

블록 사이에 세로 간격을 추가합니다.

등록정보 설명
배경색 스페이서의 배경색을 수정합니다.
높이 스페이서의 높이를 수정합니다. 스페이서의 크기 조절 핸들을 사용하여 수정할 수도 있습니다.

구독 그룹(스마트 블록)

구독 그룹, 선택 사항인 모두 구독 / 모두 구독 취소 제어, 설명을 나열하는 템플릿 블록을 추가합니다. 환경설정 센터 워크플로에서 그룹을 추가한 후 구성하세요.

구독 그룹을 추가한 후, 캔버스에서 스마트 블록을 선택하여 다음을 수행할 수 있습니다:

  • 구독 그룹 순서 변경
  • 그룹 추가 또는 제거
  • 설명 추가 또는 제거
  • 해당 블록의 그룹에 대해 모두 구독 및 모두 구독 취소 토글

기본 템플릿 하단의 모두 구독 취소 제어는 필수이며, 이메일에서 글로벌 탈퇴를 수행합니다.

알아두어야 할 사항
New Stuff!