|
| 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. Learn more about the Cloud-mode destiantion [here](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 allows you to 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 | +- 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. |
| 38 | +- Note: Ensure your event payloads align with the mapping configuration you created for the Contentstack destination in Segment. |
| 39 | + |
| 40 | +## Receive Personalized Content |
| 41 | + |
| 42 | +As per your events/payloads, your Contentstack Personalize project should now start receiving events for understanding the users associated with your mapped values. |
| 43 | + |
| 44 | +- Note: Ensure the event names and properties you use match those defined in your Contentstack Personalize project. For advanced customization, you can explore the Contentstack Personalize Documentation to further enhance your personalized experiences |
0 commit comments