How to create an Experience with Web Personalization

Available on Professional and Enterprise plans. 

This article will show you how to create personalized website experiences using ActiveCampaign's Web Personalization feature.

Take note

  • Customers on the Professional plan can have up to 5 published experiences. Customers on the Enterprise plan can publish an unlimited amount of experiences
  • Web personalization uses Site Tracking. You'll need to whitelist your webpage URL in order to use this feature. You'll also need to ensure that the "Web Personalization" box is checked on the Tracking page in your ActiveCampaign account
  • Site tracking code must appear in the header of your webpage
  • Site tracking code must load by default on your website. If you have an “accept cookies” button in place, web personalization will not be able to load. This will need to be removed in order to work
  • You will be able to edit the following elements for draft Experiences: text, images, button text, link redirects
  • You will not be able to format the font, color, or placement of the text
  • Images must be stored in an image hosting platform

How to create an Experience

Web Personalization lets you create different versions of a webpage then display them to contacts based on tags or contact fields when they visit your site. These versions of your webpage are called Experiences.

To create an experience:

  1. Click "Website" > "Web Personalization" to navigate to your Web Personalization dashboard.
  2. If you don't yet have an Experience created, the "Create an Experience" modal will open for you.
    If you already have a draft Experience in your account, click the "Create an Experience" button.
  3. A "Select your Page" modal will appear.
    • Click the Page URL field
    • Click the URL you want to create an experience for
    • Click the "Start Personalizing" button
      Click Page URL choose URL click Start Personalizing button .png

      If you wish to personalize a new domain, click the "+ Add a New Page" option and enter the page you want to personalize. Then click the "Start Personalizing" button.
    • We will whitelist this URL for you automatically
    • We will enable site tracking and web personalization for you
    • You must add the Site tracking Javascript code to the header of your page
  4. The Experience builder will load. Click the "Personalize this page" option. This is located on the right side bar and at the top of the page.
  5. A modal window will appear and display the segment builder. Use the segment builder to choose which conditions will qualify your contacts to see the personalized experience you are creating. You can use any contact details or custom contact fields available to you in your account to create these conditions.

    When finished, click the "Continue" button.

    Note that once a segment is set, it cannot be edited.

    Build the segment and click Continue.png

    Tip: Create more targeted segments

    You can add more than one condition to your segment. Doing so will narrow down which contacts will see this experience.
  6. The "Personalized Page" tab will display your web page using an iframe. You can edit text, images, links, and button text.
    • Use your mouse to hover over any element on the page
    • Click the element you want to edit

      The "Element Editor" will appear on the right.

      Element Editor.png
  7. To use different text on the page, type it into the "Typography" box. Then click the "Save Changes" button.
    Typeography box to type in other text.png
  8. To use a different image, paste the URL into the Image Source URL field. Supported file formats for images include: JPG, JPEG, PNG, SVG, GIF, or WEBP.

    Then click the "Save Changes" button.

    Paste URL into Image Source URL field.png

    Changed elements will be highlighted with green dashes.

    Elements with green dashes show changed elements.png
  9. Redirect visitors to a different web page or website when they click a button on your page.
    • This can be done with any link that already exists on the page you're personalizing
    • You cannot embed new links to your page through the Web Personalization tool

      To redirect page visitors to a different page or website, click the element that contains the link you would like to redirect. The Element Editor will open on the right. Type the link destination into the field provided.

      If you are redirecting visitors to a new domain, you must use the full url, including https:// . We will not direct visitors to non-secure domains.
  10. When you're ready to make the Experience live, click the "Publish" button.
Was this article helpful?
0 out of 2 found this helpful

Have more questions? Submit a request

Start free trial