[3.0] Connecting Products to Payment Buttons

[3.0] Connecting Products to Payment Buttons

Overview

This article outlines the steps to connect products created in the "Quiz Cart: #3 Create Products" KB to funnels. This integration allows customers to purchase products directly through the funnel pages.

Prerequisites

Products created as per the "Quiz Cart: #3 Create Products" KB.
A funnel with a pre-quiz page containing payment buttons.

Step 1: Access Funnel Canvas:

  1. Access the funnel you want to modify.
  2. Click on the funnel's canvas to open it for editing.

Step 2: Locate Pre-Quiz Page:

  1. Within the canvas, identify the "pre-quiz page" where payment buttons are located.
  2. Click the "edit" button to access the page's editing options.


Step 3: Select Payment Button:

  1. Navigate to where you have your call to action (CTA) buttons, click on the desired payment button.
  2. The button will be highlighted with green lines to indicate selection.


Step 4: Access Button Properties:

  1. In the left-hand menu, click on the "properties" tab.
  2. Click on the "edit URL button" option. A pop-up window will appear.


Step 5: Connect Product to Button:

  1. In the left-hand side of the pop-up, select "product."
  2. On the right-hand side, click the dropdown menu labeled "add to checkout" and choose the desired product from the list.


Step 6: Save Changes:

  1. Click "done" to save the changes. The product is now connected to the payment button.
  2. Repeat these steps for additional payment buttons if necessary.

Additional Notes:

Test the integration thoroughly to verify that products are correctly added to the cart and processed during checkout.
For multiple products, consider using different button labels or descriptions to clearly indicate the product associated with each button.



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

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


    • Related Articles

    • Quiz Cart: #3 Create Products

      Information: This article is part 3 of 9 from our Quiz Cart instructions. Step #3: Create Products Once you finish configuring the invoice information you may create your products. Click on the Create Product option on the left-hand menu. In this ...

    • Quiz Cart: #8 Adding Products to Funnel

      This article assumes that you have already completed all the steps to creating the product's profile from the Cart menu located at the top menu bar when accessing your bucket.io account. If these steps had not been completed please refer to the ...

    • [3.0] Customizing Buttons

      With the bucket 2.0 Builder, buttons can be configured to have many different designs. Follow the steps below to accomplish some of these changes. Note that it is always recommended to start working from the Desktop view and then move to Tablet and ...

    • [3.0] Change URL to Buttons and Links

      Using the Link or URL on CTA buttons Click to select the desired button Access the Properties page identified with the tools icon and click Change URL A pop-up should appear with the redirect options, click Web Address to add a URL of the page where ...

    • Quiz Cart: #1 Payment Integration

      IMPORTANT: Bucket.io will ask for two different token codes from Stripe to complete this integration. If it’s the first time using this integration you’ll be prompted to enter some basic information, please take a moment to fill out the forms, or ...