Change where the widget shows on the page

Move the widget, or show it as a small link.

By default, the widget shows as a card above the Add to cart button. You can:

  • show it as a small link that opens a popup, so the product page stays clean,

  • choose where that link sits, or

  • place the widget next to any part of your page.

Where to find it

  • Placement: Depositly → Purchase options → your offer → Customize → Placement

  • Custom position: Depositly → Settings → Storefront

Show the widget as a link

  1. Open your offer and click Customize.

  2. Under Placement, choose Link below the button (opens a popup).

  3. Set the Link text.

  4. Under Link position, choose:

    • Right under Add to cart

    • Under all buy buttons (keeps the link from being squeezed between Add to cart and Buy it now)

    • Above Add to cart

    • Custom position (uses the selector from Settings → Storefront)

  5. Click Done and Save.

Place the widget somewhere else

  1. Go to Settings → Storefront.

  2. In Widget position, paste the CSS selector of the element the widget should sit next to, for example .product__description.

  3. Choose Above that element or Below that element.

  4. Click Save.

If the widget is in the wrong place

Some themes use a custom Add to cart button. In Settings → Storefront → Add to cart button selector, paste that button's CSS selector, for example .my-buy-button. The widget then sits right under it.

If you're not sure what to paste, contact us and we'll check your theme.

Did this answer your question?