A personalized experience based on Instagram campaigns.

Introduction

This template defines a personalized experience for e-commerce visitors coming from Instagram paid campaigns.

A split-screen comparison image showing two versions of an online store home page. The left side shows the default content with no special offers, and the right side shows personalized content based on the shoe-related Instagram campaign the user clicked.

It leverages UTM parameters from ad URLs to align onsite content with the visitor’s interests, creating a seamless and consistent journey from ad to landing page and beyond.

What's included

This experience includes 4 components, 3 slots (a navbar, a carousel section, and a section with featured products), and the following audience:

campaign's source is "instagram" and campaign's content matches "shoes"

Define custom audiences using the Contextual Query Language (CQL), a readable, natural-language-inspired syntax designed for flexibility and ease of use. It allows, for instance, to add two or more campaigns to the same audience using or, and, starts with, ends with, or matches.

Usage

To create a new experience using this template, run:

npx croct@latest use croct://experience/e-commerce/instagram-campaign

Start building in seconds

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest init