Marketing Funnels

Create, manage, and split test marketing funnels

External Funnels

29 Next supports fully customized marketing funnels, landing pages, checkouts, and upsell paths. These externally hosted sites or apps can be integrated for order processing via the Admin API.

For ease of integration, third party campaign frameworks such as Unify CMS and CTR Wow are supported.

For best practices related to custom marketing funnels, see the Campaign Integration Guide.

For externally hosted funnels, it is recommended to pass Source Attribution values including the funnel ID with the order data in your API post. This data is useful to evaluate the performance of various marketing sources with reports, as well as to trigger postbacks to third party tracking tools like Everflow.

⚠️ Funnels App

The legacy Funnels section functionality as detailed below has been deprecated. You may still access the legacy Funnels features via the Funnels App, available to install via the Apps menu in your store. All previous configurations will remain available via the Funnels App.

Each storefront hosted funnel consists of a collection of Pages and Assets, allowing them to be uniquely styled separately from the main storefront theme. This gives web designers maximum freedom to craft the look and feel of their custom marketing campaigns. Hosted Funnels can also be easily copied and edited to make minor variations and edits, to enable rapid split testing.

Creating Funnels

There are two paths to developing and managing Funnels - either via the Dashboard, or by using 29 Next Theme Kit.

To create a new funnel from the Dashboard, navigate to the Funnels App menu and select New Funnel. Enter a Name, a Slug (which determines how the URL path will appear in the user's browser), and optionally assign a Status, and click New Funnel.

Choose Add Page and define the new Page Details.

  • Name

  • (URL) Slug

  • Next Page

  • Meta Description

  • Theme Template

If this is your first Hosted Funnel, leaving the Theme Template set to Default will create a new (theme) page template that can be reused for other funnels. It's important to note that editing the resulting page template in the future will edit it for all Funnel pages that use it.

Custom Page Content

Once a Page has been created, the Content tab will appear. From this Content tab add and edit the HTML content of the page directly.

Use the Cart JS API to integrate actions such as β€œadd product to cart” and forms to integrate your funnel pages into the store backend with minimal code. See Cart JS API Documentation.

Alternatively, use Checkout Links to create and place custom buttons or links directly to checkout, with the cart pre-loaded with items, and inclusive of marketing source attribution variables.

Page Flow Concepts

Funnel flows are highly flexible with the ability to support either simple user paths, or more complex paths with different variations. Each Page in a Funnel has a β€œNext Page” to designate where to take the user next, until they ultimately reach the Checkout. This means you can have multiple landing pages for A/B testing or multiple offers based on, for example, a survey questionnaire flow. Some example possible funnel flows below.

Simple Funnel Flow with a Single Page

Multi-Offer Funnel Flow Multiple Paths

Adding CSS & Assets

Assets for your funnel page designs can be uploaded through the Dashboard's drag and drop uploader.

Navigate to Storefront > Assets and choose Upload Assets.

Once uploaded, all assets are automatically available on AWS CloudFront CDN for optimal load time performance globally.

Managing Funnels with Theme Kit

Using Theme Kit offers much greater control over the development of Storefront themes and hosted funnels.

Get started with Theme Kit, OAuth tokens, and more. When you're ready to develop funnels as a Theme Developer, refer to the Funnels guide.

Using Theme Kit allows local development using your favorite IDE. Running the ntk watch command will sync changes made locally to automatically update on the store.

Create new templates directly in your IDE and make them available as page templates for new funnel creation.

For example, creating a new template in the funnels directory with the naming convention page.<template name>.html would make a template available as a Theme Template. Assets and directory structures can be created and managed locally.

Last updated