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.
Every store features a full suite of tools to create and manage customizable, hosted marketing Funnels for sales campaigns.
Each 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.
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 > Funnels 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.
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.
Funnel Page Content
Once a Funnel 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
Simple Funnel path
Multi-Offer Funnel Flow Multiple Paths
Complex Funnel path
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, Oath 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.