# Web Campaign Personalization SDK ### About this export | Field | Value | | --- | --- | | **content_type** | lesson | | **platform** | contentstack-academy | | **source_url** | https://www.contentstack.com/academy/courses/data-insights-using-profiles-to-power-personalization/data-insights-course-4--web-campaign-personalization-sdk | | **course_slug** | data-insights-using-profiles-to-power-personalization | | **lesson_slug** | data-insights-course-4--web-campaign-personalization-sdk | | **markdown_file_url** | /academy/md/courses/data-insights-using-profiles-to-power-personalization/data-insights-course-4--web-campaign-personalization-sdk.md | | **generated_at** | 2026-04-28T06:55:50.217Z | > Part of **[Using Profiles to Power Personalization](https://www.contentstack.com/academy/courses/data-insights-using-profiles-to-power-personalization)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys. #### Video details #### At a glance - **Title:** 30-data-insights-pathfora-sdk - **Duration:** 3m 32s - **Media link:** https://cdn.jwplayer.com/previews/TVahcmxA - **Publish date (unix):** 1752893501 #### Streaming renditions - application/vnd.apple.mpegurl - audio/mp4 · AAC Audio · 113545 kbps - video/mp4 · 180p · 180p · 135576 kbps - video/mp4 · 270p · 270p · 148797 kbps - video/mp4 · 360p · 360p · 159979 kbps - video/mp4 · 406p · 406p · 168022 kbps - video/mp4 · 540p · 540p · 193598 kbps - video/mp4 · 720p · 720p · 235130 kbps - video/mp4 · 1080p · 1080p · 346780 kbps #### Timed text tracks (delivery) - **thumbnails:** `https://cdn.jwplayer.com/strips/TVahcmxA-120.vtt` #### Transcript Here's what in our UI we call experiences, the SDK under the hood that powers them is called Pathfora. And then in WordPress and Drupal, they're called widgets. It's all fundamentally the same technology, what it allows you to do. So it's built on the back of our web personalization SDK, which I'm not sure if anybody has seen this and played with it. But Pathfora is just like a pure JavaScript SDK that allows you to surface campaigns on the site super easily. So you don't have to actually go into the source code and create a bunch of things and it doesn't require a huge lift. It is without a doubt one of our most popular features because of the ease of use. It allows you to do things like you've seen probably a dozen times as I've demoed Petsy. This little lead capture in the bottom left corner is powered by Pathfora. So it's just like layered on top. This one is on every single page view, but how you would use it is you would only show that lead capture to users that are unknown, right, as a proxy to sort of gather their email address. It automatically collects inside of Linux when you actually submit those forms and whatnot. So this is one of the things that's powered by Pathfora, but Pathfora can do a lot of different things. So there's examples on here that we can kind of run through depending on time, but you essentially can like surface a modal in the middle of the screen and you can customize the styling and all that kind of stuff to your sort of heart's content. The examples on this demo site are pretty sort of like default. The modal is, so there's basically there's messages, there's forms, there's subscriptions and there's gates. The message is just being able to surface a message on the screen. You can do a bunch of different layouts. There's the modal in the front. There's the slide out in the bottom left. There's this sort of bar at the top, buttons. You can even do inline where Pathfora goes and replaces or injects it into an HTML element like a class selector that you choose. The, without a doubt, the most popular are messages because it allows you to do a sort of promotion or forms, which are essentially lead capture. So as an end customer, I can go in here and we'll walk through some examples and it'll make a little bit more sense, but Linux automatically installs and loads Pathfora for you. And then if I were to go, for instance, to Petsy and just copy this configuration, which is just a simple form, it's going to say, sign up as my headline. The message is going to be submit this form and it's just going to use the default fields. You can customize all the fields, build your own form, whatever you want to do. But just as an example, like if I close this, open my console and paste that. So we do a lot of this stuff automatically, but you can go in and just do it with JavaScript, use Pathfora, trigger this modal. And then if I were to fill in this information and submit it, it's already kind of pre-wired to collect into Linux. So it's going to handle the jstag.send call for you. It's going to send the email, the name, all that stuff. It's already pre-mapped in the common schema. So it makes collecting data and doing things like lead captures super, super simple. #### Subtitles (WebVTT) ```webvtt WEBVTT 1 00:00:00.000 --> 00:00:23.740 Here's what in our UI we call experiences, the SDK under the hood that powers them is 2 00:00:23.740 --> 00:00:25.920 called Pathfora. 3 00:00:25.920 --> 00:00:30.600 And then in WordPress and Drupal, they're called widgets. 4 00:00:30.600 --> 00:00:34.160 It's all fundamentally the same technology, what it allows you to do. 5 00:00:34.160 --> 00:00:38.920 So it's built on the back of our web personalization SDK, which I'm not sure if anybody has seen 6 00:00:38.920 --> 00:00:39.960 this and played with it. 7 00:00:39.960 --> 00:00:45.880 But Pathfora is just like a pure JavaScript SDK that allows you to surface campaigns on 8 00:00:45.880 --> 00:00:47.880 the site super easily. 9 00:00:47.880 --> 00:00:50.760 So you don't have to actually go into the source code and create a bunch of things and 10 00:00:50.760 --> 00:00:52.200 it doesn't require a huge lift. 11 00:00:52.200 --> 00:00:57.200 It is without a doubt one of our most popular features because of the ease of use. 12 00:00:57.200 --> 00:01:01.840 It allows you to do things like you've seen probably a dozen times as I've demoed Petsy. 13 00:01:01.840 --> 00:01:06.400 This little lead capture in the bottom left corner is powered by Pathfora. 14 00:01:06.400 --> 00:01:09.440 So it's just like layered on top. 15 00:01:09.440 --> 00:01:13.720 This one is on every single page view, but how you would use it is you would only show 16 00:01:13.720 --> 00:01:17.600 that lead capture to users that are unknown, right, as a proxy to sort of gather their 17 00:01:17.600 --> 00:01:18.880 email address. 18 00:01:18.880 --> 00:01:23.120 It automatically collects inside of Linux when you actually submit those forms and whatnot. 19 00:01:23.120 --> 00:01:28.000 So this is one of the things that's powered by Pathfora, but Pathfora can do a lot of 20 00:01:28.000 --> 00:01:29.000 different things. 21 00:01:29.000 --> 00:01:35.440 So there's examples on here that we can kind of run through depending on time, but you 22 00:01:35.440 --> 00:01:38.760 essentially can like surface a modal in the middle of the screen and you can customize 23 00:01:38.760 --> 00:01:42.720 the styling and all that kind of stuff to your sort of heart's content. 24 00:01:42.720 --> 00:01:47.280 The examples on this demo site are pretty sort of like default. 25 00:01:47.280 --> 00:01:53.280 The modal is, so there's basically there's messages, there's forms, there's subscriptions 26 00:01:53.280 --> 00:01:54.720 and there's gates. 27 00:01:54.720 --> 00:01:59.280 The message is just being able to surface a message on the screen. 28 00:01:59.280 --> 00:02:01.920 You can do a bunch of different layouts. 29 00:02:01.920 --> 00:02:03.520 There's the modal in the front. 30 00:02:03.520 --> 00:02:05.080 There's the slide out in the bottom left. 31 00:02:05.080 --> 00:02:07.960 There's this sort of bar at the top, buttons. 32 00:02:07.960 --> 00:02:13.160 You can even do inline where Pathfora goes and replaces or injects it into an HTML element 33 00:02:13.160 --> 00:02:17.040 like a class selector that you choose. 34 00:02:17.560 --> 00:02:22.760 The, without a doubt, the most popular are messages because it allows you to do a sort 35 00:02:22.760 --> 00:02:25.720 of promotion or forms, which are essentially lead capture. 36 00:02:25.720 --> 00:02:30.320 So as an end customer, I can go in here and we'll walk through some examples and it'll 37 00:02:30.320 --> 00:02:34.920 make a little bit more sense, but Linux automatically installs and loads Pathfora for you. 38 00:02:34.920 --> 00:02:39.440 And then if I were to go, for instance, to Petsy and just copy this configuration, which 39 00:02:39.440 --> 00:02:43.720 is just a simple form, it's going to say, sign up as my headline. 40 00:02:43.720 --> 00:02:46.760 The message is going to be submit this form and it's just going to use the default fields. 41 00:02:46.760 --> 00:02:51.560 You can customize all the fields, build your own form, whatever you want to do. 42 00:02:51.560 --> 00:02:57.360 But just as an example, like if I close this, open my console and paste that. 43 00:02:57.360 --> 00:03:02.520 So we do a lot of this stuff automatically, but you can go in and just do it with JavaScript, 44 00:03:02.520 --> 00:03:04.560 use Pathfora, trigger this modal. 45 00:03:04.560 --> 00:03:08.640 And then if I were to fill in this information and submit it, it's already kind of pre-wired 46 00:03:08.640 --> 00:03:10.360 to collect into Linux. 47 00:03:10.360 --> 00:03:12.600 So it's going to handle the jstag.send call for you. 48 00:03:12.600 --> 00:03:15.160 It's going to send the email, the name, all that stuff. 49 00:03:15.160 --> 00:03:17.840 It's already pre-mapped in the common schema. 50 00:03:17.840 --> 00:03:23.000 So it makes collecting data and doing things like lead captures super, super simple. ``` ```transcript [00:00] Here's what in our UI we call experiences, the SDK under the hood that powers them is [00:23] called Pathfora. [00:25] And then in WordPress and Drupal, they're called widgets. [00:30] It's all fundamentally the same technology, what it allows you to do. [00:34] So it's built on the back of our web personalization SDK, which I'm not sure if anybody has seen [00:38] this and played with it. [00:39] But Pathfora is just like a pure JavaScript SDK that allows you to surface campaigns on [00:45] the site super easily. [00:47] So you don't have to actually go into the source code and create a bunch of things and [00:50] it doesn't require a huge lift. [00:52] It is without a doubt one of our most popular features because of the ease of use. [00:57] It allows you to do things like you've seen probably a dozen times as I've demoed Petsy. [01:01] This little lead capture in the bottom left corner is powered by Pathfora. [01:06] So it's just like layered on top. [01:09] This one is on every single page view, but how you would use it is you would only show [01:13] that lead capture to users that are unknown, right, as a proxy to sort of gather their [01:17] email address. [01:18] It automatically collects inside of Linux when you actually submit those forms and whatnot. [01:23] So this is one of the things that's powered by Pathfora, but Pathfora can do a lot of [01:28] different things. [01:29] So there's examples on here that we can kind of run through depending on time, but you [01:35] essentially can like surface a modal in the middle of the screen and you can customize [01:38] the styling and all that kind of stuff to your sort of heart's content. [01:42] The examples on this demo site are pretty sort of like default. [01:47] The modal is, so there's basically there's messages, there's forms, there's subscriptions [01:53] and there's gates. [01:54] The message is just being able to surface a message on the screen. [01:59] You can do a bunch of different layouts. [02:01] There's the modal in the front. [02:03] There's the slide out in the bottom left. [02:05] There's this sort of bar at the top, buttons. [02:07] You can even do inline where Pathfora goes and replaces or injects it into an HTML element [02:13] like a class selector that you choose. [02:17] The, without a doubt, the most popular are messages because it allows you to do a sort [02:22] of promotion or forms, which are essentially lead capture. [02:25] So as an end customer, I can go in here and we'll walk through some examples and it'll [02:30] make a little bit more sense, but Linux automatically installs and loads Pathfora for you. [02:34] And then if I were to go, for instance, to Petsy and just copy this configuration, which [02:39] is just a simple form, it's going to say, sign up as my headline. [02:43] The message is going to be submit this form and it's just going to use the default fields. [02:46] You can customize all the fields, build your own form, whatever you want to do. [02:51] But just as an example, like if I close this, open my console and paste that. [02:57] So we do a lot of this stuff automatically, but you can go in and just do it with JavaScript, [03:02] use Pathfora, trigger this modal. [03:04] And then if I were to fill in this information and submit it, it's already kind of pre-wired [03:08] to collect into Linux. [03:10] So it's going to handle the jstag.send call for you. [03:12] It's going to send the email, the name, all that stuff. [03:15] It's already pre-mapped in the common schema. [03:17] So it makes collecting data and doing things like lead captures super, super simple. ``` #### Key takeaways - Connect **Web Campaign Personalization SDK** 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 Web Campaign Personalization SDK. Web Campaign Personalization SDK in Using Profiles to Power Personalization (data-insights-using-profiles-to-power-personalization). ### Retrieval tags - Web - Campaign - Personalization - SDK - data-insights-using-profiles-to-power-personalization - lesson 07 - Web Campaign Personalization SDK - data-insights-using-profiles-to-power-personalization lesson ### Indexing notes Index this lesson as a primary chunk tagged with lesson_id "07" and topics: [Web, Campaign, Personalization, SDK]. Parent course slug: data-insights-using-profiles-to-power-personalization. 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: Web Campaign Personalization SDK | `https://cdn.jwplayer.com/v2/media/TVahcmxA/poster.jpg?width=720` | ### 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/` |