Sticky Buy Me Widget

Thank you for joining and getting started article. Let’s discuss, so by default Buy Me app automatically setup all Basic Settings, and the app should start in your store. Let’s discuss one by one all Basic Settings options.

1. Status:

Make sure Buy Me app status must be enabled to display the whole Buy Me app into your store that includes Sticky Buy Me Widget, Sticky Buy Me Cart, Sticky Cart Preview, Quick Buy Me Widget on Product Listing Pages and URL Based Listing, and other features.

If you just want to disable Sticky Buy Me widget only then make Buy Me app enabled and just untick/uncheck Desktop Enabled and /or Mobile Enabled checkboxes and press Save button.

2. Others (Optional):

This is completely optional settings. So by default, these settings are disabled, and if you want to enable simply click on checkboxes that you want to enable. For Reviews Stars, you have to select Review Star Company from the box that you are using. Let’s discuss all in little details as below.

Skip Cart and go directly to Checkout? : If you will enable/check this setting then Sticky Buy Me widget simply redirect your customers to your store’s Checkout page instead of your store’s Cart page. It will reduce sometime Cart Abandons but it’s not good if you are using any Shopify Discount Apps that provide discounts at Cart page for example Special Offers By Shoptrade, Inc. Shopify app, Ultimate Special Offers Shopify app, etc. If you are not sure please chat with us or email us from an in-app chat widget. But don’t worry about the Discount codes that you have generated from Shopify Admin as it’s possible to apply from Checkout directly.

Enable Instant Load? : If you enable this setting then we will display Buy Me widget as soon as your Product page loads in your customer’s browser. This setting will be really helpful where your product page has default Add To Cart button but it’s too down and your customer needs to scroll more to purchase your product. So it depends on which Shopify Theme you are using. If you are not sure to use these settings or have confusion, then please chat with us or email us from an in-app chat widget and we will help you.

Display full width button in mobile? : If you will enable this setting then it will display changes of Buy Me/Add To Cart button only for mobile customers. It will hide the rest of all the things from Sticky Buy Me widget for Mobile only. Sometime if you enable this setting is good for Mobile users as it will simply display one sticky button with the Buy Me/Add To Cart button and customers will get a larger view in the Mobile site version to see products and any other information from your store. So it’s your choice based setting.

Reviews Stars? : If you enable this setting then it will display star ratings in Sticky Buy Me Widget that given by customers from your store Review app. But you have to select an appropriate Review Company from the list of companies that are displaying in the Sticky Buy Me Widget page. If you will not find your Review Company in the list then please chat with us or email us from an in-app chat widget and we will include your Review Company name.

Desktop Visibility? : This option is for the desktop version. It contains the details of products like Product Image, Product Title, Product Price, and Product Compare Price to display in a Sticky Buy Me Widget. If you checked all or some of the options then it will show the details of the product in Sticky Buy Me Widget. It will allow you to keep those details in the Sticky Buy Me Widget as you need most.

Mobile Visibility? : This option is for mobile version. It contains the details of products like Product Image, Product Title, and Product Price to display in a Sticky Buy Me Widget. If you checked all or some of the options then it will show the details of the product in Sticky Buy Me Widget. It will allow you to keep those details in Sticky Buy Me Widget as you need most.

3. Positions (Optional):

This is completely optional settings. So if you will not change anything in Positions then we will apply our default settings. Positions are a really useful feature in Sticky Buy Me widget. This will allow you to control your Buy Me widget where it should display and you can make spaces from top or bottom as you want. Let’s discuss all in little detail as below.

  • Widget Position: You can set your Sticky Buy Me widget position either Top or Bottom based on your needs. You can set this position in Desktop and Mobile separately so you can target/serve your Desktop customers and Mobile customers separately.
  • Widget Vertical Position: You can adjust the Sticky Buy Me widget in Desktop and Mobile separately. This is useful when you have some other apps or banner that may overlap Sticky Buy Me widget or visa-versa happens. If this happens just increase or decrease the value of Widget Vertical Position and check after clicking to the Save button.
  • Widget z-index Position: You can adjust the Sticky Buy Me widget in Desktop and Mobile separately. This is useful when you have some other apps or banner that may overlap Sticky Buy Me widget or visa-versa happens. If this happens just increase or decrease the value of Widget z-index Position until Sticky Buy Me widget comes before other containers in your store. Please make sure to click on the Save button after making any changes.

4. Additional Colors (Optional):

This is completely optional settings. So by default, we will use your Shopify Theme settings when applying colors to Product Name, Price, and Compare Price. But if you want to change default behavior with new colors you can change colors from the Additional Colors section here. Buy Me Widget Background Color option will allow you to change the color of the widget background.

5. Buy/Add To Cart button (Optional):

This is completely optional settings. So if you will not change anything in Buy/Add To Cart button then we will apply your store default Add To Cart/Buy button text and style.

Here you can change the Sticky Buy Me Widget button text and it’s animation as you like. So say your default product page Add To Cart/Buy button text is Add To Cart but in Sticky Buy Me Widget you want something else text says “Buy Now” then you simply need to add “Buy Now” without quotes in Button Text field here as you see in above snapshot. And it will display “Buy Now” text instead of your default store’s product page Add To Cart button text. You can also change the color of button text and also change button back color.

6. Variants (Optional):

This is completely optional settings. So if you will not change anything in Variants then as default we will not display Variants in Sticky Buy Me widget only. Variants will display on your Product page as per your theme settings and availability of variants.

Here you can change Sticky Buy Me Widget Variants settings. So you can enable Variants for Desktop and Mobile separately. If you want to show Variants Labels, then there is an option for this as well. Variants Labels means Sizes, Colors, or anything else as per your Products Variants Labels.

Here you can change the color of the label and also change the variant text color. You can also change the variant back color as you choose. The variant border is also can change by in pixel and if you apply a radius to the variant border is feel like a smooth curve.

7. Quantity Box (Optional):

This is completely optional settings. So if you will not enable Quantity Box in Sticky Buy Me widget then we will not display Quantity Box although it’s displayed in your Store’s Product page.

Here we are providing two options to enable Quantity Box in your Sticky Buy Me widget. You can enable in Desktop and Mobile both or only Desktop or Mobile.

8. Social Media Sharing (Optional):

This is completely optional settings. So by default, this setting is disabled and if you want to enable simply click on checkboxes on Social Media Desktop and/or Mobile and we will display Social Media icons that you will choose from below lists and your customers will able to share product(s) to their Social Media and you will get more traffic from their Social Media referral contacts for free. Here you can also change the default color of every social media icon.

9. Custom CSS (Optional):

This is a completely optional and advanced part for customers who have developers/designers with them or who know CSS design language. In a normal scenario, you never need to do anything in Custom CSS part but if you need highly modification on the design of Sticky Buy Me widget, Sticky Buy Me Cart, Quick Buy Me Widget On Product Listing Pages, or URL Based Listing in this case you have to include CSS Classes here.

10. Disable Buy Me Widget (Optional):

This is completely Optional settings. If you want to disable the Buy Me app on certain pages like some product(s) or for some URL Based Listing pages then you should need to include this meta to your page where you want to disable the Buy Me app.

So if you want to disable Buy Me app in one or more product(s) only then simply add <meta name=’buy-me:active’ content=’false’ /> to Products -> Select Product -> Description -> Click <> icon and just paste <meta name=’buy-me:active’ content=’false’ /> to Description section and save product.

If you want to disable Buy Me app on other pages like Home page or any static pages. Just include <meta name=’buy-me:active’ content=’false’ /> on that page only from Online Store -> Themes -> Current Theme -> Click on Actions button -> Edit Code -> Just find that page from left side list and put <meta name=’buy-me:active’ content=’false’ /> code at last.

So same you can disable the Buy Me app on any pages. You simply need to add this code to that page and we will disable the Buy Me app on those pages.