Design a page or form with EasyEditor

Learn to design a page using our EasyEditor page builder.

Overview

You can build and edit pages and forms using EasyEditor. You can also add tracking code, publish, unpublish, and republish them. Since these pages are web pages and aren’t email campaigns, there are less limitations, so you can do more with them.

Before you start

Things you need to know:

  • All processes described in this article start in EasyEditor while editing a page. To get there, either create a new page or edit an existing page. 
  • EasyEditor for Pages and forms differs to EasyEditor for email campaigns. 
    To learn more about EasyEditor and building email campaigns, check out the EasyEditor - an overview article.

Using the Build and Styles tabs

The Build and Styles tabs are two different areas in the page builder where you can access the building and styling elements of your pages.

buildandstylestabseasyeditor.jpg

Build tab

In the Build tab, you can use different building tools:

  • Building blocks
    Create the general parts of your page with these blocks:
    • Content
      Add titles, subtitles, section titles, text boxes, images, images and text, text and images, buttons, PayPal options, and videos.
    • Layout
      Add columns and spacers.
    • Tools
      Add sharing options, social links, countdowns, time and geo targets.
    • Advanced personalisation
      Add loops, decisions, and Liquid markup.
  • Form blocks
    Design the bulk of your page using form blocks, such as text boxes, opinion scales, and action buttons.
  • My building blocks
    Store and access previously made building blocks for reuse.
  • Images
    Upload, choose, and manage your images to drag onto your page.
  • Your old surveys
    Drag your active surveys and forms onto your page to improve reporting and automate communications.

Styles tab

In the Styles tab, you can style your pages to match your branding:

  • Background colours
    Choose and manage your page background colours with these tools:
    • Background layers
    • Colour picker
    • Colours in this page
    • My colours
  • Colour theme
    • My colours
  • Background images
    • Background layers
    • Position, size, repeat, and scrolling.
  • Borders & padding
    Style the various borders and their padding on your page.
    • Borders
      Select the style, weights, and colour for your borders.
    • Padding
      Select the size of your padding.

Add anchor links

Anchor links help your contacts find information in a long campaign by taking them directly to a section of your campaign.

Anchor links don't work in all email clients

For example, they don't work in:

  • Gmail on iOS
  • Apple Mail on iOS (iOS 8 and later)
  • Outlook (Mac, Android and web app)
Anchor links might not work if your campaign is clipped in Gmail.

To create an anchor link:

  1. In your campaign, select the text that you want your anchor link to link to.

    EE_add_a_link_anchor1.png
  2. Click the Link icon located in the ribbon.
  3. Enter a name for this anchor (in this case, we will name it 'agm'). The text that you selected for this link is also displayed in the 'Text' box. You can change this by simply overwriting it. Click the Insert button to save the changes.

    EE_add_a_link_anchor2.png
  4. Select the text that will link to the anchor that you just created.

    EE_add_a_link_anchor3.png
  5. Click Link and select To existing # anchor.

    EE_add_a_link_anchor4.png
  6. Select the name of the anchor from the dropdown (in this example 'agm').
  7. Select Insert.
  8. Use the preview tool or send a test email to make sure that your links work correctly.

Next steps

Did you find this article helpful?

Can we help?

Thanks for using Engagement Cloud. If you need more help or support, then contact our support team.