Setup

Using Libautech Smart Upsell with custom page builders (Shopify)

September 22, 2025

# 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:

```html

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

```

### Product Addons (rendered after target)

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

```html

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

```

### Volume Discount & Bundles (rendered before target)

Place this marker; the widget will appear before it:

```html

<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:

```html

<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, be sure to reach us at support@libautech.com.

Drive More Sales with Product Page Upsell Offers & Add-Ons

Try Out Now