Ⓘ Available to Pro, Essentials, Teams & Corporate accounts
There are three different ways that you can use HTML code when creating a new campaign in your account.
- From an HTML block in the drag and drop editor (also known as the campaign editor).
- From the formatting toolbar of a Text block in the drag and drop editor.
- In a mailing that was created using a Code Your Own (CYO) campaign.
Please Note: Due to the nuances of HTML, it’s crucial that any person adjusting or writing HTML code is formidably experienced with HTML coding because there is no direct support for customer-created code.
How to use the HTML block to add some HTML to your campaign
We always recommend using our drag and drop editor because it gives you robust options for customizing your campaigns with varying content blocks that you simply drag in. Use the HTML block when you want to add some of your own HTML code to a mailing you’ve created. For example, you could have an image with distinct clickable areas, or a calendar to include, or another table that’s already been built using HTML; in which case you would want to have copied the HTML code you would like to use.
To use the HTML block, in an open campaign simply drag an HTML content block into your mailing from the menu on the left and drop it into the desired location.
To edit the HTML block, hover over it and click the Edit HTML tab. Paste in your HTML code and click Save.
*It’s usually best to avoid adding JavaScript or any other code besides HTML because they don’t perform well in email.
How to use the Text block to spot check HTML for errors
The drag and drop editor allows you to add and format text and images in your campaigns, but those who are HTML-savvy might also like to review the HTML or adjust some of the HTML code in your mailings.
To review the HTML code of one of your text blocks, in an open campaign, locate the text block and click inside it to bring up the formatting toolbar. Click on the </> button in the toolbar to view the text box’s HTML code and make any necessary adjustments.
Each text box in the campaign editor has its own set of code, so if you notice some formatting issues in your text box, like a font size that’s not quite right, you can review its HTML and make small adjustments. However, you should only use this option to make small code adjustments or do a spot check. Do not paste in your own HTML code here or write an extensive amount of your own code. For these types of changes, you’re much better off adding an HTML content block, as noted above.
Use a CYO campaign to code everything from scratch
The Code Your Own (CYO) option allows you to code your entire email, from header to footer and everything in between; creating the email campaign from scratch using your own HTML code.
- To build a CYO campaign, open the Campaigns tab in your account and click the button on the right to Create new campaign, and then give the campaign a name.
- You’ll be brought to your Template gallery where you will see any recently sent campaign template options and the Sample gallery on the left side of the page. Select the Start from scratch button in the top right corner to get started.
- A pop-up box will appear giving you two options, select the Custom HTML option and click Continue.
- A fresh HTML campaign will open with a helpful list of ‘Common tags’ on the left side and the hard-coded footer content will already be included in the body of the campaign. Design and build your campaign to your liking and be sure to utilize the Preview option before clicking on Review & send to finalize.
For more HTML resources, view these articles:
Top 10 tips for using HTML code in a campaign
Using a Code Your Own (CYO) campaign