Question 1

Embed your products (3D Viewer)

Accepted Answer

Display your products in 3D by embedding the Sayduck Platform 3D viewer to any HTML website!

Embedding products

Open Embed & Export tab and Publish your product.
Copy Embed code or click Configure embed options to customize your embed code

|| You can find more info about individual parameters below.

(Optional) Choose parametes you wish to include in your viewer.
Copy and paste the code to any html website!

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

Parameters

Example embed code with multiple parameters

Multiple Viewer Per Page Support

Function: Allows users to embed multiple 3D viewer to a single page. Options:

Default:

Question 2

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. More information our supported texture maps, check out Materials (PBR Maps).

Uploading & Processing

There is no hard upload limit, but in general the maximum upload size is 50MB 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

In the Sayduck Platform, we recommend our users to use .OBJ as their primary import format. This is the oldest import format and most reliable. As secondary file formats we recommend .glTF, GLB and FBX.

Recommended file formats

.glTF (local,

Question 3

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 4

Embed USDZ Files to E-commerce Website

Accepted Answer

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.

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

Embed USDZ files to any website

(visible only for devices running iOS 12)

Open Sayduck Platform and export your product to 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).

Save and preview.

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

The USDZ file does not show your product?

Try the following:

Check your texture and model file sizes
Downscale the resolution of the model's textures to 1024x1024px
Simplify the geometry and textures
For optimal use, models should stay under 100k polygons.

||| iPhones start having serious difficulties in AR for models over 500k polygons.

Question 5

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 RGBA if you do not use texture maps.

Remove unused materials

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

Textures

Texture

Question 6

(Legacy) 3D Viewer Documentation

Accepted Answer

1 Embedding a product in a 3D Viewer 1.1 Basic embed code 1.2 Additional options 1.2.1 Size 1.2.2 Background 1.2.3 Default variant 1.2.4 Initial configuration (Configurator mode) 1.2.5 Fullscreen button 1.2.6 Light switch button 1.2.7 Dimensions 1.2.7.1 Hiding the dimensions button 1.2.7.2 Showing dimensions on page load 1.2.8 Variant picker 1.2.8.1 Hiding the picker 1.2.8.2 Show open picker on page load 1.2.8.3 Picker label (Configurator mode) 1.2.9 Photo studio button 1.2.10 Hiding the preview image 1.2.11 Hiding the hand hint 1.2.12 Loading 1.2.12.1 Variant loading 1.2.12.2 Manual loading 1.2.12.3 Load on demand (Configurator mode) 1.2.13 User interactions 1.2.13.1 Disable zooming 1.2.13.2 Disable rotating 1.2.13.3 Disable panning 1.2.13.4 Autorotate 1.2.14 hide-variants (legacy) 2 Interact with the 3D Viewer 2.1 Messages sent by the viewer 2.1.1 Loading 2.1.1.1 Loaded 2.1.1.2 Ready 2.1.1.3 Complete 2.1.2 Messages sent in configurator mode (Pro version) 2.1.2.1 Selection 2.1.3 Analytics (Pro version) 2.1.3.1 Viewer hovered 2.1.3.2 Initial interaction 2.1.3.3 Interaction session 2.1.3.4 Rotate 2.1.3.5 Zoom 2.1.3.6 Pan 2.1.3.7 Variants 2.1.4 Errors 2.1.4.1 Error 406 2.1.4.2 Error 404 2.1.4.3 Error 400 2.2 Messages listened to by the viewer 2.2.1 Calling the API 2.2.2 Public messages 2.2.2.1 Force resize the 3D Scene (iOS workaround - 04.2018) 2.2.3 Actions (Pro version) 2.2.3.1 Taking a photo of the product 2.2.4 Modelling messages (Pro version) 2.2.4.1 Getting all the mesh

Frequently Read Articles

Browse All Categories