Embed a Form into a Web Campaign
- Topics:
- Web Personalization
See how you can embed a Marketo form into a web campaign (Dialog, In Zone or Widget).
-
Right-click on an approved form. Select Embed Code.
-
Copy the Code.
-
In Web Personalization, go to Web Campaigns.
-
Click Create New Campaign.
-
In the Rich Text Editor, click the HTML icon.
-
Paste the form embed code into the HTML Source Editor. Click Update.
-
The form will not display in the editor view, but you can preview it to see how it will render in a campaign.
-
Click Launch to start the campaign.
NOTEAny changes to the form’s fields must be done within Marketo’s Marketing Activities in Edit Draft of the Form.
Three Ways to Add a Background Image to a Form
To add a background image to your form you can:
- Edit the CSS of a Form Theme
- Change the dialog or widget colors in Set Campaign
- Add CSS code to the script
To edit the CSS of a Form Theme, see this article.
To change the dialog or widget colors in Set Campaign:
-
In the Rich Text Editor, select a Dialog campaign type and a dialog style, header color and background color to customize the form’s background colors. Click Save.
-
Here’s an example of how a Modern Trim Dialog Style looks with a light purple header and background color.
To add CSS code to the script:
-
In the Rich Text Editor, click the HTML icon.
-
Paste the form embed code with the background style code into the HTML Source Editor. Click Update.
-
Click Preview it to see how it will render in a campaign (the form will not display in the editor view). Here’s an example of how the form code above renders in a campaign with a background image.
