Users can determine if their HTML pasted email was set up correctly based on the Preview and Test in Marketing Cloud, by sending a test, or by sending a real email to themselves. 

Preview and Test in Marketing Cloud

• From Content Builder, find your email and click the down arrow for quick actions on the far right of the row.
• Select Preview & Test in the dropdown.

Correctly Configured HTML Pasted Email

• In Preview and Test, set the Delivery Profile to CU FOOTER FOR ALL EMAILS to see the appropriate footer at the bottom of the email.

If your email looks like the following, it needs to be fixed immediately. Note the standard eComm footer, including an option to Manage your email preferences, is not visible, resulting in a CAN-SPAM violation. 

Users should not create Email Templates by pasting HTML. Most are not familiar with the custom coding that Marketing Cloud requires for the correct footer to display (among other things). This often results in sending HTML emails that violate CAN-SPAM.

• DO NOT select the blue Create button > Email Template > Paste HTML

Adding an HTML Button to an Email

• In your email in Marketing Cloud, navigate to Content > Folders > Shared > All Shared Content and search for HTML Button. 

• Drag and drop the HTML Button content block into your email.

• Configure the settings of your button and/or block as needed. 
  • Navigate to Block Settings to adjust the block styling (ex. block background color, block border, block margins, block padding).
  • Navigate to HTML Editor to adjust the button styling (ex. button color, button font style, button font size, button text, button link).   

Adding Button Link

It is essential that your button link has http:// or https:// to avoid a broken link error in the actual email send. There are two methods for adding a link to your button: updating the link via the Content tab or updating the link via the HTML Editor Tab.

Updating Link via Content Tab

This is the preferred method to avoid HTML errors and because the https:// will automatically be added to the link.

In the HTML Button block in your email, navigate to Content > Highlight the button text > Click on the link icon.

In the Link Properties pop-up, update the Link URL, Link Text, and Title. Click OK.

Example: 

Updating Link via HTML Editor Tab

In the HTML Button block in your email, navigate to HTML Editor. 

Update the link inside the quotation marks (your link MUST CONTAIN http:// or https://), the title, and the button text. Click Done Editing.

Example: 

To test that the HTML button is displaying correctly and linking to the correct website, test by sending yourself a test email. Be sure to click on the button to make sure it's going to the intended link.

If you want to take an extra precautionary testing step, you can also send yourself a real email and click on the button to make sure it's going to the intended link.

Never use a link that does not contain http:// or https://. However, in the event that you do send an email and the button link doesn't have http:// or https://, you can update the link post-send to avoid having to resend your email.