Tutorials and examples
Build an ecommerce store

1. Introduction and prerequisites

4min

Build a complete virtual shopping experience using the iR Engine.

About this tutorial

This step-by-step tutorial will help you create a visually appealing online store complete with product displays, ambient lighting, and seamless Shopify integration.

By the end of this tutorial, you will have:

  • A visually stunning virtual retail environment
  • Your Shopify products showcased in your store
  • An engaging atmosphere with lighting, videos, and spatial audio

By completing the tutorial, your ecommerce experience will look similar to this:

Document image


What you need

Before we begin, ensure you have the following prerequisites:

  • iR Engine account with Studio access: If you don't have an account, sign up on the iR Engine website.
  • Empty iR Engine project: This serves as the blank workspace for your store. For guidance, refer to the Start a new project guide.
  • Shopify Storefront Access Token: This token allows the iR Engine to access your Shopify products. For instructions, refer to Shopify's Getting started with public access documentation.
  • Shopify domain’s base URL: Your store's main URL (e.g., {store_name}.myshopify.com).
  • Optional: 3D product models: Enhance your store’s realism by using 3D models of your products configured in Shopify.

Tutorial roadmap

This tutorial is divided into manageable sections to simplify the process. Here's what you'll cover:

1

2. Configure the Shopify plugin: Set up the integration to bring your Shopify products into the virtual store.

2

3. Build your store and set up the ambiance: Use predefined templates to design the layout and add a skybox to set the ambiance.

3

4. Load and place Shopify products: Import products from Shopify and arrange them in your virtual space.

4

5. Add videos to your store: Create video entities and configure video resources to enhance the shopping experience.

5

6. Set up spatial audio: Add and configure spatial audio to create an immersive sound environment.

6

7. Publish your store: Make your virtual store accessible to your audience.

Let's get started

With your prerequisites in place, you are ready to begin building your virtual store. Head to the first guide to 2. Configure the Shopify plugin to start the process.