Setting up your online store with Universe couldn't get any easier. We've built features with Shopify, PayPal and Square Cash to make selling products 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.

Right now we have built-in tools like our payment blocks to help you easily collect payments. Here is an example that uses this to sell:

https://rollupandpaint.com/

These will be tied to either your PayPal or Square Cash accounts.

To access the Payment blocks, make sure you have an active Pro subscription, and then you will be able to access the Payment block in the editor. You will add this block like you would your text of photo block!

We also have a Shopify integration to help you connect your Shopify account and products with a Universe website. Here is an example of this:

https://store.onuniverse.com/

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

Finally, we can help you set up PayPal buttons. This will require some copy/pasting of embed codes, but I have included instructions on my example website here:

https://www.onuniversetest.com/shopping-cart

Still have questions? Shoot a message to [email protected] and we'll be happy to help

Did this answer your question?