How does the Quick Buy Me Widget work in the Buy Me app?

The Quick Buy Me Widget is an Add-on designed to streamline the shopping experience for your customers. This feature places a small Cart icon on product images across various product listing pages such as Home Page, Collection Pages, and Recommended Products Listing.

Customers can directly add products to the cart without visiting the product page, reducing friction in the buying process. This helps in minimizing cart abandonment and speeding up checkout by redirecting customers to either the Cart Page or Checkout Page.

Status

The Quick Buy Me Widget is a flexible Add-on that allows merchants to enable the Cart icon on product listing pages for Desktop and/or Mobile.

Enable for Desktop: Display the Quick Buy Me icon on product images for desktop users.
Enable for Mobile: Show the Quick Buy Me icon on product images for mobile users.

This allows store owners to control where the Quick Buy Me icon appears based on their preferences.

Note:
You can enable it for both Desktop and Mobile or only one platform as per your requirement.
Make sure to press the Save button after making any changes.

Position, Action & Colors

The Quick Buy Me Widget helps enhance the shopping experience by allowing customers to add products to the cart directly from the product listing pages. Below are the available settings for customization:

Quick Buy Position: Choose where to display the Quick Buy Me Icon on your product listing pages. You can place it in one of four positions: Top Left, Top Right, Bottom Left, or Bottom Right.

Quick Buy Me z-index Position (Optional): If your Quick Buy Me widget icon is hidden behind the product image, adjust its z-index value to bring it to the front. Be sure to click Save after making changes.

Quick Buy Action (After Click): Decide where to redirect customers after they click the Quick Buy Me Cart icon. You have three options:

Stay on the same page: The product is added to the cart, allowing customers to continue shopping without leaving the page.
Go to Cart: Customers are redirected to the Cart page after adding a product.
Go to Checkout: Customers are taken directly to checkout, skipping the cart page.

Note: This can help reduce cart abandonment but may not be ideal if you're using a Shopify discount app that applies discounts on the Cart page. If unsure, feel free to reach out via our in-app chat or email.

Quick Buy Cart Icon Color: Customize the Quick Buy Cart icon color using the provided color picker.

Quick Buy Me Background Color: Select a background color for the Quick Buy Cart icon using the color picker.

Quick Buy Variant Color: Choose a color for product variants displayed in the Quick Buy Cart using the color picker.

Display Variant Images: This setting allows you to control whether product variants appear with images. If enabled, the app will display variants along with their respective images, and if no variant image is available, the main product image will be shown instead. If disabled, variants will be displayed without images. Be sure to click Save after making any changes.

Display on Out of Stock Products: You can choose whether to display the Quick Buy Me Widget icon on out-of-stock products. If enabled, the icon will appear on products that are out of stock. If disabled, the icon will not be displayed for out-of-stock products. Remember to click Save after making any changes.

Quantity

Quantity Selection: Your customers can select multiple quantities of a product when adding items using the Quick Buy Me Icon on product listing pages. By default, this feature is disabled, but you can enable or disable it anytime by navigating to Buy Me app → Widgets → Quick Buy Me Widget → Quantity.

Quantity Box Display Style: If the quantity selection feature is enabled, you can choose between two display styles: Popup or Inline. If you select the Popup option, a pop-up window will appear, allowing customers to enter the desired quantity in a text box. If you choose the Inline option, the quantity box will appear next to the Quick Buy Me icon, letting customers enter the quantity directly on the product listing page.

Quick Buy Me Buttons Icon

You can select a Cart icon from our available list to match your store’s design. If you feel that a specific Cart icon is missing, let us know, and we’ll be happy to add it for you.

Updated on: 20/03/2025