How to Sell Products on Your Relume Site with Shopify Buy Buttons

By the end of this doc, you'll be able to:

• Understand how Shopify, Printful and your Relume site work together
• Connect Printful to your Shopify store
• Create a Shopify Buy Button for a product or a collection
• Add the Buy Button to a page on your Relume site with a Code Embed section

Overview

You can sell products from your Relume site without moving it to an online store builder. Shopify handles everything behind the scenes: your products, stock, payments and orders. A Buy Button is a snippet of code from Shopify that shows a product, its price and a buy button on any website. You paste it into a Code Embed section in Relume, and visitors buy without leaving your site.

Shopify works as the hub for everything else too. Printful, a print-on-demand service, connects to your Shopify store, so when someone buys through your Buy Button, the order goes straight to Printful to print and ship. You never handle stock yourself.

Before You Begin

• A paid Launch plan on your Relume site. Code Embed sections aren't available on the Free plan.
• Editor, Admin or Owner access to your Relume site.
• A Shopify store on a paid plan, with payments set up. The Buy Button sales channel is included on every Shopify plan.
• A Printful account, if you sell print-on-demand products.

Set Up Shopify as Your Hub

Add your products to Shopify first. Sell products you make or stock yourself? Add them in Products in your Shopify admin, then skip to Create a Buy Button.

Connect Printful

1. In Printful, go to Stores and choose Shopify.
2. Click Connect.
3. Install the Printful app from the Shopify App Store when it opens.
4. Sign in to Printful to link the two accounts.
5. Create your products in Printful and add them to your Shopify store.

Your products now appear in Shopify, ready for a Buy Button.

Tip: Set your prices in Printful before you publish to Shopify, so they include printing and shipping costs.

Create a Buy Button

Add the Buy Button sales channel to your Shopify store from the Shopify App Store first, if you haven't already.

1. In your Shopify admin, go to Sales channels > Buy Button.
2. Click Create a Buy Button.
3. Choose Product Buy Button for one product, or Collection Buy Button to show every product in a collection.
4. Select the product or collection, then click Select.
5. Customise how the button looks and works (see the options below).
6. Click Next.
7. Click Copy code.

Choose How the Button Works

• Layout style: Basic shows only the button, Classic adds the product image and price, and Full view adds the description too.
• Button action: Add product to cart keeps visitors shopping, Direct to checkout takes them straight to payment, and Open product details shows a pop-up with more information.
• Button style: match the shape, colour and font to your site's style guide.

Note: Checkout opens in a new window by default. To keep visitors in the same tab, open Advanced settings and choose Redirect in the same tab.

Add the Buy Button to Your Relume Site

1. Open the page in the Design tab.
2. Click Insert in the left sidebar.
3. Choose the Code Embed category.
4. Click the section layout you want to add to your page.
5. Select the embed in the section.
6. Paste your Buy Button code into the right panel.
7. Publish your site.

Check the button on your live site. Some scripts only run on your published site, so the button may not appear while you're editing. For more on embeds, see How to Customise Your Site with Custom Code and Code Embeds.

Tip: Place a test order before you share your site. It checks the whole journey, from the Buy Button to checkout to Printful receiving the order.

Tips & Best Practices

Tip: Change prices, stock and product details in Shopify, not in the code. Your Buy Button updates on its own.

Tip: To change how a button looks, create a new Buy Button in Shopify and replace the old code in your Code Embed section. You can't edit a button's look after you've copied it.

Tip: Using more than one Buy Button on a page? Give them all the same button action, so the cart works the same way for every product.

Tip: Selling a range? A Collection Buy Button shows every product in one embed, and products you add to the collection later appear on your site automatically.