|
| 1 | +--- |
| 2 | +title: Contentstack Web Destination |
| 3 | +id: 66ccaa142d6b2d223bb1ebda |
| 4 | +--- |
| 5 | + |
| 6 | +> info "This destination sends data in device-mode" |
| 7 | +> This destination transmits data from the browser directly to Contentstack on the client-side. Contentstack supports both device-mode and cloud-mode destinations. For more about the Cloud-mode destination, see [Contentstack Cloud Destination](/docs/connections/destinations/catalog/actions-contentstack). |
| 8 | +
|
| 9 | +[Contentstack](https://www.contentstack.com/?utm_source=segment&utm_medium=docs&utm_campaign=partners){:target="_blank”} is a headless CMS that allows you to build digital experiences using a modular approach. This integration lets you sync data from Segment to your Contentstack Personalize project, enabling dynamic and personalized content delivery. |
| 10 | + |
| 11 | +This destination is maintained by Contentstack. For any issues with the destination, [contact their Support team](https://www.contentstack.com/customers/support){:target="_blank”}. |
| 12 | + |
| 13 | +## Prerequisites |
| 14 | + |
| 15 | +- a Contentstack account with Personalize enabled |
| 16 | +- a Contentstack Personalize project created in your Contentstack organization |
| 17 | + |
| 18 | +## Before you begin |
| 19 | + |
| 20 | +- **Contentstack Personalize Project**: Create a Contentstack Personalize project within your organization and link your Contentstack stack to enable variant functionality. |
| 21 | +- **Attributes & Audiences**: Define attributes and create audiences based on those attributes within your Contentstack Personalize project. |
| 22 | +- **Events**: Define and create the events that you want to track and sync with your Contentstack Personalize project. |
| 23 | + |
| 24 | +## Getting started |
| 25 | + |
| 26 | +1. From your workspace's [Destination catalog page](https://app.segment.com/goto-my-workspace/destinations/catalog){:target="_blank”} search for "Contentstack Web". |
| 27 | +2. Select Contentstack Web and click **Add Destination**. |
| 28 | +3. Select an existing Source to connect to Contentstack Web. |
| 29 | +4. Go to the Contentstack account and find the following parameters to input as settings in the Segment destiantion settings: |
| 30 | + - **Personalize Project ID**: Enter the unique ID of your Contentstack Personalize project. |
| 31 | + - **Personalize Edge API Base URL**: Enter the base URL of your Contentstack Personalize API. You can find this URL in the Contentstack documentation. |
| 32 | + |
| 33 | +{% include components/actions-fields.html %} |
| 34 | + |
| 35 | +## Send events to Segment |
| 36 | + |
| 37 | +Start sending the payload of events to Segment using track or identify calls. This will not only send events to Segment but will forward the selected values to Contentstack Personalization. Ensure your event payloads align with the mapping configuration you created for the Contentstack destination in Segment. |
| 38 | + |
| 39 | +## Receive personalized content |
| 40 | + |
| 41 | +Based on your events/payloads, your Contentstack Personalize project should now start receiving events for understanding the users associated with your mapped values. |
| 42 | + |
| 43 | +The event names and properties you use must match those defined in your Contentstack Personalize project. For advanced customization and to further enhance your personalized experience, explore Contentstack Personalize in [Contentstack's Documentation](https://www.contentstack.com/docs){:target="_blank”}. |
0 commit comments