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 fewer 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.

build-tabs.png

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.
  • Custom 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
    • Custom colours
  • Colour theme
    • Custom 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 on a long page or form by taking them directly to the correct section.

To create an anchor link:

  1. While editing your page or form, select the text that you want your anchor link to link to.
    EE_add_a_link_anchor1.png
  2. Select 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.
  4. Select Insert to save the changes.
    add-link.png

  5. Select the text that will link to the anchor that you just created.

    EE_add_a_link_anchor3.png
  6. Select Link and select To existing # anchor.
    to-anchor-link.png
  7. Select the name of the anchor from the dropdown (in this example 'agm').
  8. Select Insert.
  9. 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 Dotdigital. If you need more help or support, then contact our support team.