Skip to main content
OCLC Support

Embed Sketchfab 3D

  1. Last updated
  2. Save as PDF

 Link:  See a live example.

 View:  View source code in CONTENTdm Cookbook Demo Site.

Sketchfab is an excellent platform that lets you upload 3D models and also provides a nice viewing experience. This recipe is similar to Embed external video stream. It will let you embed an external Sketchfab 3D object into a CONTENTdm item page using the viewer.

Screenshot of an Embed Sketchfab 3D image in CONTENTdm

For this recipe to work, your item needs to be either a URL item or a regular item that contains a URL in a metadata field. The URL will point to the 3D object hosted on sketchfab.com (See example). For the latter, you need to specify the metadata field's nickname that contains the URL. The demo uses the field Source to store the URL, with nickname source. You should replace the string source with nickname of your chosen metadata field in the JavaScript file in this line (2 occurrences):

const url = embedSketchfab.getUrl('source');

And of course replace the collection alias with your designated collection alias:

  let collectionScope = [
    'p15700coll2'
  ];

Then you should be able to view the Sketchfab object in your CONTENTdm site.