Skip to main content
All CollectionsWidgetsConversion TriggersCart Bubble
How to Use the Cart Bubble Widget for Debutify Theme Version 7?
How to Use the Cart Bubble Widget for Debutify Theme Version 7?

A guide on how to use the Cart Bubble widget for Debutify Theme version 7.

Micah Quinto avatar
Written by Micah Quinto
Updated over a week ago

What does the Cart Bubble Widget do?

The cart bubble is a small visual element that appears on an online store's website, showing the number of items added to the customer's shopping cart. This provides customers with a quick and easily visible reminder of their cart contents, helping to reduce cart abandonment and increase conversions.

By animating the Cart Bubble, a sense of urgency can be instilled, motivating customers to finalize their purchase before the items in their cart become unavailable.


How to Enable/Disable the Cart Bubble Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Standard Widgets

  • Debutify Premium Widgets

  • Debutify Platinum Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage Cart Bubble Settings?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Go to Theme settings, scroll down, and then locate Cart bubble.

STEP 3

Go to Bubble size to adjust the size of the bubble. Select from the three options: Small, Medium, and Large.

STEP 4

Go to Bubble position to adjust the placement of the bubble. Select from the dropdown options.

STEP 5

Tick the box if you want it to enable the bubble animation.

STEP 6

Go to Animation type to choose a specific animation for your bubble. Select from the dropdown options.

STEP 7

Go to Animation intervals to adjust the duration of the animations. Use the slider to set the interval as desired.

STEP 8

You can customize the background color and border color of the bubble.

  • Use the Color Picker, and click on the color next to the element you wish to modify. This action will open a color picker.

  • For precise colors, enter the hex code directly into the designated field. The color will update instantly as you type or paste the hex code.

STEP 9

Go to Bubble opacity to adjust the opacity level. Use the slider to set the percentage to your desired value.

STEP 10

Click Save to apply the changes.

Did this answer your question?