Email

How do I create a web page version of an email?

Last updated: May 16, 2018

Applies to:

Marketing Hub
marketing-basic-pro-enterprise
Basic, Professional, Enterprise

When the web page version option is enabled in your email draft's settings, a new web page is automatically generated using the contents of your email. Learn more about how to enable the web version of your email and edit its details.

How to create and edit the web page version of your email

  • In your HubSpot account, navigate to Marketing > Email.
  • Hover over one of your emails and click Edit.
  • In the email editor, click the Settings tab at the top. 
  • Click Advanced Settings to expand additional options.
  • Switch the Web version toggle on success.
  • Enter the details of your web version:
    • Enter a page title.
    • Use the dropdown to select the domain, and enter the subdirectory for the web page.
    • Enter a meta description.
    • Check the optional Expire page on a specific date checkbox if you wish to redirect the web-based email to a landing page at a scheduled date and time.

edit-webpage-settings

  • To make more substantial edits to the content, click Edit web version contents

 The email's web page version URL will not function while your email is still a draft. This URL will lead to a live page after your email is sent.

If Enable web version is not available under the Settings tab

  • In the email editor, click the Settings tab.
  • Click Advanced Settings to expand the template information. Hover over the template thumbnail and click Edit template.
Make sure the View As Web Page module is present on the Template (typically located at the top of template).
  • In the template, click the View as webpage module to select it in the inspector.
  • Check that the token is present in the source code.
User-added image
The code will look something like this:

{%if content.create_page%} <div style="padding-top: 15px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 9px; line-height: 1.34em; color: {{secondary_font_color}};">Not rendering correctly? View this email as a web page <a href="{{view_as_page_url}}" target="_blank" data-viewaswebpage="true" style="color: {{secondary_font_color}}; text-decoration: underline; white-space: nowrap">here</a>.</div> {%endif%} 

Custom coded templates must contain either the {{view_as_page_section}} or the {{view_as_page_url}} token.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.