Big Commerce

Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Bigcommerce website

Introduction:

SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) Integration for Bigcommerce, you can easily integrate SwiftXR Projects into your Bigcommerce stores/websites, enabling you to create immersive and interactive web experiences.

Creating a Project in SwiftXR

  • Navigate to the SwiftXR Hub: Begin by visiting the SwiftXR Hub, or alternatively click on this link: https://swiftxr.io/hub

  • Initiate Project Creation: Once on Hub, click the “Create Project” button and enter your desired project name.

  • Design or Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.

Publishing your SwiftXR Project

Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the “Publish” or “Update” button to make your project live.

Copy Embed Code

After publishing, click the dropdown button beside the “Update” button and select “Share.” Within the Share modal, click the “Copy Embed” button to copy the embed code for your project

Integrating SwiftXR into Bigcommerce Store

  • Go to Bigcommerce login or alternatively, click on this link: https://login.bigcommerce.com/

  • Enter your store credentials and access your store admin dashboard.

  • From your Bigcommerce dashboard, navigate to “Products” and click on “Add new”

Add essential information about your Product

Describe how your product would appear in the Storefront which includes the product name, the quantity of such product and so on

Add your SwiftXR Embed Code

  • In the description below, after describing your product, in the top right corner, you’d see an HTML symbol that looks like this “<>”, click on it and embed your SwiftXR code in it.

  • When done, click on “Save” and then click on “View storefront” to explore your product.

Click on your Product from the Storefront

  • After clicking on “View Storefront”, it would direct you to this page where you would see your product, you will click on it

Viewing your product on the Storefront

  • After clicking on your product, you will be redirected to this page below where you can see what your product looks like in the Storefront

Experience your Product in 3D/AR

  • You can now view the product immersively with the help of SwiftXR in making the product in a 3D format, enabling you to see all the sides of the product.

Conclusion

By embedding SwiftXR into your Bigcommerce store, you can provide customers with an interactive 3D and AR shopping experience. Whether you add it through the page builder, custom fields, or theme files, the integration allows shoppers to explore your products in details before making a purchase. This not only improves customers engagement but can also increase conversion rates and reduce product returns.

Last updated

Was this helpful?