Integrations·4 min read

Use your Ego Cart Drawer cart in the app

Show the cart you built in Ego Cart Drawer — reward bar, free gift, upsells and all — inside your mobile app. Connect the integration, pick the cart in App Design, and publish.

Overview

Ego Cart Drawer Cart Upsell builds the cart your shoppers see on your storefront — the reward bar, the announcement, the gift offer, the add-ons, the trust badges. This integration puts that same cart into your mobile app.

It works differently from most blocks in App Design. You do not rebuild the cart here and you do not drag its parts in. You build a cart in Ego Cart Drawer, then pick it in the builder, and the app renders exactly what Ego delivers.

What can arrive with a cart:

  • Announcement bar — a message at the top of the cart.

  • Gift reward bar — the "spend X more" progress bar.

  • Free gift — the gift the shopper has earned, or is about to.

  • Add-ons and cart upsell — products suggested before checkout.

  • Custom text, trust badges and the cart note.

Before you start

  • Ego Cart Drawer is installed in your Shopify store.

  • You have at least one cart saved in it. The builder lists the carts you have built there; it cannot create one.

Ego Cart Drawer is available on the Growth plan and above.

Step 1: Connect the integration

  1. From Shopify Admin, open Ego Mobile Builder.

  2. Go to Integrations.

  3. Open Ego Cart Drawer Cart Upsell.

  4. Click Connect Integration.

There is no API key to copy — the two apps recognise each other. If the Shopify app is not installed yet, the button opens an install prompt first; install it, come back and connect.

Once connected, the header turns Connected and the button becomes Disable. Open Ego Cart Drawer Cart Upsell on the same screen takes you to the app itself.

Step 2: Build the cart in Ego Cart Drawer

Everything inside the cart is decided in the Ego Cart Drawer app.

  1. Open Ego Cart Drawer.

  2. Create or edit a cart, and give it a name you will recognise in a list — this is the name the builder shows.

  3. Set up the pieces you want: reward bar thresholds, the gift rule, the upsell products, the announcement, the badges.

  4. Save it.

You can keep several carts — a seasonal one, a free-shipping one — and switch between them later from the builder.

Step 3: Choose the cart in App Design

  1. Go to App Design and open the design you want to edit.

  2. Select the Cart screen.

  3. In the sidebar, find the Cart theme section and open Ego Cart Drawer. Your carts are listed there, each tagged Ego Cart.

  4. Turn the cart's toggle on to activate it.

  5. Click the row to apply it to the screen. The preview switches to that cart.

The two actions are separate on purpose. An inactive cart is dimmed and only its toggle responds — activating is what makes the cart usable, selecting is what puts it on screen. Going back to Default in the same list returns the app's own cart.

A cart deleted in Ego Cart Drawer stays in the list marked Deleted, so a design still pointing at it is obvious rather than silently broken.

Step 4: The blocks are read-only here

Select any part of the Ego cart in the preview and the configuration panel says Managed in Ego Cart Drawer, with an Open Ego Cart Drawer button instead of the usual settings.

That is deliberate. The cart is served by Ego Cart Drawer, so editing it in two places would mean two versions of the truth. Change it in Ego Cart Drawer and the app follows.

For the same reason you will not find these blocks in the Sections Library. They arrive with the cart you selected and leave with it.

Step 5: Keep it in sync, then publish

When you edit a cart in Ego Cart Drawer, the builder marks that row with a warning dot and a Re-sync from Ego button. Click it to pull the new version into your design.

Allow up to 5 minutes for a change made in Ego Cart Drawer to reach the builder preview. If it has not appeared, re-sync before assuming something is wrong.

When the cart looks right:

  1. Click Save.

  2. Test on a device with Ego Live Preview — add a product, cross a reward threshold, check the gift appears.

  3. Click Publish to make the changes available in your app.

Troubleshooting

The Ego Cart Drawer row shows no carts

No cart has been saved in the Ego Cart Drawer app yet, or it was saved under a different store. Create one there and come back.

Clicking a cart does nothing

It is still inactive. Turn its toggle on first — inactive carts are dimmed and ignore the click.

I changed the cart in Ego but the preview is unchanged

Wait up to 5 minutes, then use Re-sync from Ego on that row.

I cannot edit the reward bar or the upsell in the builder

That is by design. The panel's Open Ego Cart Drawer button takes you to the one place these are edited.

A cart is marked Deleted

It was removed in Ego Cart Drawer. Pick another cart, or Default, then save and publish.

The cart looks right in the builder but not in the app

The design has not been published. Save and publish, then reopen the app.

Frequently Asked Questions

1. Do I have to rebuild my cart for the app?
No. The app shows the cart you already built in Ego Cart Drawer.

2. Can I use a different cart in the app than on my website?
Yes. Keep several carts in Ego Cart Drawer and select whichever one you want for the app.

3. Can I restyle the Ego cart in the builder?
No. Its content and layout come from Ego Cart Drawer; the builder shows them for reference only.

4. Can I go back to the normal app cart?
Yes. Choose Default in the Cart theme list, then save and publish.

5. Can I use Ego Cart Drawer and Ego Free Gifts together?
Yes, but on the cart screen the selected Ego cart takes over — it brings its own offers. Free Gifts cart campaigns apply to the default cart.

6. What happens if I disable the integration?
The cart list disappears and the app falls back to its own cart. Reconnecting restores your carts.

Still need help?

Our support team is available 24/7. Contact support →