Contentstack is an API-based, headless CMS that allows developers and content managers to create and manage content simultaneously and independently, to create websites and applications quickly.
The Contentstack connector enables you to manage content within the Contentstack platform while managing personalization logic on Dynamic Yield. When you create server-side API campaigns, you’ll be able to select and use content that you previously created in your Contentstack CMS.
Implement the integration
1. Activate the connector:
- In the Experience OS store, go to Contentstack › Learn More and then click Install.
The Web Personalization Extensions tab appears. - Click the status button and select Activate.
2. Configure the connector:
- Regions: Choose the region your account is connected to (North America/Europe)
- Environment: The environment of the Contentstack that you want to sync with.
- content_type_uid: The ID of the content type to sync with Dynamic Yield and use in your Dynamic Yield campaigns.
- Content Delivery API Access Token: Your Contentstack API key.
Use the Preview Entries panel to ensure that your regions, environment, and content IDs are correct.
3. Save the configuration. You're ready to create campaigns with Contentstack entries.
Create variations with Contentstack entries
The integration adds a Contentstack Entry variable type to your templates and variations in the following campaign types:
- Web Personalization: API Custom Code and API Recommendations
- App Personalization: All campaign types
To use this variable in your variation or template:
- In the JSON tab, create a variable, and then change its type to Contentstack Entry.
- In the Variables tab, in the Content ID field, search for Contentstack entries by name or ID, and then select the content you want to use. The content ID and content type are added to the JSON code.
The API response
When users are targeted with this variation, the API response includes the content type and ID. Use this information to create the reference between the Contentstack content (such as images or texts) and your app front end.