Setting up your online store with Universe couldn't get any easier. We've partnered with Shopify to make managing your products and selling them through your Universe site as simple as setting up your products and adding them to your site like any other block on the grid. This guide will walk you through getting it all set up.

Please note that you can only use the Shopify block with sites that have been upgraded to Pro. If you already have a Shopify account with products skip ahead to Step 3.

You'll need a Shopify account to use the Shopify block inside the Universe app. All new users get a 14-day trial and can start adding products right away, but you'll be required to create a paid account to actually sell your products using their services. The most basic Shopify plan starts at $9/month, but you can pick from a variety of tiers depending on your needs

Learn all about their pricing and plans here: https://www.shopify.com/pricing


Step 1: Sign up for a Shopify account

  • Download the Shopify app here: https://itunes.apple.com/us/app/shopify/id371294472
  • Open the app and tap ‘Sign up’ (Login if you already have an account)
  • Enter the required information and tap ‘Create Store’
  • Fill out the personal details screen and complete your store setup
  • Keep track of your store name/url. You’ll need this to authenticate your store inside the Universe app


Step 2: Create your products in Shopify

  • Open the Shopify app and tap on ‘Products’ in the bottom toolbar
  • Tap on the + button in the top right-hand corner
  • Select Add Product
  • Fill out the product information in the fields on the screen and tap save when you’re ready. All you need is a title to get started. You can always come back and make changes later


Step 3: Logging into your Shopify account in the Universe app

  • From your site dashboard, open the grid editor on your Pro site (it can be any page)
  • Tap a plus sign on the grid to open the block palette
  • Tap on the Shopify block and tap 'Login with Shopify' (this is where you need your Shopify story url)
  • Follow the login flow and make sure to give the Universe app permission and add it as a sales channel to your Shopify store
  • Once you're done, the Shopify block will be able to load your products. Feel free to dismiss this block now


Step 4: Adding your products to the Shopify block

  • In order for your products to show in the Shopify block, you'll need to add each product to the Universe sales channel from inside the Shopify app
  • Open the Shopify app and tap on 'Products' in the bottom toolbar
  • Tap on 'All Products'
  • Tap on a product you would like add to your Universe store and open the product settings screen
  • Scroll down and tap on 'Sales channels' (has the eye icon next to it)
  • Turn the toggle on for the Universe Sales channel (the toggle should show green)
  • Go back to the previous screen and tap 'Save'
  • Repeat these steps for each product you'd like to add to your Universe site


Step 5: Adding products to your site

  • Now that you have your products added to the Universe sales channel in your Shopify store, open the app to start adding your products to your site
  • From your site dashboard, open the grid editor on your Pro site (it can be any page)
  • Tap a plus sign on the grid to open the block palette
  • Tap on the Shopify block and you'll see the products that you added to the Universe sales channel
  • Add the products to your site like any other block :)
  • You can resize them and move them around the grid any way you like


You made it! Still have questions? Shoot us a message to help@onuniverse.comand we'll be happy to help.

Additional Resources

Did this answer your question?