Powerful new features, services and plugins for your Shopify store

All Apps / Sales channels / Buy Button

Buy Button

Buy Button

Developed by Shopify

52 reviews
Get
Price: Free More info
  • Market and sell to customers from any website
  • Customize fonts, colors, layouts and more to match your website’s style
  • Use Shopify’s secure checkout for all purchases

Say hello to the newly redesigned Buy Button, starting Nov 4, 2016


What can you do with the new Buy Button?




  • Create unique product displays with fully customizable fonts, colors, layouts and much more

  • Faster than ever load times, with a 50% increase in performance. Never let your customers miss an opportunity to buy

  • Do you know basic HTML and CSS? Take your product catalog a step further with BuyButton.js, a JavaScript UI library that will empower you with limitless customization options


Why add Buy Buttons?


The Buy Button enables you to sell on your existing websites, blogs, and email campaigns. Shopify handles all the hassles of ecommerce, perfect for beginners and experts alike.


It provides a simple code snippet which has all your product information, and Shopify’s secure checkout. The Buy Button is infinitely customizable, make the text, fonts, colors and styles match your brand!

Features




  • Products or collections: Embed Buy Button code to feature your products alongside content, photos etc. on your existing site

  • Customizability: Use the Buy Button Builder to customize the colors, text, fonts, and styles

  • Shopping cart: Quickly add a mobile friendly and secure checkout experience for your customers, with the ability to connect to over 70+ payment gateways

  • Shipping made easy: Easily integrate shipping to provide customers with tracking info on their purchases

  • Better order management: Get notified when you make sales, fulfill one or multiple orders with just one click using the Shopify mobile app

  • Developer tools: Go beyond the Buy Button Builder and create completely custom, branded buttons with the BuyButton.js and JS Buy SDK on any website, platform, or app.


Buy Button reviews

52 reviews
  1. 5 stars (10 reviews)
  2. 4 stars (3 reviews)
  3. 3 stars (4 reviews)
  4. 2 stars (5 reviews)
  5. 1 star (30 reviews)

Functionality is good, but would be much better if you could customise little things like thumbnails and pricing colours.

posted

This is a great app. However, it is missing one feature that makes it unusable, the ability to style the widget.

A simple fix would be to add a custom CSS box to the Buy Button app. As long as that CSS gets sent with the iFrame content styling would then be possible.

I tried a CSS rule, which won't work because it's in an iFrame. Then I built some JavaScript code to inject CSS into the iFrame. That also won't work because browsers consider it a type of attack.

When you get there, you will run into this nasty error "Blocked a frame with origin "https://<your site>" from accessing a frame with origin "https://widgets.shopifyapps.com". Protocols, domains, and ports must match." This means that you need an SSL certificate for HTTPS, and your domain name must be "https://widgets.shopifyapps.com". Since the second one is impossible, the clear interpretation is that the browser will not allow you to style the Buy Button app.

posted

I'm glad this is available, I've been meaning to integrate a buy button into our multiple sales channels.

posted

I just updated this review after receiving help from a Shopify associate.

This app does work, I'm quite glad it exists, it's free, and the Shopify support was good. However, it's a whole lot of copying and pasting and mussing about just to get a few products up on a particular post. As another reviewer mentioned, there is an app for Etsy listings of this same nature that simply connects your accounts and *presto*, it gives you the option of short codes for any product or collection that you can insert into any post right there, and it's also free. It's rare that Etsy has better apps than shopify, so I was disappointed. Moreover, judging from other reviews, this app used to allow for more and easier integration; so what a bummer that it has changed. . . BUT hey, I really needed this and am glad for it such as it is.

To insert a grid (i.e. to be able to list multiple products in a row), follow the CSS instructions here:
https://docs.shopify.com/manual/more/buy-button/add-embed-code#wordpress

posted
Get
Free

Support & Sales

Shopify
1 (888) 746 7439
support@shopify.com
help.shopify.com/manual/sell-online/buy-button
shopify.com/legal/privacy
Get Support

Screenshots

  • Large
  • Thumb
  • Thumb
  • Thumb

Are you a developer? Become a Shopify Developer or submit your app.