Create Variants for a Shopify Buy Button embed

Create Variants for a Shopify Buy Button embed

You can configure the Buy Button embed to include variants when you create it in Shopify.

Before you get started

  1. You need to have a pre-existing Shopify store. 
  2. You must have added the product and product variants in your Shopify Admin and made it available to the Buy Button sales channel.

Configure the Buy Button to include variants

  1. From your Shopify admin, go to Buy Button
  2. Click Create a Buy Button
  3. Click Product Buy Button
  4. Select the product from your catalog or use the search to find a product. Click Select
  5. Customize the Buy Button
    1. If your product has variants, then select All variants or select the variant that you want to include.
    2. Choose a layout style and the action that happens when a customer clicks the button. You can also customize the button's appearance.
    3. By default the checkout behavior opens a new window but you can choose to open the checkout in the same browser tab as your website. Click Advanced settings > Redirect in the same tab.
  6. Click Next
  7. Click Copy code

Add the Buy Button embed code to Amaze

  1. Open the Amaze page you want to add the Buy Button to in the Editor
  2. Drag and drop the Shopify Buy Button component from the Integrations menu onto the screen where you want the Buy Button to be displayed

10. Paste the code you copied from Shopify into the Buy Button field in the Right Inspector
 







You may need to resize the bounding box of the Buy Button component on the Canvas so that all variants are visible. 

You can learn more about how to create and customize Shopify Buy Buttons here: https://help.shopify.com/en/manual/products/variants/add-variants

    • Related Articles

    • FAQ: Shopify Buy Button Element

      Overview Shopify is the World's leading e-commerce platform beloved by sellers large and small for its versatility and powerful integrations. Famous integrates with the Shopify Buy Button, enabling you to sell your Shopify products directly on your ...

    • Adding a Shopify Buy Button to your project

      Overview The Shopify Buy Button allows you to add embeddable products, collections, and mobile-friendly, secure checkout to your Amaze Pro projects by pasting the embed code generated by Shopify into the Amaze Buy Button component.  Please note that ...

    • Shopify Buy Button & Discount Codes

      Question: Is it possible to create Shopify Buy Buttons with discount codes automatically applied to a shopper’s cart when they go to checkout? ​​ Answer: While Shopify Buy Buttons don’t support discount codes directly, you have a few options: You can ...

    • Link a custom Shopify Button to Checkout

      Overview By pasting the Buy Button embed code into the link destination for a custom button you create in Famous allows you to have full creative control over your design. Note that this only works for adding a single product to the Shopify shopping ...

    • Is the Amaze Pro product separate from Shopify?

      Amaze Pro is a stand-alone product that offers the ability to include Shopify Buy Buttons generated from your Shopify account. You can host every Buy Button  you make in your Shopify account on any Amaze Pro designed landing page and site. To get ...