Ⓘ Available to Pro, Essentials, Teams & Corporate accounts
The Code Your Own campaign allows you to design your entire email, from header to footer and everything in between with your own HTML code. Designing HTML for email is different from designing HTML for a webpage or print mailing. While there are a number of key similarities, there are many more key differences, so please adhere to the following note.
Please Note: Due to the CYO format, it’s crucial that the person creating this type of campaign is experienced with HTML code because we cannot provide direct support for customer-created code. However, you always have the option to select from our Template Gallery with over 200 beautifully designed templates that you can customize using our drag and drop editor.
Adding your own HTML code to the CYO campaign
To get started, have your HTML code ready to go and simply drop it into line 1 or 2 of our starter code, replacing the doctype tags, which will place your content above the footer that’s been included. You’ll also find some helpful preview options so you can see how your freshly coded campaign will render in various email clients.
The footer on the CYO campaign
You can choose to take advantage of the included footer as-is, or you can also customize it if you’d like. If you do nothing to the footer, this is how it will look in the inbox (with a different address of course):
Necessary CAN-SPAM compliance
In order to be CAN-SPAM compliant, we have included the HTML code for the footer, which is the only content on a CYO campaign, but it is editable.
Hwoever, there are two elements you must include in your code in order to keep your email CAN-SPAM compliant. The first is a clear, unambiguous opt-out link — this is also required by our application in order to send, which is why it’s included in the footer.
The required link to opt-out is: [% unsub_url %]
Here’s an example of how that opt-out link might look in your code:
<a href=”[% unsub_url %]” style=”color:#63c4ee; text-decoration:none;”><strong>Opt out</strong></a> using <strong>TrueRemove®</strong>
And here’s how that code would look in your campaign:
The second necessary element is a physical address. You can code in the address yourself, or you can use one of the Footer tags listed below, which will pull in the RSVP address information right from your account’s billing page.
Always review your campaign before sending it
Any time that you are working in the legacy* editor, next to Preview you’ll find the familiar Save and Review & Send buttons at the top of the template where you can save a copy of the mailing or save and exit the mailing. As always, we highly recommend that you review and test your campaign before sending it out to your desired audience.
Common HTML tags
There are various elements that you can hardcode into a CYO campaign to aid in your design. Though you won’t necessarily need any actual knowledge of Javascript or JSON, they are called for using a syntax unfamiliar to (though evident in) the HTML and CSS typically used in templating markup.
When using a CYO campaign in your account , you’ll find a list of the most commonly used HTML tags conveniently placed on the left side of the screen, we’ve added to those below, giving you a more extensive list of helpful HTML tags.
Please Note: When using tags, every space and character has importance and should be used exactly as seen below, even seemingly small changes like using single quotation marks instead of double quotation marks can cause issues, so be sure to use each tag precisely as written.
HTML Footer Tags
Tag | Function |
---|---|
[% unsubscribe %] | Automatically adds everything in the standard footer |
[% unsub_url %] | Required link to opt-out |
[% manage_url %] | Link to manage preferences |
[% signup_url %] | Link to the signup form sent with that mailing |
[% webview_url %] | Use to link image or text to the online version |
[% webview %] | Link to the online version |
[% optin_confirm_url %] | Link to confirm subscription |
[% account_rsvp_address_1 %] | RSVP Address 1 |
[% account_rsvp_address_2 %] | RSVP Address 2 |
[% account_rsvp_city %] | RSVP City |
[% account_rsvp_state %] | RSVP State |
[% account_rsvp_province %] | RSVP Province |
[% account_rsvp_zip_code %] | RSVP Zipcode |
[% account_rsvp_country %] | RSVP Country |
[% account_rsvp_name %] | RSVP Name |
[% account_rsvp_email %] | RSVP Email |
[% account_rsvp_address %] | RSVP Address |
[% account_rsvp_full_address %] | RSVP Full Address |
Social Sharing Tags
Tag | Function |
---|---|
[% block type=”social” %][%/ block %] | Full social sharing block |
[% share:email url_only=”true” %] | Link to share campaign by email |
[% share:twitter url_only=”true” %] | Link to share campaign via Twitter |
[% share:facebook url_only=”true” %] | Link to share campaign via Facebook |
[% share:linkedin url_only=”true” %] | Link to share campaign via LinkedIn |
Personalization or Merge Tags
Tag | Function |
[% member:name_first default=”first name” %] | First name, if member field short cut name is name_first |
[% member:first_name default=”first name” %] | First name, if member field short cut name is first_name |
[% member:name_last default=”last name” %] | Last name, if member field short cut name is name_last |
[% member:last_name default=”last name” %] | Last name, if member field short cut name is last_name |
[% member:email default=”email” %] | Email address |
[% member:address default=”address” %] | Full Address |
[% member:address2 default=”address2″ %] | Full Address 2 |
[% member:city default=”city” %] | City |
[% member:state default=”state” %] | State |
[% member:state_province default=”state province” %] | State/Province |
[% member:postal_code default=”postal code” %] | Zip/Postal Code |
[% member:phone default=”phone” %] | Phone |
[% member:company_name default=”company name” %] | Company |
[% date: weekday %] | Weekday (Tuesday) |
[% date:weekday plus_days=”2″ %] | Weekday plus 2 days (Thursday) |
[% date:weekdaySHORT %] | Shortened Weekday (Tue) |
[% date:day %] | Day of the Week (01) |
[% date:month %] | Month (March) |
[% date:monthSHORT %] | Shortened Month (Mar) |
[% date:year %] | Year (2022) |
[% date:month plus_days=”X” %]
[% date:day plus_days=”X” %] [% date:year plus_days=”X” %] |
Create an expiration date for a coupon or another special offer based on X-number of days out from the date a contact signed up using the signup form tied to your automation. (March 06, 2022) |