How to add the Kefi Bundle Builder on any page in your Shopify theme

If you want to manually embed a Kefi bundle (or upsell button) inside any page of your Shopify store – for example on the Home page, a Landing page, or a custom page – the easiest way is to use the Custom Liquid section inside the Shopify Theme Editor.

Follow these steps:

Step 1

Copy your embed code from Kefi

Inside the Kefi app, go to the bundle you created and navigate to the Advanced Tab.

Scroll down to Embed this bundle manually via HTML.

You will see a code snippet like:
<div data-kefi-bundle-id="18748488-41eb-45e5-b4da-767aa0e24235" bundle-builder-type="bundle"></div>

Copy this code.

Step 2

Open Shopify Theme Editor

Go to:
Online Store → Themes → Customize

Open the page where you want to show the bundle.

Example: Home page, Product page, Custom page, etc.

Step 3

Add a Custom Liquid section

On the left panel:

• click Add section

• search for Custom Liquid

• click it to add it to the page

You will now see a box where you can paste code.

Step 4

Paste the Kefi bundle code

Inside the Custom Liquid box, paste the snippet you copied, for example:
<div data-kefi-bundle-id="18748488-41eb-45e5-b4da-767aa0e24235" bundle-builder-type="bundle"></div>

You can also adjust padding if you want spacing.

Step 5

Save

Click Save in the top right corner.

Immediately after saving, preview your store – you should now see the Kefi bundle working right on that page.

NOTE

• You can add multiple Custom Liquid sections if you want different bundles on different parts of your pages.

• This method works on any page that supports Theme Editor sections (Home, custom pages, landing pages, etc.).

Need Help?

Our support team is here to help you succeed with Kefi:

• Live Chat: Available directly within the Kefi Bundle Builder app

• Email: wecare@keficommerce.com