웹 팝업 콘텐츠

웹 팝업 콘텐츠는 웹사이트에 웹 팝업이 나타날 때 방문자가 보는 시각적 레이아웃입니다. 콘텐츠에서 빌드한 다음 웹 팝업 캠페인에 첨부합니다.

웹 팝업 콘텐츠 만들기

콘텐츠 → 웹 팝업 콘텐츠로 이동합니다.
웹 팝업 콘텐츠 만들기를 클릭합니다. 편집기가 새 보기에서 열립니다.

콘텐츠의 이름을 지정합니다.

이 이름은 Pushwoosh 내부에서 목록 및 캠페인 마법사에서 이 콘텐츠를 식별하는 데 사용됩니다. 웹사이트 방문자에게는 보이지 않습니다.
시작 방법을 선택합니다:
- 스타터 프롬프트 중 하나를 클릭하여 편집 가능한 초안 레이아웃을 로드합니다. 그런 다음 필요에 따라 블록을 조정합니다. 블록 편집을 참조하세요.
- 빈 템플릿에서 시작을 클릭하여 빈 캔버스를 열고 블록 추가를 통해 처음부터 빌드합니다. 블록을 수동으로 편집하거나 프롬프트를 사용하여 편집할 수 있습니다.

블록 추가

컨트롤이 나타날 때까지 블록 사이를 마우스로 가리키고 메뉴를 연 다음 필요한 블록 유형을 선택합니다.

블록 편집

변경하려는 블록을 클릭합니다. 그 위에 두 가지 옵션이 있는 툴바가 나타납니다.

수동으로 편집

블록 툴바에서 설정 아이콘을 클릭합니다. 선택한 블록에 대한 설정 패널이 열리며, 여기서 레이아웃, 이미지, 대체 텍스트, 이미지 맞춤, 간격, 배경, 테두리 및 기타 블록 스타일을 조정할 수 있습니다.

텍스트 블록

텍스트를 클릭하여 인라인으로 편집합니다. 툴바를 사용하여 제목 수준을 선택하고, 굵게, 기울임꼴 또는 밑줄 서식을 적용하고, 링크를 추가 또는 제거하고, 병합 태그를 삽입하거나 블록을 삭제할 수 있습니다.

텍스트를 개인화하려면 툴바에서 병합 태그를 클릭하고 태그를 선택합니다. 웹 팝업이 표시될 때 태그는 방문자의 속성 값으로 대체되므로 이름이나 로열티 상태와 같은 콘텐츠를 표시할 수 있습니다. 태그 기반 개인화에 대한 자세한 내용은 동적 콘텐츠에서 확인하세요.

버튼

버튼을 클릭하여 툴바를 엽니다. 링크 아이콘을 사용하여 링크 삽입/편집을 열고, 액션 유형을 웹사이트 열기로 설정한 다음 대상 URL을 입력합니다.

이미지

미디어 갤러리에서 이미지를 선택할 수 있습니다. 이미지 자리 표시자 또는 교체하려는 이미지를 두 번 클릭합니다. 그런 다음 이미지를 선택하거나 업로드를 클릭하여 새 이미지를 추가합니다. 미디어 갤러리에는 프로젝트의 미디어 스토어에 있는 이미지가 표시됩니다.

프롬프트로 편집

블록 툴바에서 반짝이 아이콘을 클릭합니다. 프롬프트 필드에는 편집 중인 내용(예: 카드)이 표시됩니다. 원하는 변경 사항을 입력하고 프롬프트를 제출합니다. 예를 들어, 카드를 더 짧게 만들거나 버튼 텍스트를 변경하도록 요청할 수 있습니다. 저장하기 전에 생성된 변경 사항을 검토하세요.

팝업 설정 구성

오른쪽 패널에서 AI 옆에 있는 설정 탭을 열어 모양과 레이아웃을 조정합니다:

팝업: 테두리 반경, 그림자, 애니메이션, 오버레이 및 앵커 포인트를 포함한 화면상의 모양과 위치.
콘텐츠 영역: 너비, 패딩, 배경 및 텍스트 색상, 블록 간 간격을 포함한 팝업 내부의 콘텐츠 영역.
블록 기본값: 배경, 테두리 및 모서리 반경을 포함하여 모든 콘텐츠 블록에 적용되는 공유 스타일.
열, 카드, 버튼 그룹, 버튼 기본값: 각 블록 유형에 대한 레이아웃 및 스타일 기본값.

콘텐츠 검토 및 저장

콘텐츠 레이아웃, 문구, 이미지 및 버튼 링크를 검토합니다. 완료되면 툴바에서 저장을 클릭합니다.

캠페인에서 콘텐츠 사용

저장 후 콘텐츠는 콘텐츠 → 웹 팝업 콘텐츠에 나타납니다. 목록에서 열어 계속 편집할 수 있습니다.

사이트에 표시하려면 캠페인 → 웹 팝업으로 이동하여 캠페인을 만들거나 편집하고 콘텐츠 단계에서 이 콘텐츠를 선택합니다. 그런 다음 대상, 표시 설정, 빈도 및 실행 옵션을 구성합니다. 전체 흐름은 웹 팝업 캠페인 만들기를 참조하세요.