Question 1

Uploading 3D Models

Accepted Answer

Uploading 3D Models

Uploading 3D models to the Sayduck Platform is simple, either drag and drop your file(s) to the product page or click on Upload logo in Meshes.

We recommend you pack the 3D and texture files into a zip file or to a folder before uploading them.

Uploading & Processing

There is no hard product size limit, but in general the maximum upload size is 100MB per 3D file (which might contain multiple parts). Files over this threshold will not be processed correctly.

For optimally performance of the 3D viewer on web or Augmented Reality, we do recommend to keep each products under 10MB, including textures and all.

Merge meshes that use the same materials
10 geometries/meshes or less
200,000 polygons or less

Check out Optimizing 3D Models and Improving Viewer Performance!

| As a reference, iPhones start having serious difficulties in AR for models over 500k polygons.

Import formats

The Sayduck Platform supports the following formats: OBJ, FBX, GLB, GLTF, 3DS, 3MF, DAE and STL. We strongly recommend you use OBJ since it is our best supported and most tested format. GLB and GLTF are great alternatives which also support PBR materials.

Recommended file formats

.glTF (local, remote, embedded)
.glb
.obj+mtl

Other file forma

Question 2

Embed your products

Accepted Answer

Embedding a product in a 3D Viewer

You can embed Sayduck's 3D Viewer in your site in a matter of seconds.

Publish your product
Copy the embed code from the embed & export tab
And paste it to any HTML website.

If you do not have a website, you can test embedding the 3D viewer to https://jsfiddle.net

Viewer Restrictions

The free plan is for personal use only. To embed models on a commercial or company website, you will need to upgrade your plan.

Monthly views

Your plan determines how many views you're allowed per month. This amount refers to the total amount of views.

Free: 1000 Premium: 50 000 Business Pro: 100 000

These plans can be customized or upgraded to extend this limit.

White/black-listing URLs (Business Pro)

From your organization page, you can choose to white or black-list websites.

Additional options

There are customize options available when embedding the 3D Viewer in your website. All of these options can be found in the customize embed code tab and easily applied to the embed code.

Check out 3D Viewer Documentation for further information.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/customize-embed3_14

Question 3

Embed AR Files to your E-commerce Website

Accepted Answer

Embed USDZ files to any website

Experience AR content in Apple iOS 12 devices with USDZ files. These files use AR Quick Look and allow AR content to be viewed and shared on Safari, Messages, Mail and Files.

This feature requires the device to support ARKit. You can find a list of the supported devices from https://forums.developer.apple.com/thread/122024

Just Upload your .OBJ files to the Sayduck Platform and export them as USDZ.

Open Sayduck Platform and export your product as USDZ
Upload an image and the USDZ file to your server or media library
Add a link to the USDZ file (with rel="ar") and the image tag inside the link (see the code below).

<a href="http://example.com/file.usdz" rel="ar"> <img src="http://example.com/image.jpg"> </a>

Save and preview.

If you are having trouble, don't hesitate to contact us!

Embed GLB files to any website

Create AR content on Android devices with GLB files. These files use Google Scene Viewer and allow AR content to be viewed on Android devices.

Open Sayduck Platform and export your product as GLB
Add GLB file to your server or media library
Create an encoded link to your GLB file

Paste code below to your DevTools console to encode your URL:

encodeURIComponent('your-url-here')

Embe

Question 4

First Steps in the Platform

Accepted Answer

Building your first product

To create a Product in the Sayduck Platform, you need a 3D model. There are plenty of ways to create 3D models, but if you are in need of 3D modelling services, Contact us!

Here is a video that shows you how to build the Sayduck Tutorial product from the Sample 3D Files.

${youtube}

Prepare files

The Sayduck Platform supports most of 3D file formats, but the recommended file format is .obj. Other great choices are glTF, GLB and FBX. Here you can find out more on Uploading 3D Models

New Product

Now that you have a 3D model ready, it’s time to upload. First, log in to the Sayduck Platform.

Once you’re logged in, create a New Product from the top right corner:

Click the Upload icon in the meshes or,
Drag and drop your files on the page.

Edit your 3D Scene

Ones your model has been loaded you can move, rotate, and zoom your model by clicking, dragging, and scrolling in the Sayduck 3D viewer. Check out Navigation for more information!

Now create a New Material and apply your texture maps to the map slots.

Drag & drop your Texture file to the Map Slot or,
Click the Map Slot and choose a texture

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/texture3pz8nq

Question 5

Embed Products to Shopify

Accepted Answer

Embed Products to Shopify

Embedding the Sayduck 3D viewer to Shopify is very simple. Here is a video that follows our help article and uses the information in it to embed the Sayduck 3D viewer to the Shopify default theme. Just follow along!

${youtube}

Create a metafield for your Shopify product

Create a metafield for your Shopify product, where you can store the matching Sayduck's product UUID for each of your Shopify products.

For example, create the metafield sayduck.product-uuid (namespace: "sayduck" and key: "product-uuid").

Locate product UUID

You can get the Sayduck product's UUID from the 3D Viewer embed code:

<div id="sayduck-3d-viewer-container" style="min-height:450px;min-width:300px;width:100%;height:100%;" data-product-uuid="f9340390-2087-0137-a0d4-6eec82cfb9d4"></div><script type="text/javascript" src="https://viewer.sayduck.com"></script>

It's the value of the data-product-uuid attribute and look something like: f9340390-2087-0137-a0d4-6eec82cfb9d4

Save it as the value for the metafield you created at step 1 for all products that you have published in 3D on the Sayduck Platform.

Metafield example

Embed 3D viewer

Paste a 3D Viewer embed code where you want it to be visible - most likely in your Single Product page's template code, for example replac

Question 6

Materials and textures

Accepted Answer

The Sayduck platform supports Physical Based Rendering (PBR) which provides realistic materials and image-based lighting.

Materials

The Sayduck Platform supports multiple materials and objects in the scene. Creating and assigning materials to different parts of the product are important in building quality products. Remember to give each material a unique name and merge materials with the same properties.

Assign Materials to meshes

There are two ways to assign Materials from you Resources to meshes:

Drag & dropping the material icon to a node in the scene or
Select a node and choose a material from the drop down.

Why is my product white?

Uploaded models with no textures or material details are given a default material on Upload. You can then edit this material or create and assign new materials to your product.

Colour

You can add colour to your model by adjusting the RGB(A) if you do not use texture maps.

Adjust Alpha value for transparency.

Remove unused materials

You can clear out unused Materials and Texture by clicking the icon on the top right corner.

![](https://storage.crisp.chat/users/helpdesk/website/cae6f284ce714800/unused_mater

Frequently Read Articles

Browse All Categories