Roastify Docs

The 3D preview feature lets you showcase your product designs in an interactive 3D format. Share these previews with collaborators, customers, or on social media to generate excitement about your coffee brand.

Each product has a 3D preview that shows your design on the actual product from multiple angles. You can share this as:

Direct Link

A shareable URL that anyone can view

Embed Code

HTML to embed on your website

Go to Products in the navigation

Find the product you want to share

Click the three dots menu (⋮) on the product

Select Share 3D Model

When you open the share dialog, you'll see two options:

Direct Link

Copy the direct link to share your 3D product preview anywhere - email, social media, messaging apps, or your website. Click the copy button next to the link to copy it to your clipboard.

Embeddable iframe

Copy the iframe code to embed the 3D viewer directly into your website. The embed code is ready to use:

<iframe
  src="https://viewer.roastify.app?productType=YOUR_PRODUCT_TYPE&artworkUrl=YOUR_ARTWORK_URL"
  width="100%"
  height="100%"
  style="border: none;"
></iframe>

You can adjust the width and height attributes to fit your website layout.

Shareable links don't require login to view. Anyone with the link can see your 3D preview.

Use Cases

Getting feedback - Share with friends, family, or potential customers before finalizing your design
Marketing - Add to your website product pages or share on social media
Collaboration - Send to business partners or team members for approval

Anyone with your share link can view the 3D model. Only share links for products you're ready to make visible.