Note that this only works for adding a single product to the Shopify shopping cart.
The Shopify Buy Button allows you to add embeddable products, collections and mobile friendly, secure checkout to your Famous projects by pasting the embed code generated by Shopify into the Famous Buy Button element. Please note that In order to use this feature, you must have a Shopify store and active products.
1. Add the Buy Button sales channel in Shopify
If the Buy Button sales channel doesn't appear in the Sales channels section of your Shopify admin, then you need to add it before you can create a new Buy Button or embedded cart.
- From your Shopify admin, click the
+button beside the Sales channels heading.
- On the Add sales channel dialog, click Buy Button to learn more about the sales channel.
- Click Add channel.
2. Create a Buy Button in Shopify
Before you create a Buy Button for a product, you must have added the product in your Shopify Admin and made it available to the Buy Button sales channel.
- From your Shopify admin, go to Buy Button.
- Click Create a Buy Button.
- Click Product Buy Button.
- Select the product from your catalog or use the search to find a product. Click Select.
- Optional: customize the Buy Button.
- Click Next.
- Click Copy code.
3. Create a custom button element in Famous
- Log in to your Famous account.
- Create a new project or open an existing project in the Editor.
- Click the Graphics icon in the Asset Bar.
- Click View All to the right of Shapes.
- Drag a rectangle from the Shapes menu onto the screen where you want the button to be displayed.
- Customize the button to your specifications.
- With the button selected, go to the Link tab in the right inspector.
- Click Select a Target to expand the menu then select Shopify Store at the bottom of the list.
4. Paste the copied code from Shopify into Famous
- Paste the code that you copied from your Shopify admin into the Shopify Buy Button on the Link tab.
That's it! You've added a fully custom Buy Button to your project. Learn how to add a predesigned Shopify Buy Button to your project here.