You are here:
Interactive Email Form Customization FAQ
View frequently asked questions for the Email Form block in Marketing Cloud Engagement Content Builder.
Customization
Can I use custom fonts?
You can’t select custom fonts in the Design tab of the Email Form content block. However, the block inherits the fonts and styles of the surrounding email template. So, if a custom font is set on the template, the email form block inherits it.
Can I use custom CSS to target the form elements?
You can use custom CSS to override or extend the styles, but it isn’t recommended. Because the structure and CSS used by the Email Form block is subject to change at any time, these changes can invalidate your custom CSS the next time you open or edit the block.
Can I change or limit the number of characters in the Short Answer or Paragraph sections of a Text input?
Yes, the character limit on a Text Input is determined by the length of the selected Data Attribute (data extension field). This limit is evaluated and enforced on the CloudPages Interactive Email page.
Can I prepopulate forms with information from data extensions?
You can prepopulate text inputs using the Value field when editing the Text Input.
We’re exploring this feature for other inputs as we improve the Email Form content block.
Can I use dynamic content to display different form fields to different people?
No, there’s no workflow in the Email Form content block to perform this task. You can create different Email Form content blocks and then add conditional logic in AMPscript in your template to populate them based on your data.
Example template code:
%%[ IF @someVariable=="YES" THEN ]%%
<div data-type="slot" data-key="interactivecontent" data-label="Interactive Content Section for the if true"></div>
%%[ ELSE ]%%
<div data-type="slot" data-key="interactivecontent" data-label="Interactive Content Section for the else"></div>
%%[ ENDIF ]%%Can I use branching logic based on previous form answers?
No, we don’t offer branching logic for the Email Form block due to email client restrictions.
Can I use AMPscript (GTL)?
Yes, within certain limits you can use AMPscript to populate information in your form. There are two main use cases for using AMPscript:
- Use AMPscript for hidden field values as a powerful tool for passing subscriber data into your final data extension.
- Use AMPscript when setting content for customers to read, such as the text in a label, description, or placeholder. The AMPscript renders correctly in the email, but not if a recipient is required to correct or validate their submission on a CloudPages landing page or if the Automatic Fallback option is used. Therefore, we recommend this use case only if your form has no required fields and you aren’t using the Automatic Fallback Button.
- Note: AMPscript set in the placeholder doesn’t always display in the Content Builder preview, but displays in Subscriber Preview and in sent emails. Always use a test send to verify before sending.
Does Interactive Email Use AMP for Gmail?
Interactive Email doesn’t use AMP for Email. Interactive Email uses a combination of HTML and CSS. While there’s overlap in functionality and email client compatibility, there are also differences.
Can I send users to my own landing page instead of a CloudPage?
Yes. To send customers to your own landing page, choose Redirect to a URL in the Type of Content dropdown when configuring the CloudPages Interactive Email page confirmation message. The user then passes through the CloudPages landing page and is redirected to the URL that you specified.
I only use HTML Paste emails. Can I still use Interactive Email?
Yes, to use Interactive Email with HTML Paste emails, first convert your HTML Paste email to be used as or with a Content Builder template. Prepare the email HTML as normal but follow these important considerations:
- Verify that your email code has
<html>and<body>tags and begins with<!DOCTYPE html>. - Verify that there are no unmatched HTML tags, such as unclosed table or div tags. Unmatched tags can cause rendering issues when used with Interactive Email, even if they don’t cause issues with other campaigns.
Next, identify where in the email you want to place the Interactive Email Form
block. Choose a location that allows for properly opened and closed tags. See Correct Code
Examples. Then, paste this code snippet in the location you chose: <div data-type="slot"></div>
If there’s static content included in your code that you want to use for a fallback, remove it from the code now. Use this content in a Content Builder block that you can select as the fallback content in the Email Form block.
Incorrect Code Example
<!-- Additional content above interactivity -->
<table>
<tr>
<!– Do NOT place Interactive Content here -->
<td>
</td>
</tr>
</table>
<!– Additional content below interactivity --> Correct Code Examples
<!-- Additional content above interactivity -->
<table>
<tr>
<td>
<!– Safe to place Interactive Content in this cell -->
</td>
</tr>
</table>
<!– Additional content below interactivity -->
<table>
<tr><td>Additional content above interactivity</td></tr>
</table>
<!– Safe to place Interactive Content here between tables -->
<table>
<tr><td>Additional content below interactivity</td></tr>
</table>Next, create a template in Content Builder. Select HTML Template and choose Paste HTML, then copy and paste the HTML you created.
Finally, create your email in Content Builder, choose the template you created, and drag the Email Form block in email.
