Skip to main content

Chat positioning & layout

There's exactly one placement pattern in ShopGuide: a fixed floating bubble anchored to a bottom corner. So this page isn't really about page-by-page placement strategy — the bubble's position doesn't change based on where in the page you add the block. It's about the real configuration options and staying out of the way of everything else your theme puts in that corner.

How positioning actually works

The bubble sits at position: fixed, 20px from the bottom of the viewport, and either 20px from the left or right edge depending on your Bubble position setting. It stays put regardless of scroll position, and regardless of which theme section the ShopGuide Chat block happens to be attached to. There's no sidebar-embedded or inline mode, and no multi-window placement.

What you can actually configure

In Settings → Bubble: position (left or right), size (default 60px), icon (sparkles, chat, message, question, robot, or search), icon color, and whether the bubble shows at all.

Picking a corner

Since it's fixed to one corner either way, the real decision is which one avoids conflicts with whatever your theme already puts there. Right is the default and the more common choice for chat widgets, but check for a sticky "back to top" button, a cart drawer trigger, or a cookie-consent banner that also lives bottom-right. Left works well if your theme's cart icon, sticky add-to-cart bar, or promo banner claims that corner instead. On mobile, check against your theme's own bottom nav — if it has one, turning on "Store has mobile navigation bar" (see Mobile & desktop chat settings) shifts the chat's notification bar to avoid it.

On z-index

The bubble sits at a very high z-index, above most page content and most modals. If something specific still overlaps it — a custom cookie banner, a third-party app's own fixed element — that's a conflict on the other element's side, not something ShopGuide's settings control. See Advanced chat styling if you need to adjust the bubble's own styling to work around it.

What not to expect here

No per-page-type positioning presets for homepage vs. product vs. collection, no scroll-triggered position changes, no A/B-testable coordinates, and nothing like "above the product grid" or "in the sidebar." Page-specific customization in ShopGuide happens through the launch message and buttons, not the bubble's screen position — see Custom launch messages.

When something's wrong

If the bubble isn't visible at all, check the device visibility toggles (see Mobile & desktop chat settings), check whether the storefront is paused, and look for a competing fixed element with an even higher z-index. If it's overlapping other UI, try the opposite corner, turn on the mobile-nav accommodation if it applies, or nudge the bubble's offset with targeted Custom CSS (see Advanced chat styling).

Next steps