Well-structured, on-brand experiences drive engagement and help collect valuable consumer data. This article guides you through the baseline steps required to get an experience up and running.

Before you begin

Complete the steps in the before you begin article.

Start a new experience

In the Builder tab, click Start New Experience.

You’ll be prompted to choose one of three paths:

Use Template: Pick from prebuilt formats for common goals
Show Me How: A guided step-by-step builder for beginners
Blank Canvas: Build from scratch (most popular with experienced users)

After selecting a path, you’ll be taken to the Screen Library.

Add and organize screens

The Screen Library includes screens with pre-structured elements. Screen types are:

Screen type	Description
Layout	Welcome screens that introduce the experience
Simple	Informational content or branded visuals
Questions	Single or multiple-choice questions, sliders, or image selectors
Forms	Lead capture forms and age gate screens
Gamification	Interactive gamified elements
Outcomes & Products	Results, product matches, or recommendations

Screens are added when you first create an experience, but you can add screens later during the build process as well via the Editor.

Tip: Rename each screen with short, descriptive titles to support easier branching and analytics.

Customize the experience

Experiences are best when they're custom tailored to your brand and interactive. You'll use the tools on the Editor page to customize your experience.

Edit screen content

Select an element on the screen to open it's edit options in the editor window on the left. Here you can:

Add or remove elements (text, images, buttons, video).
Adjust layout and spacing using drag-and-drop containers.
Modify fonts, colors, and alignment directly in the screen.
Use AI to help you write copy efficiently.

By default you see the mobile view while you're editing. Toggle to the desktop view to ensure the experience appears correctly in both formats.

Add interactivity

Customize image and button elements to fit your branding and increase interactivity. We recommend starting with pre-configured layouts via the screen library for your first experience.

Add lead capture fields

Lead capture screens have pre-configured elements that allow you to:

Add or remove fields like name, email, zip code.
Set required fields.
Add legal text or terms/conditions links with opt-in checkboxes.

Design styling for this experience

When you create an experience you assign a style guide to it. This determines the foundational branding that will apply throughout. However, you can configure each experience individually by selecting the element and making changes in the editor window.

Select Edit Style Guide from the editor controls to make changes in-bulk to styling throughout the experience. You can then either Apply those changed to just this design, or Save to the Library for future use as a style guide.

Configure branching

Branching, done in the Builder Map, allows you to personalize each user's journey. You can branch experiences based on user responses, sending users to a different screen and further personalizing their experience.

Branching is either done:

Manually, where each branch is created individually based on user response or behavior.
Using split traffic, OOTB options that allow you to split users based on certain criteria.

We recommend creating a linear experience (no branching) for your first one!

Map attributes

Attributes and their values are the user level data points you collect during an experience. Each question and answer pair are mapped to a attribute and value so that as users make selections, that data is collected and available for analytics.

Create outcomes

Outcomes direct users to the most relevant recommendations or content based on how they respond to questions in your experience. There are three outcome types:

Matching: uses a points-based system to match users to relevant outcomes.
Scoring: are used to indicate correct and incorrect responses, and then match users to an Outcome based on several correct responses.
Dynamic Product Feed: applies filtering logic to your experiences in Jebbit to deliver product recommendations at the end of an experience.
1. Note DPF requires more lead-time to configure than matching and scoring.

We recommend using matching or scoring for your first experience.

Preview and test

Go to the Editor > Preview.
Select the device you want to use for previewing.
Use the forward and backward arrows to preview each screen.
Or, click through the experience to test the logic and behavior.

Publish

Publishing does not launch your experience. Customers still can't access your experience until you share launch links. Publishing pushes the live version to the launch link and saves a draft version for future edits.

This means that you only need to generate launch links once, even if you publish multiple versions of an experience.

Tip: Hover over the Publish button to see the version number currently published and if you have unpublished changes. Batch your updates and publish once to streamline revisions.