Using Libautech Smart Upsell with custom page builders (Shopify)

If you're using a custom page builder, you can still show Libautech Smart Upsell offers by adding a few simple hooks.

Step 1 - Enable the App Embed

• In Shopify Admin: Online Store → Themes → Customize
• Go to App embeds
• Toggle on "Libautech Smart Upsell"
• Save

Placement Targets by Upsell Type

Frequently Bought Together (rendered after target)

Place this marker where you want FBT to appear afterwards:

<div class="lbtu-fbt-block-target"></div>

Product Addons (rendered after target)

Place this marker where you want Product Addons to appear afterwards:

<div class="lbtu-pa-block-target"></div>

Volume Discount & Bundles (rendered before target)

Place this marker; the widget will appear before it:

<div class="lbtu-vd-b-block-target"></div>

Popups (Checkout Button Hook)

Add this class to every checkout button (cart page, cart drawer, sticky bars, etc.):

• Class: .cart--button-checkout

Example:

<button class="<other classes...> cart--button-checkout">Checkout</button>

Notes

• Ensure the class names match exactly.
• If your builder loads sections via AJAX (e.g., cart drawer), make sure the elements and classes exist in the final rendered DOM.

Need Help?

If you encounter any issues or need custom work or further help, reach us at support@libautech.com.

‍