How to use Simple Bundles & Kits element with PageFly

About Simple Bundles & Kits

What Is Simple Bundles & Kits?

Simple Bundles & Kits is an app that allows you to create bundled product options with flexible configurations. This integration guide will show you how to connect Simple Bundles & Kits with your PageFly site to display bundles directly on your pages.

Integrating the two platforms enables you to:

• Showcase product bundles created in Simple Bundles & Kits on your PageFly pages
• Dynamically update bundles when inventory changes
• Let customers select bundle options and customize configurations
• Improve product promotion with bundles
• Streamline order fulfillment with real-time syncing

Install Simple Bundles & Kits

Simple Bundles & Kits can be installed from the Shopify App Store here:

• Install SimpleSimple Bundles & Kits Bundles & Kits
• Install PageFly

How To Access Simple Bundles & Kits Element

From PageFly Dashboard

In PageFly dashboard, follow these steps to access:

• Step 1: Click on Extra functions on the left sidebar.
• Step 2: Click Manage button next to the Integration
• Step 3: Search for “Simple Bundles & Kits” and click Activate

From Page Editor

In page editor, follow these steps to access:

• Step 1: In the PageFly editor, click “Third-party element” on the left menu
• Step 2: Click “Manage integrations” or the icon on top
• Step 3: Search for “Simple Bundles & Kits” and activate it
• Step 4: Click “Done” and the element will appear in the “Third-party element” menu

How To Configure Simple Bundles & Kits Element

From PageFly

Step 1: Add Simple Bundles & Kits Element

Before starting to set up for the Simple Bundles & Kits element, you will need to add this element onto your page canvas:

• Step 1: Click “Third party element” on the left menu bar
• Step 2: Look for “Simple Bundles & Kits” element
• Step 3: Click on the element to see its variant
• Step 4: Drag and drop the variant onto the page canvas
• Step 5: Save the draft.

The Simple Bundles & Kits element comes with 1 variant:

• Bundles

Step 2: Configure Simple Bundles & Kits Element

General Tab

After adding the Simple Bundles & Kits element to the Editor, on the right sidebar, you’ll see the General tab.

No additional configuration is needed in PageFly after installing the bundle element. Simple Bundles & Kits handles syncing the bundles in real-time. Refer to Simple Bundles & Kits documentation for details on managing bundles, options, and inventory. Changes will reflect automatically on connected PageFly pages.

Styling Tab

You can customize some parameters in the Styling tab, such as margin, border style, opacity, shadow, overriding theme styling, and CSS code area. You can check more information about the Styling tab.

From Simple Bundles & Kits App

To create a bundle that can be integrated with PageFly, follow these steps:

Step 1: Create New Bundle

In the Simple Bundles & Kits dashboard, click “Build Bundle”. Select the Bundle Type as “Infinite Options Bundles”. Choose to either create a new bundle product or select an existing one.

Step 2:  Define The Bundle Pricing And Add Products/Variants.

Step 3: Save The Bundle

Configure other options and publish the bundle. Please note that you have to make the bundle be Active so it can appear on PageFly or on your theme after editing.

Step 4: Setting Up Cart Transform API For Simple Bundles & Kits

To ensure the Simple Bundles & Kits elements function correctly during the checkout process, you need to enable the Cart Transform API. This API ensures that bundle packages are properly broken down, allowing customers to purchase individual items or the entire bundle.

Follow these steps to set up the Cart Transform API:

1. Go to Online Store > Theme > Current theme > Edit code

2. In the “Snippets” folder, click the “Add a new snippet” button

3. Create a new file named “simple-bundles-options.liquid“

4. Copy and paste this code into the file
5. Save the file.

Once you’ve completed these steps, you’re ready to use the Simple Bundles & Kits elements with PageFly. The Cart Transform API will ensure the proper breakdown of bundle packages during the checkout process.

Frequently Asked Questions

Overview

1. Why should I integrate Simple Bundles & Kits with PageFly?

By integrating with PageFly, you can freely drag and drop your bundle that you think can get the best exposure and increase your store conversion rate. Moreover, you can also modify the spacing of this element to make it mix and match with your current page design.

2. What does the free plan of Simple Bundles & Kits cover?

With Free plan, you can create up to 3 bundles and get up to 500 total orders/month.