Introduction
Welcome to the Funnel and Page Builder App user guide! Whether you’re creating an online store from scratch, updating your existing website, or building custom pages that match your theme, this app offers a powerful editor for building high-converting web pages. With the Funnel and Page Builder app, you can design a variety of page types such as landing pages, product pages, collection pages, blogs, and many other custom page options. This guide will take you step-by-step through the app’s setup and use.
Key Features of the App
- Drag-and-Drop Page Builder: Build and customize any page effortlessly by dragging and dropping elements.
- Funnel Creation: Add sales funnels to guide users through a conversion journey, from landing pages to product pages.
- No Coding Required: You don’t need any coding knowledge to create highly functional and visually appealing pages.
- Flexible and Customizable: Compatible with Storefront 2.0 themes, allowing for seamless integration with your Shopify store.
App workflow
1. Setting Up the Funnel and Page Builder Widget
Before you can start building pages, you need to enable the page builder and sales funnel widgets in your store. Follow these steps:
- Log in to your Shopify Admin dashboard.
- Navigate to the “Themes” section under “Online Store”.
- Make sure your current theme is compatible with Storefront 2.0.
- Click on the “App embeds” icon.
- Toggle on both the “Page Builder” and “Sales Funnel” widgets.
Now that you’ve enabled the widgets, you can start creating pages and funnels.
2. Creating Pages
Follow these steps to create a new page using the Funnel and Page Builder app:
- From your Shopify Admin dashboard, go to “Apps” and search for “Funnel and Page Builder”.
- Select the app to open the dashboard.
- In the Quick Action section, click “Create Page”.
- Enter the page title and page handle, then click Next to proceed to the page builder.
- On the page builder dashboard, you’ll see various elements you can drag and drop into your page layout
To add any element:
- Click and hold the element, drag it to your desired location on the page, and drop it.
- To edit text, simply click the element and enter your new content.
- You can also copy the ID of any element by selecting it and checking the top-left corner of the page builder.
After building your page, to view:
- Return to the main dashboard.
- In the “Manage Existing Pages” section, find the page you just created and click “View” to see the live version of your page.
3. Adding a Funnel to Your Page
The Funnel and Page Builder app allows you to create sales funnels to optimize your customer journey.
Steps to Add a Funnel:
- Go to the Quick Action section and click “Add Funnel”.
- You will see two main blocks: Trigger and Next Page.
- Drag and drop these blocks into the funnel workspace to start building your funnel.
To configure the funnel, click on each block to open its properties and customize it.
Once your funnel is set up, you can test it by:
- Returning to the Shopify dashboard.
- Clicking “View Page” to preview your funnel and see the customer journey in action