Skip to content

preview-3d-scans.md

Latest commit

 

History

History
42 lines (33 loc) · 2.55 KB

preview-3d-scans.md

File metadata and controls

42 lines (33 loc) · 2.55 KB
sidebar_position 8
title Tutorial: Using BITBYBIT PREVIEW with a 3D Scanned Product
sidebar_label Preview with 3D Scan
description Learn how to use the BITBYBIT PREVIEW block in Shopify's "3D Bits" app to embed a Bitbybit project featuring a 3D scanned product onto your e-commerce store.
slug /shopify/tutorials/preview-3d-scan
tags
shopify
3d-bits

Using BITBYBIT PREVIEW With a 3D Scanned Product

What's Inside This Tutorial?

The BITBYBIT PREVIEW theme app extension block, part of our "3D Bits" Shopify app, allows you to embed publicly available Bitbybit projects directly onto your Shopify product pages. While these embedded 3D experiences generally cannot be configured by Shopify product variants in the same dynamic way as with the RUNNER or VIEWER (with Scene Config JSON) blocks, they are excellent for showcasing rich, unique, and interactive 3D product presentations, including those featuring 3D scanned products.

This tutorial, led by Matas Ubarevičius, will guide you through:

  • Setting up a Shopify product template to use the BITBYBIT PREVIEW block.
  • Understanding and configuring the necessary product metafields, specifically the "3D Bits Model Url."
  • Locating the correct "preview URL" for your scripts on the Bitbybit platform.
  • Linking this preview URL to your Shopify product to display your 3D scanned model or interactive scene.

Prerequisites:

  • It's assumed you have already installed the "3D Bits" app in your Shopify store.
  • You have a Bitbybit project (containing your 3D scanned model or a scene using it) that is published as "Public."

Video Tutorial: BITBYBIT PREVIEW Block with 3D Scans

Watch this step-by-step guide on how to configure and use the BITBYBIT PREVIEW block:

<iframe width="560" height="315" src="https://www.youtube.com/embed/xU5seV1NQ5o" title="Tutorial: Using 3D Bits App For Shopify With BITBYBIT PREVIEW Theme App Extension Block for 3D Scans" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen> </iframe>

By following this tutorial, you'll learn how to effectively leverage the BITBYBIT PREVIEW block to integrate compelling 3D scanned product experiences from Bitbybit into your Shopify store, providing your customers with an engaging way to explore your products.