Question 1

Uploading 3D Models

Accepted Answer

Uploading 3D Models

To uploading your 3D assets, drag & drop your file(s) to the product page.

| If you are having issues uploading your assets, check out Common uploading issues

Meshes

Uploaded meshes will appear to your Meshes and to your Scene. You can also choose to add additional meshes or meshes that you have deleted back to the scene.

Drag & drop the mesh icon to the 3D viewer to add it to the Scene
Click the + icon inside the Scene to create a new Node

Uploading & Processing

All uploaded 3D assets are converted into glTF. This is the format we use internally on the viewer.

Maximum upload size per file There is a maximum upload size for assets which is around 50MB per file (OBJ). However, there is no maximum product size.

Maximum meshes per file The maximum amount of individual meshes you can upload in a single file which is around 25. If this threshold is exceeded, all meshes will be merged into one single mesh.

There is no maximum mesh amount per product but it is recommended to meshes that share materials before upload.

Maximum polygon amount There is no maximum polygon amount in the Platform, but for optimal performance, products should not exceed 200k

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

Example embed code

<div class="sayduck-3d-viewer-container" style="min-height:450px;min-width:300px;width:100%;height:100%;" data-product-uuid="f2d88b70-120a-013a-bcd8-128799098bec" data-viewer-options='{"appearance":{"background":"gray"}}'> </div><script defer type="text/javascript" src="https://viewer.sayduck.com"></script>

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

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.

If you wish to restrict certain websites from using all of your embeds you can learn how to do it in the Organization (brands).

API integration

For more detailed information, check out our

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

3D Viewer Documentation

Accepted Answer

3D Viewer Documentation

Embed code

Additional options

Size

Background

Custom theme color

Action menu

Dimensions

Hiding the dimensions button

Showing dimensions on page load

Photo studio

Hide icon

Request image

Embed button

Annotations

Hiding the annotations button

Showing annotations on page load

[Variants](/en/article/3d-viewer-documentation-o2ys62/#5-va

Question 5

Configurator API

Accepted Answer

Configurator API

To communicate with Sayduck's 3D Configurator, you can use the JavaScript API, which is based upon plain JavaScript events.. In the following sections, we detail the available messages, and their data format. You can setup event listeners to catch the events and react appropriately.

Sayduck picker

The Sayduck picker is available for all our users. It will create an simple picker that you can customize and improve to fit your theme.

```

If you do not wish to build your own picker, here is the picker from the Shareable preview. You will only need to replace the product-uuid with your products uuid found in the embed code.

```

Custom picker

The configurator API integration of a configuration revolves around matching configuration/part

Question 6

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}

1. Preparing 3D assets for the Platform

The Sayduck Platform supports most of 3D file formats, but the recommended file format is .obj. Other great choices are glTF and GLB.

| For more information, check out Preparing 3D assets for the Platform

2. Upload your 3D asset

Create a New Product from the top right corner:

Upload your 3D asset:

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

Uploaded meshes will appear to your Meshes and to your Scene. You can also choose to add additional meshes or meshes that you have deleted back to the scene.

| You can find more information from Uploading 3D Models and [Common uploading issues]([/en/article/best-practices-speed-and-performance-1lr2tcy/](/e

Frequently Read Articles

Browse All Categories