[2.0] Canvas

[2.0] Canvas

The Canvas is where the flow of the funnel is built. It is displayed when you click Create New Funnel on the top right menu from the Dashboard, or when you click the Edit button from each of the funnels from the Funnels page. Here’s a detailed overview of the Canvas and its features.



COMPONENTS


The various components that serve as building blocks for your pages and funnels are available on the left-hand side of the Canvas. To use the components, drag-and-drop them on to the Canvas, then arrange and configure accordingly.


*We highly recommend adding all components and setting up the framework of your funnel flow, prior to editing the design elements or details of each section in the Builder section.




All component types are shown by default. You can hide the component type by clicking the Hide button to the left. The screenshot below shows how the Components list looks like when all component types are hidden.




In the event that your funnel does not fit on the Canvas for some reason, you can hide the Components list by clicking the left-facing arrow on the top-left. 



Pre-Quiz: Used in a landing page, this component offers different ways to freely organize page  layouts. You can add links, videos, images, and text to it, and it includes everything else needed to create a high-performing landing page.

 

Quiz Questions: These are classified into four (4) different types - Radial Questions (multiple choice where the participant selects a single option), Check Questions (multiple choice where participants can select multiple options), Short Input (open-ended for a short response), Long Input (open-ended for a long response), and they can be arranged in different ways to create paths. 


Quiz Results: This is an internal page used by bucket.io to calculate and map results to their respective buckets. This page never gets shown to the audience - only the person building the funnel can view it. *Think of this as the fork in the road on the funnel journey, where participants will start to split off to land in their respective buckets, based on how they answer certain questions.


Commerce:  This is used for the Quiz Cart functionality. There are 3 components here: the Sales Page which will allow you to add a product, the Payment Form where your audience will be able to add their payment information and the One Click Page if you want to add an upsell option.

Quiz Lead Capture:  Used to collect the contact information such as email, name, phone and any other information from your participants. There are 2 components here: The regular Lead Capture and the Webinar Capture.

Quiz Outcome:  Used to show the Quiz results to the participants. There are two components here: Outcome Only if this where you want your quiz to end and Outcome to Post Quiz which will allow you to add more pages after. 

Post-Quiz: Used at the end of the funnel. There are three components of this type: Webinar Page if you wish participants to subscribe to a webinar;  External URL if you wish to take participants to a particular page on another website, after completing the quiz and the regular Thank You page. 


Upper Right Hand Corner


On the upper-right corner of the Canvas are a couple of buttons that allow you to preview and publish the funnel. There is also a box containing the funnel link and a button that allows the link to be copied for sharing with your audience.




Changes Saved

Bucket.io automatically saves your changes every 2 seconds while you are creating and editing them. This information is displayed each time bucket.io saves a funnel.


Preview

Click this button to preview the funnel in a separate browser window or tab. Run the funnel through each component and question here prior to publishing. *Please note that this preview link can be freely shared with others for feedback, and that results entered in preview mode are not stored in bucket analytics. 


Publish

Once you are satisfied with all elements of the funnel, click this button to publish it. 


Funnel Link

Once a funnel is published, it’s URL appears here. Click the button to the right to copy the link. You can then share the link with your audience via an email campaign, a post on social media, etc.


Warnings 

Warnings appear when you drag components onto the Canvas. The number of warnings correspond to the number of unconnected dots on each component in a funnel. The flow of the funnel is not automatic based on the order of the components on the Canvas. You are required to connect / map each item to the next, to create the desired paths / flow for your participant.


Connect the components to remove the warnings. To connect components, click the dot / small red tab on the side of one component and drag it to the dot / small red tab on the side of the next component in your sequence / flow.




On the bottom-right of the Canvas, there are buttons that allow you to zoom the Canvas in and out.


Still, have questions? Feel free to reach out via support@bucket.io

Mon thru Fri, from 8:00 to 17:00





    • Related Articles

    • [2.0] Moving Multiple Components on the Canvas

      While it might be a bit cumbersome to move each individual component on the Canvas to create the desired funnel flow, we would like to recommend following the steps below to move multiple components at the same time. Step 1: Selecting Multiple ...
    • Product Update May 2023

      As you may have seen from the past few months, we have been doing a lot of background work in Bucket. We’re excited to release Bucket 3.0 to our beta users; with a highlight to Artificial Intelligence. AI Freestyle We all have the moments of ...
    • [2.0] Add choices to questions

      Adding choices to questions can be accomplished in two different ways: From Canvas Section: Follow the steps below to add choices to an existing question from the Canvas: Hover the mouse over the question and click on Add another Option located below ...
    • [2.0] Changing Logo

      STEP # 1 From the Canvas, click the Pre-Quiz Page to select it. Make sure you click the one on the Canvas page and not the one under the Components menu. STEP # 2 Once in the Builder of the page, double-click the logo that you want to change and ...
    • [2.0] Preview Specific Pages

      To avoid going through the entire quiz just to preview one specific page, we have added an eye icon to the top-right cover of the builder and canvas. Follow along Wherever you are within bucket, look for the eye icon located at the top-right corner ...