Adding a Shopify Buy Button to your project

Adding a Shopify Buy Button to your project


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 to use this feature, you must have a Shopify store and active products.

Add the Buy Button sales channel in Shopify.

If the Buy Button Sales Channel doesn't appear in your Shopify Admin's sales channels section, you need to add it before you can create a new Buy Button or embedded cart.

  1. From your Shopify admin, click the + button beside the Sales channels heading.
  2. On the Add sales channel dialog, click Buy Button to learn more about the sales channel.
  3. Click Add channel.
  4. Create a Buy Button in Shopify

Create the Buy Button in Shopify Admin

Before you create a Buy Button component for a product in your Amaze Pro project, it must be added to your Shopify Admin and made available in the Shopify Buy Button Sales Channel

  1. From your Shopify admin, go to Buy Button.
  2. Click Create a Buy Button.
  3. Click the Product Buy Button.
  4. Select the product from your catalog or use the search to find a product. Click Select.
  5. Optional: customize the Buy Button.
  6. Click Next.
  7. Click Copy code.

Add a Buy Button Component in Amaze Pro

  1. Log in to your Amaze Pro account.
  2. Create a new project or open an existing project in the Editor.
  3. Click Integrations in the Asset Bar.
  4. Drag the Shopify Buy Button component from the Integration menu onto the screen you want your Shopify Buy Button displayed.
  5. Paste the copied code from Shopify into Amaze Pro
  6. In the Right Inspector, paste the code you copied from your Shopify admin into the Shopify Buy Button field.
  7. If necessary, adjust the size of the Buy Button component to ensure the entire button is visible.

That's it! You've just added a Shopify Buy Button to your project. Learn how to customize your Buy Buttons here: Link a Custom Shopify Button to Checkout

    • 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 ...
    • 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 ...
    • 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 You need to have a pre-existing Shopify store.  You must have added the product and product variants in your Shopify Admin and made it ...
    • 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 ...
    • 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 ...