Chat widget covering buttons or still there after uninstall? Fixes

Why does a chat widget cover the add to cart button on mobile?

Most chat buttons are pinned to a bottom corner of the screen with a fixed position and a high stacking order, so they sit above everything else. On a phone, that corner is crowded: sticky add to cart bars, cookie banners, back to top buttons and other apps' bubbles all compete for the same strip of screen.

On desktop there is room for all of them. On a narrow phone screen, a sticky add to cart bar often spans the full width at the bottom, and a chat bubble placed close to the bottom edge lands right on top of the button. Shoppers tap the bubble when they meant to buy, or cannot reach the button at all. Cookie banners cause the same collision for the first few seconds of every new visit.

In our study of 233 merchant reviews, widget problems (covering store elements, slowing the store or staying after uninstall) were a smaller and thinner theme, with 16 mentions. They are still worth checking, because a covered add to cart button affects every mobile visitor, not only the ones who open chat.

• Sticky add to cart bars on product pages
• Cookie and consent banners at the bottom of the screen
• A second chat or help button from another app
• Back to top buttons, wishlist hearts and promotion pop ups
• Cart drawers that slide over the page while the bubble stays on top

How do you test a chat widget on a phone?

Open your store on a real phone, not only a desktop browser's mobile view, and walk through a shopper's path: home page, collection, product page, cart drawer and checkout button. Do it once as a new visitor, with the cookie banner showing, and once after accepting it. Note every place the bubble touches a button.

Desktop emulators are useful, but they miss real browser toolbars, the way the address bar collapses on scroll and the safe area at the bottom of newer phones. Test at least one iPhone and one Android phone if you can. Private or incognito windows give you the first visit experience each time.

1. Open a product page in a private window on your phone so the cookie banner appears.
2. Scroll until the sticky add to cart bar shows and check whether the chat bubble sits on it.
3. Accept the cookie banner and check the bubble's position again.
4. Add a product and open the cart drawer; check that the checkout button is fully tappable.
5. Open and close the chat once, then repeat the cart step, because some widgets change position after use.
6. Rotate the phone to landscape and repeat on the product page.

How do you fix a chat button that overlaps other elements?

Start in the app's own settings: most chat apps let you choose the left or right side and set a bottom offset for mobile. Move the bubble away from the busiest corner, or raise it above your sticky bar. If the app has no such setting, ask the vendor before adding custom CSS to your theme yourself.

Custom CSS that hides or moves a widget is a last resort. It depends on class names the vendor can change in any update, so a fix that works today can silently break next month. If you do add it, write down where you put it, so you can remove it when you change apps.

Also check whether you need two chat buttons at all. A store running a help desk widget and a separate AI chat often ends up with two bubbles in two corners. Decide which one shoppers should see, and switch the other off in the theme editor rather than leaving both on.

Why is a Shopify app still showing after uninstall?

Because it added code to your theme files instead of using a theme app extension. Shopify removes app blocks automatically when an app is uninstalled, but it cannot know which lines an app pasted into theme.liquid or which snippet files it created. That code stays, and it can keep loading scripts after the app is gone.

Shopify's developer documentation on theme app extension UX states that when merchants uninstall apps, blocks associated with those apps are automatically and entirely removed from online store themes. Shopify's help center on extending your theme with apps notes the other path: some apps inject code directly into your theme's code, and for some apps you may need to edit theme code yourself.

There is a related case that looks similar. App embed blocks are switched on per theme. Per Shopify's theme app extension configuration docs, app embed blocks are deactivated by default after install, and merchants activate them in the theme editor under Theme settings, then App embeds. If you see a widget on one theme and not another, check that panel on each theme before you assume leftover code.

How do you remove leftover app code from a Shopify theme safely?

Duplicate your live theme first, then work on the copy. Search the code editor for the app's name, its domain and any prefix it used, starting with layout/theme.liquid. Remove only lines you can tie to that app, preview the copy on a phone and desktop, and publish it once nothing is broken.

Duplicating takes a minute and gives you an instant way back: if the edited copy breaks a page, you keep the original live and try again. Before you start, check the uninstalled app's help pages, because some developers publish exactly which files and lines their app added.

1. In Online Store, then Themes, duplicate your live theme and rename the copy with today's date.
2. On the copy, open Edit code and search for the app's name, its script domain and any short code it used in file names.
3. Check layout/theme.liquid first, then the snippets, sections and assets folders.
4. Before deleting a snippet file, search for its name to find every place that renders it, and remove those lines too.
5. Preview the copy on a phone and a desktop: home, product, collection, cart and search pages.
6. Publish the copy only when every page works, and keep the original theme for a few weeks as a fallback.
7. If a script still loads and you cannot find it in the theme, contact the developer and ask how their app added it.

Does leftover chat code slow down your store?

It can. A script tag left in theme.liquid loads on every page, whether or not the app still exists, and some keep calling a server that no longer answers. That costs loading time and can delay taps on mobile. Removing dead scripts is one of the simplest speed fixes available to any store.

To measure the difference, run the same before and after test we describe in will a chat widget slow down your Shopify store: PageSpeed Insights on a home, product and collection page, several runs each, with the old code in place and then removed.

What should you ask a chat app vendor about the widget before installing?

Ask four things: is it added through a theme app extension, can you move it left or right and raise it on mobile, does it avoid sticky bars and cookie banners by itself, and what is left in your theme after uninstall. Clear answers to these predict most of the problems described above.

• Is the widget an app embed you can switch off in the theme editor?
• Can you choose the side of the screen and the mobile offset?
• Does it detect a sticky add to cart bar or cookie banner and move?
• Does uninstalling remove every file and script it added?
• What data does it delete when you uninstall?

How Tycoon is built for this

Tycoon, an AI sales agent for Shopify in early access, is added through a theme app extension, so it makes no edits to your theme code. Because it is a theme app extension, removing the app removes the widget. On uninstall, Shopify asks Tycoon to delete the store's data, and Tycoon deletes it.

On the storefront, the chat button is built to move up so it does not sit on a sticky add to cart bar, the cookie banner or another chat button. You choose the left or right side, and it matches your theme's colors. The loader is under 10 KB compressed, and the chat window loads separately at low priority. An on and off switch on every plan hides the chat icon when it is off.

See how it works for the install steps, Why Tycoon for every merchant worry and how Tycoon handles it, and the full findings in what merchants complain about in AI chat apps.

Frequently asked questions

Sources

1. Shopify.dev: UX for theme app extensions · checked October 28, 2026
2. Shopify.dev: Theme app extension configuration · checked October 28, 2026
3. Shopify Help Center: Extend your theme with apps · checked October 28, 2026