BoostPop Add app — free

Theme conflicts and performance

Reviewed by Eran Betzalel, founder · 2026-06-26

BoostPop loads as a Shopify app embed, which means it is injected into your theme’s <head> as an asynchronous script. The async attribute tells the browser to fetch the script in parallel with the rest of the page and execute it only after the DOM is ready — it never blocks rendering.

How the widget loads

When a visitor lands on your store, the app embed block runs a small inline script that:

  1. Creates a #boost-pop-container element inside <body>.
  2. Appends the BoostPop bundle (ap.min.js) to <head> with script.async = true.
  3. Waits for DOMContentLoaded if the DOM is still loading, then initialises.

This pattern keeps BoostPop out of the critical rendering path entirely.

Common conflict scenarios

Another app repositions or removes <body> children. Some page-builder or cookie-consent apps rewrite the DOM after load. If the #boost-pop-container element is removed, BoostPop widgets will not render. Check the browser console for errors mentioning this element.

Custom CSS resets override widget styles. Aggressive global CSS (e.g. * { display: none !important } or body * { visibility: hidden }) can hide widget elements. Use your browser’s inspector to check whether the widget container is present but invisible.

Conflicting z-index stacking. If another app’s overlay (a cookie banner, a chat widget, a sticky header) uses very high z-index values, it may render on top of BoostPop widgets. Adjust the stacking order in your theme CSS or the conflicting app’s settings.

Diagnosing a conflict

  1. Open your store in an incognito window and check the browser console (F12 → Console) for JavaScript errors.
  2. Temporarily disable recently added apps one at a time and reload the storefront to identify the conflicting app.
  3. If the widget appears after disabling another app, contact that app’s support team — BoostPop follows standard Shopify app embed patterns and should not require changes on its side.

Getting help

If you cannot isolate the conflict, email [email protected] with your store URL, a description of the widget that is not showing, and the name of any apps you suspect may be involved.

Frequently asked questions

Does BoostPop slow down my store?
BoostPop is designed to have no impact on your page's initial load time. The widget script is loaded with the async attribute, which means the browser does not pause HTML parsing or rendering to fetch it. The script only begins executing after the DOM is ready, so it cannot delay your first contentful paint or your largest contentful paint.
Which themes are compatible with BoostPop?
BoostPop works with any Shopify theme that supports app embeds — which includes all themes in the official Shopify Theme Store and most third-party themes built since 2021. If your theme does not support app embeds, contact support and we can advise on a manual install path.