With the Maropost app, you have the ability to create a landing page for your contacts to view when clicking a particular link. Within email marketing, a landing page can be a standalone page that is completely different from your website, and exists for a single objective.

Landing pages also allows you to have your own custom URL for your landing pages and to provide personalization and other forms of dynamic content when your contacts click through from an email and visit your landing page.

Setting Up Your Custom Domain for Landing Pages

In order to have a custom domain for your landing pages, you’ll need to have access to your DNS server.  If you need help, contact Support@maropost.com and we’ll assist you.

  1. Create an ‘A Record’ in your DNS server.  If your log in URL to Maropost Marketing Cloud is app.maropost.com, then specify the custom domain you want and point it to 146.20.94.104.  If your login URL is cloud.maropost.com, then point your custom domain to 65.61.143.210.  We recommend that your custom domain be a sub-domain of your main branded domain, if at all possible.  This sub-domain will assist in the deliverability of your emails that you send which include the link to your landing page.
  2. Maropost Marketing Cloud will associate the custom domain with your Maropost Account ID.  If you own several accounts (or sub-accounts) then you will need to set up different custom domains — and make sure that they all point to the same IP address.

How To Create a Landing Page

1. Hover your cursor over the Maropost logo, and click ‘Web’.

web

2. You will be shown the ‘Pages’ index page. Hover your cursor over ‘Pages’ and click ‘New Page’.

3. Enter the name, select a template (optional), the ‘publish at’ date, and the ‘expire at’ date.  If you want to create your landing page using our Drag-and-Drop visual editor, keep the check box selected.  If you already have HTML code for your landing page, simply de-select the checkbox to create the web page using the standard WYSIWYG HTML Editor which allows you to paste in the source code of your landing page.

You can also provide a custom URL for your landing page starting with the custom domain you set up on your DNS server (see above). If you have not yet set up your DNS record, then you can add it later on in the Settings page of your landing page.

new_landing_page

4. When creating a landing page, you now can use our modern block-style editor. This editor will give you different types/styles of block elements to drag and drop into position, and then you can add content to these blocks (photos, links, text, etc.).

Screen Shot 2016-06-02 at 11.50.51 AM

**Along the bottom, there are options to preview, save, view page stats & analytics, as well as some tips on how to set up your landing page.**

4. To start, you select a grid-type (Hero Grid or Content Grid), and drag the chosen grid-type to the canvas. To change how the grid looks (size, merge grids, etc.), you can hover your cursor over the content block and click one of the options that appears.

Screen Shot 2016-06-02 at 4.43.13 PM

(Different types of grids.)

Screen Shot 2016-06-03 at 11.55.02 AM

(Options to change size, expand, merge, etc. the content blocks.)

5. After you’ve selected and arranged a grid-type on your canvas, you then can add content by selecting one of the widgets (Text, Media, Custom, Forms, or Social) by dragging and dropping into the content blocks. To edit the content details, double click on the widget to bring up the settings panel.

6. After adding your grid-types and selecting your content, you can then select the content properties and styles by clicking on the ‘Styles & Properties’ logo on the bottom. You have a variety of options and settings to choose from for each type of content. The example below displays the options given when using a paragraph content block.

Screen Shot 2016-06-13 at 4.51.58 PM

7. Click on the Settings icon to view the URL of your static web page, and to enter the custom page URL.  The custom URL starts with the custom domain that you set up in your DNS server and is followed by the unique path to this specific landing page.

You can also change the publish-at and expire-at dates, the redirect URL that will be used after the expiry date, as well as page title, description, and keywords.

landing_page_settings

 

8. If you’re using Google Analytics or Maropost’s own web tracking for your landing pages, there is an option to input the required web tracking script. You do this by clicking the ‘Analytics’ tab along the bottom right, and enter your web tracking script in the text box.

If you are using a web tracking script, then you’ll need to be using a custom domain for your landing page.  The domain used for the static web page URL is a shared resource and will not work for web tracking.

web_tracking

Adding Personalization and Dynamic Content

  1. If you want to have personalization in your landing pages, then you must have a custom domain set up (see above), and the custom page URL of the landing page must include /:contact_id somewhere in the path.  We recommend putting this dynamic element at the very end of your landing page URL so that your web analytic tracking is not affected by personalized URLs (e.g. http://pages.mp2203.com/LP1/:contact_id).
  2. You can use personalization for any standard fields (first name, last name, telephone, fax number, and email address) using the same Liquid syntax as you do in emails.  You can also pass in query string parameters in the URL and reference them in the body of your landing page using the {{tag.query_string_parameter_name}} syntax.

Putting it All Together

Suppose your main domain is ‘example.com’.  You’ll therefore set up an ‘A record’ in your company’s DNS server with a sub-domain for your landing pages (e.g. ‘pages.example.com’) that points to 146.20.94.104.

When you enter the personalized URL for your landing page, it will be something like ‘http://pages.example.com/LP1/:contact_id‘.

In your email, the link to your landing page will use the custom contact tag to dynamically insert each contact’s own contact ID in each email sent. An example of the link in your email may be something like:

<a href="http://pages.example.com/LP1/{{contact.id}}">Visit our page</a>

The email sent to each contact will be personalized to that contact, using each contact’s own contact ID, e.g. http://pages.example.com/LP1/1234′.