Profile Picture

Embed Sketchfab 3D Viewer on Product Page to Display Your Content

Posted By Miranda (RL) 7 Years Ago
You don't have permission to rate!

Embed Sketchfab 3D Viewer on Product Page to Display Your Content

Author
Message
Miranda (RL)
Miranda (RL)
Posted 7 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)Distinguished Member (62.8K reputation)

Group: Administrators
Last Active: 2 Years Ago
Posts: 1.8K, Visits: 11.2K
Hi 3D Developers,

Sketchfab viewer is a good tool for you to demonstrate 3D models. With CC 2.0 launch, the new “Upload to Sketchfab” function lets you directly publish 3D characters straight to Sketchfab to share your content. You can export the character along with its motion clips, facial morph expressions, and PBR textures. This allows users to see the details of 3D character asset and animate it in real-time. 
We encourage you to upload your creation to Sketchfab, and share the link on the product page in Marketplace. Smile

--- New Method (effective on July 19th) --- 
Developer can insert multiple Sketchfab links on the product edit page of the Marketplace backend, and the Sketchfab 3D viewer will be directly embedded on the product page.
https://forum.reallusion.com/uploads/images/ff3bd5c8-9f04-4dd6-9b66-875e.png

>> Know more about this update.


--- Old Method ---
The following is a simple instruction to build in Sketchfab viewer on the webpage.
  • Step 1: Upload the model to Sketchfab.
  • Step 2: Click the "</> EMBED" button under the 3D viewer.
  • Step 3: Copy the IFRAME code
    https://forum.reallusion.com/uploads/images/e8ea9613-1373-4de4-ad37-24c9.jpg

  • Step 4: Go to the Marketplace backend, and paste the embed code on the "description" area in the "Edit Code" mode.
    https://forum.reallusion.com/uploads/images/13d412d5-bff5-4d4f-ba89-5fef.jpg

  • Step 5: Replace the "p" with "span"
    p style -→ span style
    /p → /span
https://forum.reallusion.com/uploads/images/1a7fc954-f560-430f-9d56-dbff.jpg

  • Step 6: Now you can see the Sketchfab viewer is embedded on the product page.
    https://forum.reallusion.com/uploads/images/b7e417aa-7ad3-4734-837b-49ef.png

Edited
6 Years Ago by Miranda (RL)



Reading This Topic