# Build Personalized Experiences

### About this export

| Field | Value |
| --- | --- |
| **content_type** | lesson |
| **platform** | contentstack-academy |
| **source_url** | https://www.contentstack.com/academy/courses/use-cases-and-tutorials/build-personalized-experiences |
| **course_slug** | use-cases-and-tutorials |
| **lesson_slug** | build-personalized-experiences |
| **markdown_file_url** | /academy/md/courses/use-cases-and-tutorials/build-personalized-experiences.md |
| **generated_at** | 2026-04-28T06:55:49.869Z |

> Part of **[Use Cases and Tutorials](https://www.contentstack.com/academy/courses/use-cases-and-tutorials)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys.

<!-- ai_metadata: {"lesson_id":"06","type":"video","duration_seconds":386,"video_url":"https://cdn.jwplayer.com/previews/LT4UJrkM","thumbnail_url":"https://cdn.jwplayer.com/v2/media/LT4UJrkM/poster.jpg?width=720","topics":["Build","Personalized","Experiences"]} -->

#### Video details

#### At a glance

- **Title:** Build Personalized Experiences
- **Duration:** 6m 26s
- **Media link:** https://cdn.jwplayer.com/previews/LT4UJrkM
- **Publish date (unix):** 1751803725

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113699 kbps
- video/mp4 · 180p · 180p · 134428 kbps
- video/mp4 · 270p · 270p · 144628 kbps
- video/mp4 · 360p · 360p · 157494 kbps
- video/mp4 · 406p · 406p · 164951 kbps
- video/mp4 · 540p · 540p · 183338 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/LT4UJrkM-120.vtt`

#### Transcript

Welcome to the Lytx Experiences overview, how to build and host campaign experiences within Lytx. What you will learn in this video training, what is an experience, how to build and host a basic modal campaign experience within Lytx. Also, what other experiences are available? Let's go into the Lytx UI. If you click on experiences, you'll go to the experiences main page. Each marketing initiative within Lytx is called an experience. Experiences can be executed within different channels, depending on the provider and tactic. If you are familiar with Lytx Personalize, you will recognize that a Lytx web personalized experience in the journey canvas is roughly equivalent to a personalized campaign. Let's look at how to build and host a simple modal, also known as interstitial or slide-in. In the experiences main page, we'll see a list of all previously created experiences that have been built in your account. To create a new one, click add experiences. For this one, we will create a new experience. We'll start with the top one listed here, which is the Lytx modal campaign builder. In this case, we are going to create a modal to share a promo code for a subscription coupon. Let's click present a message. The other options can drive traffic, capture leads into Lytx, or even recommend content in order to retain site visitors. Be sure to title your experience, or you'll have a whole list of them called untitled. Here's a title here. Go ahead and add your headline body copy to the modal. There's an optional image URL, which you can put here. No smaller than 150 by 150. Now, this is going to appear in the default WYSIWYG template. You do have a few options for the layout. This one on the right, modal, is going to be kind of an interstitial in the bulk of the page. You'll see moving to the right here, there is a slide out, which you can position bottom left or bottom right, which is great depending on how your site is set up. You can also do a bar, which is a persisting bar at the top of your site, or sticky bar, which will follow the user throughout the page. There's also options to select different colors. You can use your hex codes in here. You can also point to your own CSS. You'll have to host it and point to the CSS class here. But if you want, you could create a simple modal just with the default colors here, or you can change maybe the action text or the button text. In this case, there's no button since it's just a present a message. Once you're satisfied with your body text and headline and your title, you can keep going in the modal builder. Click Next Step. This is where the magic of Lytx comes in. So this modal will only appear for the audience that you select here. In this case, if we want new subscribers, we probably want unknown users, or lapsed subscribers, or brand new people who have never subscribed. So let's just say unknown users for now. Select them. This will give you an idea of how many people in that audience can be reached with this modal. Keep going with Next Step. In this case, you can select what exact page on your website you want this modal to appear on. Or maybe you want to hide it just on your home page. If you leave this blank, the modal will appear on every page. There's also further controls here under Advanced Display Options, where you can control your display triggers, display frequency, what happens if a user clicks, what happens if a user clicks Cancel or Close. I like to always hide permanently on these bottom two for a good user experience. You can also set an expiration date. You can leave it blank, and it will appear forever. Or you can select a date, which is always a good idea, even if it's in the far future. You can select that, go to Next Step, and you'll see a summary of your page. Let's go ahead and save this one. Keep in mind, if this is a modal in your account, you can hit Preview and then indicate the page where you want it to appear. And then you will get a staged version of the modal. For now, let's just go ahead and save the modal. Let's save it and close it, go back to Experiences. Keep in mind that in terms of adding new experiences, you can also import campaigns from other tools, like Facebook, Google Ads, Iterable, or Salesforce Marketing Cloud. Keep in mind that you will have to have authorized that channel provider, which is covered in another module, but it's under Data and Integrations if you want to hook that up. And then you will have to have built a campaign in that channel provider that you want to bring into Lytx. For more information on importing external experiences, we have excellent documentation on learn.lytx. Thanks for listening.

#### Subtitles (WebVTT)

```webvtt
WEBVTT

1
00:00:00.000 --> 00:00:03.320
Welcome to the Lytx Experiences overview,

2
00:00:03.320 --> 00:00:08.620
how to build and host campaign experiences within Lytx.

3
00:00:08.620 --> 00:00:11.960
What you will learn in this video training,

4
00:00:11.960 --> 00:00:14.680
what is an experience,

5
00:00:14.680 --> 00:00:20.560
how to build and host a basic modal campaign experience within Lytx.

6
00:00:20.560 --> 00:00:25.480
Also, what other experiences are available?

7
00:00:25.480 --> 00:00:28.480
Let's go into the Lytx UI.

8
00:00:28.880 --> 00:00:32.160
If you click on experiences,

9
00:00:32.160 --> 00:00:35.600
you'll go to the experiences main page.

10
00:00:35.600 --> 00:00:39.840
Each marketing initiative within Lytx is called an experience.

11
00:00:39.840 --> 00:00:42.800
Experiences can be executed within different channels,

12
00:00:42.800 --> 00:00:45.480
depending on the provider and tactic.

13
00:00:45.480 --> 00:00:48.240
If you are familiar with Lytx Personalize,

14
00:00:48.240 --> 00:00:51.800
you will recognize that a Lytx web personalized experience

15
00:00:51.800 --> 00:00:55.160
in the journey canvas is roughly equivalent

16
00:00:55.160 --> 00:00:58.400
to a personalized campaign.

17
00:00:58.400 --> 00:01:01.880
Let's look at how to build and host a simple modal,

18
00:01:01.880 --> 00:01:06.160
also known as interstitial or slide-in.

19
00:01:06.160 --> 00:01:08.400
In the experiences main page,

20
00:01:08.400 --> 00:01:11.960
we'll see a list of all previously created experiences

21
00:01:11.960 --> 00:01:14.400
that have been built in your account.

22
00:01:14.400 --> 00:01:18.840
To create a new one, click add experiences.

23
00:01:18.840 --> 00:01:23.400
For this one, we will create a new experience.

24
00:01:23.400 --> 00:01:26.120
We'll start with the top one listed here,

25
00:01:26.120 --> 00:01:31.360
which is the Lytx modal campaign builder.

26
00:01:31.360 --> 00:01:35.200
In this case, we are going to create a modal

27
00:01:35.200 --> 00:01:39.160
to share a promo code for a subscription coupon.

28
00:01:39.160 --> 00:01:42.880
Let's click present a message.

29
00:01:42.880 --> 00:01:45.760
The other options can drive traffic,

30
00:01:45.760 --> 00:01:49.040
capture leads into Lytx, or even recommend content

31
00:01:49.040 --> 00:01:52.440
in order to retain site visitors.

32
00:01:52.440 --> 00:01:54.640
Be sure to title your experience,

33
00:01:54.640 --> 00:01:58.920
or you'll have a whole list of them called untitled.

34
00:01:58.920 --> 00:02:01.600
Here's a title here.

35
00:02:01.600 --> 00:02:07.640
Go ahead and add your headline body copy to the modal.

36
00:02:07.640 --> 00:02:29.400
There's an optional image URL, which you can put here.

37
00:02:29.400 --> 00:02:31.960
No smaller than 150 by 150.

38
00:02:31.960 --> 00:02:36.320
Now, this is going to appear in the default WYSIWYG template.

39
00:02:36.320 --> 00:02:39.000
You do have a few options for the layout.

40
00:02:39.000 --> 00:02:41.200
This one on the right, modal, is going

41
00:02:41.200 --> 00:02:45.800
to be kind of an interstitial in the bulk of the page.

42
00:02:45.800 --> 00:02:47.640
You'll see moving to the right here,

43
00:02:47.640 --> 00:02:51.960
there is a slide out, which you can position bottom left

44
00:02:51.960 --> 00:02:55.080
or bottom right, which is great depending

45
00:02:55.080 --> 00:02:57.040
on how your site is set up.

46
00:02:57.040 --> 00:03:00.840
You can also do a bar, which is a persisting bar

47
00:03:00.840 --> 00:03:04.320
at the top of your site, or sticky bar, which

48
00:03:04.320 --> 00:03:08.720
will follow the user throughout the page.

49
00:03:08.720 --> 00:03:13.440
There's also options to select different colors.

50
00:03:13.440 --> 00:03:16.720
You can use your hex codes in here.

51
00:03:16.720 --> 00:03:19.400
You can also point to your own CSS.

52
00:03:19.400 --> 00:03:24.000
You'll have to host it and point to the CSS class here.

53
00:03:24.000 --> 00:03:26.960
But if you want, you could create a simple modal just

54
00:03:26.960 --> 00:03:28.840
with the default colors here, or you

55
00:03:28.840 --> 00:03:33.160
can change maybe the action text or the button text.

56
00:03:33.160 --> 00:03:35.520
In this case, there's no button since it's just

57
00:03:35.520 --> 00:03:37.760
a present a message.

58
00:03:37.760 --> 00:03:42.640
Once you're satisfied with your body text and headline

59
00:03:42.640 --> 00:03:46.320
and your title, you can keep going in the modal builder.

60
00:03:46.320 --> 00:03:48.080
Click Next Step.

61
00:03:48.080 --> 00:03:50.880
This is where the magic of Lytx comes in.

62
00:03:50.880 --> 00:03:53.920
So this modal will only appear for the audience

63
00:03:53.920 --> 00:03:55.660
that you select here.

64
00:03:55.660 --> 00:03:58.480
In this case, if we want new subscribers,

65
00:03:58.520 --> 00:04:03.720
we probably want unknown users, or lapsed subscribers,

66
00:04:03.720 --> 00:04:05.800
or brand new people who have never subscribed.

67
00:04:05.800 --> 00:04:08.640
So let's just say unknown users for now.

68
00:04:08.640 --> 00:04:09.920
Select them.

69
00:04:09.920 --> 00:04:13.200
This will give you an idea of how many people

70
00:04:13.200 --> 00:04:16.600
in that audience can be reached with this modal.

71
00:04:16.600 --> 00:04:19.280
Keep going with Next Step.

72
00:04:19.280 --> 00:04:22.200
In this case, you can select what exact page

73
00:04:22.200 --> 00:04:25.520
on your website you want this modal to appear on.

74
00:04:25.520 --> 00:04:30.680
Or maybe you want to hide it just on your home page.

75
00:04:30.680 --> 00:04:32.560
If you leave this blank, the modal

76
00:04:32.560 --> 00:04:35.000
will appear on every page.

77
00:04:35.000 --> 00:04:37.600
There's also further controls here

78
00:04:37.600 --> 00:04:40.280
under Advanced Display Options, where

79
00:04:40.280 --> 00:04:45.240
you can control your display triggers, display frequency,

80
00:04:45.240 --> 00:04:48.000
what happens if a user clicks, what

81
00:04:48.000 --> 00:04:51.680
happens if a user clicks Cancel or Close.

82
00:04:51.680 --> 00:04:53.240
I like to always hide permanently

83
00:04:53.240 --> 00:04:56.560
on these bottom two for a good user experience.

84
00:04:56.560 --> 00:04:58.760
You can also set an expiration date.

85
00:04:58.760 --> 00:05:01.640
You can leave it blank, and it will appear forever.

86
00:05:01.640 --> 00:05:04.880
Or you can select a date, which is always a good idea,

87
00:05:04.880 --> 00:05:06.840
even if it's in the far future.

88
00:05:06.840 --> 00:05:09.840
You can select that, go to Next Step,

89
00:05:09.840 --> 00:05:13.360
and you'll see a summary of your page.

90
00:05:13.360 --> 00:05:15.400
Let's go ahead and save this one.

91
00:05:15.400 --> 00:05:18.040
Keep in mind, if this is a modal in your account,

92
00:05:18.040 --> 00:05:21.840
you can hit Preview and then indicate the page

93
00:05:21.840 --> 00:05:23.560
where you want it to appear.

94
00:05:23.560 --> 00:05:27.160
And then you will get a staged version of the modal.

95
00:05:27.160 --> 00:05:30.320
For now, let's just go ahead and save the modal.

96
00:05:33.600 --> 00:05:37.080
Let's save it and close it, go back to Experiences.

97
00:05:39.800 --> 00:05:44.400
Keep in mind that in terms of adding new experiences,

98
00:05:44.400 --> 00:05:48.480
you can also import campaigns from other tools,

99
00:05:48.480 --> 00:05:52.240
like Facebook, Google Ads, Iterable,

100
00:05:52.240 --> 00:05:54.200
or Salesforce Marketing Cloud.

101
00:05:54.200 --> 00:05:56.840
Keep in mind that you will have to have authorized

102
00:05:56.840 --> 00:06:00.240
that channel provider, which is covered in another module,

103
00:06:00.240 --> 00:06:04.120
but it's under Data and Integrations

104
00:06:04.120 --> 00:06:05.960
if you want to hook that up.

105
00:06:05.960 --> 00:06:08.720
And then you will have to have built a campaign

106
00:06:08.720 --> 00:06:13.000
in that channel provider that you want to bring into Lytx.

107
00:06:13.000 --> 00:06:17.520
For more information on importing external experiences,

108
00:06:17.520 --> 00:06:22.040
we have excellent documentation on learn.lytx.

109
00:06:23.880 --> 00:06:25.040
Thanks for listening.

```

```transcript
<!-- PLACEHOLDER: replace with real transcript before publish if cues were auto-derived from WebVTT -->
[00:00] Welcome to the Lytx Experiences overview,
[00:03] how to build and host campaign experiences within Lytx.
[00:08] What you will learn in this video training,
[00:11] what is an experience,
[00:14] how to build and host a basic modal campaign experience within Lytx.
[00:20] Also, what other experiences are available?
[00:25] Let's go into the Lytx UI.
[00:28] If you click on experiences,
[00:32] you'll go to the experiences main page.
[00:35] Each marketing initiative within Lytx is called an experience.
[00:39] Experiences can be executed within different channels,
[00:42] depending on the provider and tactic.
[00:45] If you are familiar with Lytx Personalize,
[00:48] you will recognize that a Lytx web personalized experience
[00:51] in the journey canvas is roughly equivalent
[00:55] to a personalized campaign.
[00:58] Let's look at how to build and host a simple modal,
[01:01] also known as interstitial or slide-in.
[01:06] In the experiences main page,
[01:08] we'll see a list of all previously created experiences
[01:11] that have been built in your account.
[01:14] To create a new one, click add experiences.
[01:18] For this one, we will create a new experience.
[01:23] We'll start with the top one listed here,
[01:26] which is the Lytx modal campaign builder.
[01:31] In this case, we are going to create a modal
[01:35] to share a promo code for a subscription coupon.
[01:39] Let's click present a message.
[01:42] The other options can drive traffic,
[01:45] capture leads into Lytx, or even recommend content
[01:49] in order to retain site visitors.
[01:52] Be sure to title your experience,
[01:54] or you'll have a whole list of them called untitled.
[01:58] Here's a title here.
[02:01] Go ahead and add your headline body copy to the modal.
[02:07] There's an optional image URL, which you can put here.
[02:29] No smaller than 150 by 150.
[02:31] Now, this is going to appear in the default WYSIWYG template.
[02:36] You do have a few options for the layout.
[02:39] This one on the right, modal, is going
[02:41] to be kind of an interstitial in the bulk of the page.
[02:45] You'll see moving to the right here,
[02:47] there is a slide out, which you can position bottom left
[02:51] or bottom right, which is great depending
[02:55] on how your site is set up.
[02:57] You can also do a bar, which is a persisting bar
[03:00] at the top of your site, or sticky bar, which
[03:04] will follow the user throughout the page.
[03:08] There's also options to select different colors.
[03:13] You can use your hex codes in here.
[03:16] You can also point to your own CSS.
[03:19] You'll have to host it and point to the CSS class here.
[03:24] But if you want, you could create a simple modal just
[03:26] with the default colors here, or you
[03:28] can change maybe the action text or the button text.
[03:33] In this case, there's no button since it's just
[03:35] a present a message.
[03:37] Once you're satisfied with your body text and headline
[03:42] and your title, you can keep going in the modal builder.
[03:46] Click Next Step.
```

#### Lesson text

Take a deeper dive into building and hosting Personalized Experiences in Lytics.

## Introduction

### Overview

**Note:** On January 10, 2023, we upgraded our UI with a new, refreshed interface. All of the underlying functionality is the same, but you will notice that things look a little different from this Academy guide. The most notable change is that the navigation menu has moved from the top of the app to the left side. We appreciate your patience as we work on updating our Academy.

In this training, we will walk you through how to build out-of-the-box Modals (also known as Interstitials, pop-ups, slide-ins, or welcome ads) using the Experience Editor in Lytics.

We will cover: 

*   How to successfully build and host Experiences within Lytics
*   Share best practices and nuances to consider when creating an Experience
*   Introduce the other Experience types that are available in Lytics 
    *   Social, ads, email

![build personalized experiences.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3d0533c35b133a06/686a97f43211630b540050bd/build_personalized_experiences.png)

**What is the difference between a Modal and a Personalize Experience?** Nothing, in Lytics these two terms are interchangeable!

By the end of this training, you will have learned - What is an "Experience" in Lytics - How to build and host a basic Experience - What other Experiences are available

### Key Terminology

Before you get started, here are some key terms that are useful to understand when creating Experiences in Lytics.

## Key Terms:

*   **Experience:** Marketing tactics that can be executed in different channels depending on the provider, allowing you to present tailored messaging to specific audiences.

*   **Personalize:** Personalize is very similar to “Experiences”. Personalize enables you to host simple modals and interstitial campaigns. This tab is a **legacy function** which will eventually be deprecated in favor of “Experiences”.

*   **Goal:** high-level objectives that measure marketing success, such as improving conversion rates, decreasing churn, and increasing customer lifetime value (LTV).

*   **Canvas:** The UI view of Lytics Goals that allows users to manage Stages and Experiences all from one place.

For more information, see:

*   [Lytics Glossary](https://learn.lytics.com/content/lytics-glossary) [](https://learn.lytics.com/documentation/product/features/experiences/overview)
*   [Experiences Overview](https://learn.lytics.com/documentation/product/features/experiences/overview)

**Which channel can you activate an Experience on?**

A. Website

B. Social (Ex. Facebook)

C. Ads (Ex. Google Ads)

D. Email (Ex. Mailchimp)

E. All of the above

F. None of the above

Answer: E

### Getting Started

#### What do I need to create a Personalize Experience?

Here are some questions you might want to ask yourself prior to setting up an Experience:

1.  What is the goal of this experience?
    1.  Drive Traffic
    2.  Capture Leads
    3.  Present a Message
    4.  Recommend Content
2.  Do I have all the necessary creative to set up my campaign? For example: Custom CSS, images, etc. 
3.  What audience is this campaign targeting? Does it already exist in Lytics? If not, we recommend first creating your target audiences in Lytics.
4.  Is my "URL allow list for Orchestrate" up to date? For directions on how to set this up, check out our [FAQ](https://learn.lytics.com/documentation/product/faq#my-previewed-experience-worked-why-doesnt-it-display-once-started).

During this training, we will only cover Lytics out-of-the-box functionality. Here is how you get started creating a Personalize Experience in the UI: 

![Click Experiences > Add Experiences.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt19e5851ff5515c38/686a64c9c3d87b0283b6e7cc/Click_Experiences_Add_Experiences.png)

Once you click "Add Experience" you would have the option to either import an existing experience or create a new experience. During today's training, we will choose "New" to create a new experience.

![Add a new Experience.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt299bf6a2c3740c59/686a64c928e271d73da3af54/Add_a_new_Experience.png)

Next we will build out a Personalize Experience for "Present a message."

## Design

### Video Tutorial

If you're interested in watching this process in real time, see the step-by-step video tutorial titled "Build Personalized Experiences" (~6.5 mins).

If video learning is not your style, feel free to skip and continue reading on. Each step in the video is covered in more detail in the following sections, including best practices and key takeaways to help you successfully deliver Personalized Experiences using Lytics.

### Designing an Experience

#### Designing a Campaign

Here we'll review the out-of-the-box design functionality that Lytics provides.

![Experience Design.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8a5bed62c7520aee/686a6abc47548f4b7456930a/Experience_Design.png)

First add the Headline & Body of your experience. You also have the option to add an image URL (no smaller than 150 X 150 pixels).

Next choose your Layout from the follow options:

*   **Modal:** A full screen takeover experience that can be closed by clicking outside the modal, clicking the close button of the modal, or taking the intended call to action.

*   **Slideout:** A small widget that occupies a corner of the screen. It does not interrupt the user's current task.

*   **Bar:** A short widget that takes the full width of the screen and sits at the top of the page.

*   **Sticky-bar:**  A bar that scrolls with the page.

Once you choose your layout, choose the positioning of your experience. It's worth noting that Lytics campaigns can show up in various positions on a web page depending on the layout of the widget. The allowed positions will always show up as a dark gray color while the unallowed positions will be light gray. The active position is blue.

To learn more about Campaign types & Compatibility check out our [Compatibility Matrix](https://learn.lytics.com/documentation/product/features/web-personalization/editor/design-step#campaign-type-layout-compatability-matrix).

#### Campaign Theme 

There are three ways to theme a campaign:

1.  **Choose a theme**: Lytics provides a Light and Dark theme out of the box.
2.  **Build a custom theme**: There are eight color options (described below) available to build a theme in the campaign editor.
3.  **Use Custom CSS**: By using your own custom CSS, Lytics provides no theme information, relying on CSS to style all campaign widget elements. \***CSS must be hosted by customer**\*

#### Custom Theme Color Options

1.  **Background**: The color of the background color of the widget.
2.  **Headline**: The text color of the headline message.
3.  **Body Text**: The text color of the body text.
4.  **Close Button**: The color of the '×' shape used as a close button.
5.  **Submit Button Text**: The color of the text in the call-to-action (or submit) button.
6.  **Submit Button**: The background color of the call-to-action (or submit) button.
7.  **Cancel Button Text**: The color of the text in the cancel (or dismiss) button.
8.  **Cancel Button**: The background color of the cancel (or dismiss) button.

To learn more about all of the custom theming options Lytics has available check out our Pathfora SDK Custom CSS doc.

**If you use your own Custom CSS:** We recommend adding all custom CSS files to one global style sheet as Lytics will not support numerous independent CSS files. The workaround here in ensuring all CSS files reside in the same style sheet.

**When using custom CSS for Lytics Experiences, the style sheet must be hosted by the customer.**

A. True

B. False

Answer: A

Once all of the design elements are complete you can click "Next step". In the next section we will decide which audience this campaign is going to target.

## Target

### Select An Audience to Target

#### Target

Choose the audience you'd like to target with this experience or if the audience doesn't exist click "New audience."

![select\_audience.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt82802a86c167ef24/686a727b177f44d44c63fd3c/select_audience.png)

#### Additional Considerations

Lytics encourages users to add additional data-driven elements into the targeting strategy. Here's one example:

Let's say you're presenting a message to offer a 20% discount code to users who aren't currently a paid subscriber. First you want to make sure you exclude any active subscribers in your audience.

![exclude active subscribers in audience.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/bltc44a504f1cd0efe6/686a727b8f61ad1b71dc5e34/exclude_active_subscribers_in_audience.png)

Now that you've ensured a good user experience by excluding all active subscribers, we recommend layering in Lytics out-of-the-box **behavioral audiences** to help improve targeting. In this instance adding "Frequent Users" is a good option.

![Add Frequent Users.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt6d351a8cc313a161/686a727ab831ee876b272962/Add_Frequent_Users.png)

If you're curious what variables go in our behavioral audiences, check out our [Out-of-the-box Behavioral Audiences](https://learn.lytics.com/documentation/product/features/descriptive-and-predictive-modeling/behavioral-audiences#the-full-set-of-out-of-the-box-behavioral-audiences) docs.

Now that you have a hyper-targeted audience of "Frequent non-subscribers" to activate against you can see your potential campaign reach (outlined with a green box).

![potential\_reach.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blta23846ac803ad2f9/686a727b19cab2a80acec3ad/potential_reach.png)

Next, let's set up display options!

## Display

### Set up Display Rules

With our basic display options, you will decide which URL's you would like to either show or hide your experience on and how long you would like it to run. If is an evergreen campaign, you can leave the end date blank and it will run indefinitely.

If you'd like to add additional display settings, check out our "Advanced Display Options"

In the advanced display options you can add additional customization to your experience, such as: Display Trigger and Display Frequency:

![Advanced Display Options.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8bd82933096cb3e2/686ab60303043f39bbfbfe18/Advanced_Display_Options.png)

You can also set what happens when a user clicks the call to action or cancel/close

![Advanced Display Options 2.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3ce0945738539310/686ab6035d66fe0ad20f5cb7/Advanced_Display_Options_2.png)

**We recommend leveraging the advanced display options to create a more pleasant user experience!** A couple display options that we've seen success with are:

*   "Show after % of page scroll" 
*   "Show after X page views" 

This way, you are certain the user has shown intent and is ready for the experience! 

Now that the experience is complete, it's time to review and preview the campaign. 

## Review

### Preview

In the final step you can confirm everything is set up correctly for your experience and preview it on site:

![Enter preview URL.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3916a4a259b36045/686ab77adf067ef9b2fb9490/Enter_preview_URL.png)

If you're running into trouble previewing your experience, here are a few "gotchas" that are worth noting:

1.  Check that the Lytics JavaScript tag installed on that page of your website. Lytics experiences require the JavaScript tag to be installed.
2.   Check your display conditions. You may have a display trigger that is preventing the campaign from being shown right away. Try scrolling down the page, or refreshing the preview page to the appropriate number if you are using one of these display conditions.
3.  If the preview was working previously and is no longer showing, check if you have any of the "Display Frequency", "When the user clicks CTA...", or "When user clicks cancel or close..." options enabled. If so, try clearing any items in your cookies and session storage that are prefixed with "Pathfora". 

**Best Practice: Testing Process** - We encourage users to implement a repeatable process when previewing/testing campaigns that can be adopted across all Lytics users. This helps eliminate confusion and is considered a best practice when leveraging a CDP.

**Which of the following are required to have Lytics Experiences display on your website? Select all that apply.**

A. Lytics JavaScript tag is installed

B. Display URL is included in your URL Allowlist account settings

C. Advanced Display Options are configured

Answer: A, B (Advanced Display Options are not required, but recommended to create a better user experience)

Now that we've reviewed and previewed the campaign, it's ready to go live!

In this next section, we will share a high level overview of the additional experiences we have available in Lytics.

### Third-Party Experience Providers

Now that you know how to create a Personalized Experience, you can start leveraging the additional channels we have available in Lytics!

We're continuing to build out our integrations to support more third-party tools for Experiences. As of right now, here is a list of the supported experience providers available in Lytics:

*   [Facebook](https://learn.lytics.com/documentation/product/integrations/facebook/experiences)
*   [Google Ads](https://learn.lytics.com/documentation/product/integrations/google/google-adwords/experiences)
*   [Iterable](https://learn.lytics.com/documentation/product/integrations/iterable/experiences)
*   [Mailchimp](https://learn.lytics.com/documentation/product/integrations/mailchimp/experiences)
*   [Salesforce Marketing Cloud](https://learn.lytics.com/documentation/product/integrations/salesforce-integrations/salesforce-marketing-cloud/experiences)
*   [SendGrid](https://learn.lytics.com/documentation/product/integrations/salesforce-integrations/salesforce-marketing-cloud/experiences)
*   [The Trade Desk](https://learn.lytics.com/documentation/product/integrations/the-trade-desk/experiences)

To learn more, check out [Experiences: Providers & Tactics](https://learn.lytics.com/documentation/product/features/experiences/experience-editor/providers-and-tactics#experience-editor:-providers-and-tactics)

We also have additional intelligence around experience performance. We will dig into this in our guide on the Goal Canvas. But for now, here is a high level overview of what you can expect: [Experience Intelligence](https://learn.lytics.com/documentation/product/features/lytics-view/experience-intelligence).

![30 days insights and intelligence preview.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt0165e901a70d88bd/686ab7c86521fc42676d6fd4/30_days_insights_and_intelligence_preview.png)

## Recap

### More Resources

#### Recommended Resources

See our Experiences documentation for more information.

*   [Lytics Experiences Overview](https://learn.lytics.com/documentation/product/features/experiences/overview)
*   [Managing Experiences](https://learn.lytics.com/documentation/product/features/experiences/managing-experiences)
*   [Experience Editor](https://learn.lytics.com/documentation/product/features/experiences/experience-editor/experience-editor)

Ready to dive deeper and customize your Lytics Experiences? Check out our use case documentation.

*   [Style your Lytics Web Experiences to Fit Your Brand Guidelines](https://learn.lytics.com/use-cases/style-your-lytics-web-experiences-to-fit-your-brand-guidelines)
*   [Enhance Personalized Messaging with User Profile Fields](https://learn.lytics.com/use-cases/enhance-personalized-messaging-with-user-profile-fields)
*   [Tracking Lytics Web Personalize Experiences in Third Party Tools](https://learn.lytics.com/use-cases/tracking-web-personalize-experiences-in-third-party-tools)

#### Key takeaways

- Connect **Build Personalized Experiences** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

## Supplement for indexing

### Content summary

Build Personalized Experiences. Take a deeper dive into building and hosting Personalized Experiences in Lytics. Introduction Overview Note: On January 10, 2023, we upgraded our UI with a new, refreshed interface. All of the underlying functionality is the same, but you will notice that things look a little different from this Academy guide. The most notable change is that the navigation menu has moved from the top of the app to the left side. We appreciate your patience as we work on updating our Academy. In this training, we will walk you through how to build out-of-the-box Modals (also known as Interstitials, pop-ups, slide-ins, or welcome ads) using the Experience Editor in Lytics. We will cover: How to successfully bu

### Retrieval tags

- Build
- Personalized
- Experiences
- use-cases-and-tutorials
- lesson 06
- Build Personalized Experiences
- use-cases-and-tutorials lesson

### Indexing notes

Index this lesson as a primary chunk tagged with lesson_id "06" and topics: [Build, Personalized, Experiences].
Parent course slug: use-cases-and-tutorials. Use asset_references URLs as thumbnail hints in search results when present.
Never surface LMS quiz content or assessment answers from this file.

### Asset references

| Label | URL |
| --- | --- |
| Video thumbnail: Build Personalized Experiences | `https://cdn.jwplayer.com/v2/media/LT4UJrkM/poster.jpg?width=720` |
| build personalized experiences.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3d0533c35b133a06/686a97f43211630b540050bd/build_personalized_experiences.png` |
| Click Experiences > Add Experiences.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt19e5851ff5515c38/686a64c9c3d87b0283b6e7cc/Click_Experiences_Add_Experiences.png` |
| Add a new Experience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt299bf6a2c3740c59/686a64c928e271d73da3af54/Add_a_new_Experience.png` |
| Experience Design.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8a5bed62c7520aee/686a6abc47548f4b7456930a/Experience_Design.png` |
| select\_audience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt82802a86c167ef24/686a727b177f44d44c63fd3c/select_audience.png` |
| exclude active subscribers in audience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/bltc44a504f1cd0efe6/686a727b8f61ad1b71dc5e34/exclude_active_subscribers_in_audience.png` |
| Add Frequent Users.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt6d351a8cc313a161/686a727ab831ee876b272962/Add_Frequent_Users.png` |
| potential\_reach.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blta23846ac803ad2f9/686a727b19cab2a80acec3ad/potential_reach.png` |
| Advanced Display Options.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8bd82933096cb3e2/686ab60303043f39bbfbfe18/Advanced_Display_Options.png` |
| Advanced Display Options 2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3ce0945738539310/686ab6035d66fe0ad20f5cb7/Advanced_Display_Options_2.png` |
| Enter preview URL.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3916a4a259b36045/686ab77adf067ef9b2fb9490/Enter_preview_URL.png` |
| 30 days insights and intelligence preview.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt0165e901a70d88bd/686ab7c86521fc42676d6fd4/30_days_insights_and_intelligence_preview.png` |

### External links

| Label | URL |
| --- | --- |
| Contentstack Academy home | `https://www.contentstack.com/academy/` |
| Training instance setup | `https://www.contentstack.com/academy/training-instance` |
| Academy playground (GitHub) | `https://github.com/contentstack/contentstack-academy-playground` |
| Contentstack documentation | `https://www.contentstack.com/docs/` |
| build personalized experiences.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3d0533c35b133a06/686a97f43211630b540050bd/build_personalized_experiences.png` |
| Lytics Glossary | `https://learn.lytics.com/content/lytics-glossary` |
| Experiences Overview | `https://learn.lytics.com/documentation/product/features/experiences/overview` |
| FAQ | `https://learn.lytics.com/documentation/product/faq#my-previewed-experience-worked-why-doesnt-it-display-once-started` |
| Click Experiences > Add Experiences.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt19e5851ff5515c38/686a64c9c3d87b0283b6e7cc/Click_Experiences_Add_Experiences.png` |
| Add a new Experience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt299bf6a2c3740c59/686a64c928e271d73da3af54/Add_a_new_Experience.png` |
| Experience Design.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8a5bed62c7520aee/686a6abc47548f4b7456930a/Experience_Design.png` |
| Compatibility Matrix | `https://learn.lytics.com/documentation/product/features/web-personalization/editor/design-step#campaign-type-layout-compatability-matrix` |
| select\_audience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt82802a86c167ef24/686a727b177f44d44c63fd3c/select_audience.png` |
| exclude active subscribers in audience.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/bltc44a504f1cd0efe6/686a727b8f61ad1b71dc5e34/exclude_active_subscribers_in_audience.png` |
| Add Frequent Users.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt6d351a8cc313a161/686a727ab831ee876b272962/Add_Frequent_Users.png` |
| Out-of-the-box Behavioral Audiences | `https://learn.lytics.com/documentation/product/features/descriptive-and-predictive-modeling/behavioral-audiences#the-full-set-of-out-of-the-box-behavioral-audiences` |
| potential\_reach.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blta23846ac803ad2f9/686a727b19cab2a80acec3ad/potential_reach.png` |
| Advanced Display Options.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8bd82933096cb3e2/686ab60303043f39bbfbfe18/Advanced_Display_Options.png` |
| Advanced Display Options 2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3ce0945738539310/686ab6035d66fe0ad20f5cb7/Advanced_Display_Options_2.png` |
| Enter preview URL.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt3916a4a259b36045/686ab77adf067ef9b2fb9490/Enter_preview_URL.png` |