웹 캠페인에 양식 임베드 embed-a-form-into-a-web-campaign
Marketo 양식을 웹 캠페인(대화 상자, 영역 또는 위젯)에 임베드하는 방법을 확인하십시오.
-
승인된 양식을 마우스 오른쪽 버튼으로 클릭합니다. Embed Code 를 선택합니다.
-
코드를 복사합니다.
-
Web Personalization에서 Web Campaigns(으)로 이동
-
Create New Campaign 를 클릭합니다.
-
리치 텍스트 편집기에서 HTML 아이콘을 클릭합니다.
-
양식 포함 코드를 HTML Source Editor에 붙여 넣습니다. Update 를 클릭합니다.
-
양식이 편집기 보기에 표시되지 않지만, 양식을 미리 보고 캠페인에서 어떻게 렌더링될지 확인할 수 있습니다.
-
캠페인을 시작하려면 Launch 을(를) 클릭하세요.
note note NOTE 양식의 필드를 변경하려면 양식 초안 편집에서 Marketo의 마케팅 활동 내에서 수행해야 합니다.
양식에 배경 이미지를 추가하는 세 가지 방법 three-ways-to-add-a-background-image-to-a-form
양식에 배경 이미지를 추가하려면 다음을 수행할 수 있습니다.
- 양식 테마의 CSS 편집
- Set Campaign에서 대화 상자 또는 위젯 색상 변경
- 스크립트에 CSS 코드 추가
양식 테마의 CSS를 편집하려면 이 문서를 참조하세요.
Set Campaign에서 대화 상자 또는 위젯 색상을 변경하려면:
-
리치 텍스트 편집기에서 대화 상자 캠페인 유형과 대화 상자 스타일, 머리글 색상 및 배경색을 선택하여 양식의 배경색을 사용자 지정합니다. Save 를 클릭합니다.
-
다음은 연한 자주색 머리글과 배경색으로 [최신 트림] 대화 상자 스타일을 표시하는 방법의 예입니다.
스크립트에 CSS 코드를 추가하려면:
-
리치 텍스트 편집기에서 HTML 아이콘을 클릭합니다.
-
배경 스타일 코드가 있는 양식 포함 코드를 HTML Source Editor에 붙여 넣습니다. Update 를 클릭합니다.
-
Preview 을(를) 클릭하여 캠페인에서 렌더링되는 방법을 확인합니다(양식이 편집기 보기에 표시되지 않음). 다음은 배경 이미지가 있는 캠페인에서 위의 양식 코드가 렌더링되는 방식에 대한 예입니다.
