Help Center

Helpful information and guides on all JigSpace features and functions.

This icon list section is only visible in Designer and Editor View. On live page you will not see this icon list.

icon-check.svg
icon-team-black.svg
icon-explode.svg
icon-visible.svg
icon-view.svg
icon-video.svg
icon-unlocked.svg
icon-unlock.svg
icon-undo.svg
icon-target.svg
icon-sub-object-mode.svg
icon-stop.svg
icon-start-recording.svg
icon-select-all.svg
icon-scale.svg
icon-save.svg
icon-rotate.svg
icon-rotate-blue.svg
icon-remove.svg
icon-redo.svg
icon-record.svg
Icon previous.svg
icon-previous-step.svg
icon-play.svg
icon-pause.svg
icon-paste.svg
icon-ok.svg
icon-offline.svg
icon-object-mode.svg
Icon-next.svg
icon-next-step.svg
icon-multiselect.svg
icon-move.svg
icon-more.svg
icon-more-settings.svg
icon-mic-on.svg
icon-mic-off.svg
icon-locked.svg
icon-lock.svg
icon-lasso-select.svg
icon-lasso-deselect.svg
icon-label.svg
icon-knowledge.svg
icon-invisible.svg
icon-information.svg
icon-home.svg
icon-flatmode.png
icon-duplicate.svg
icon-dropper.svg
icon-delete.svg
icon-delete-audio.svg
icon-copy.svg
icon-colour.svg
icon-camera.png
icon-back.svg
icon-audio.svg
icon-ar.svg
icon-all.svg
icon-all-previous.svg
icon-all-after.svg
icon-add-user.svg
icon-add-steps.svg
icon-add-object.svg
icon-3d-object-blue.svg
icon-3d-icon.svg
Embedding Jigs in websites

Embedding Jigs in websites

You can embed JigSpace 3D presentations anywhere that supports an HTML iframe, just like embedding a YouTube video.

Copy embed code

You can copy the iframe embed code from either the JigSpace app, or when viewing a Jig on a web browser in the WebAR viewer.

From the JigSpace apps

Navigate to the Jig you wish to embed, and click on the Share button.

Then click on the embed tab and 'Copy embed code'.

Copy embed code from the JigSpace app to get embeddable iframe of your 3D content

From the JigSpace WebAR viewer

Click on the 'Get embed code' link from the JigSpace WebAR viewer.

To embed your Jigs on another website, copy the iframe embed code from the pop-up and paste it into your website's HTML code. This will work almost anywhere on the web - if the HTML iframe tag is supported.

Implement embed code

Pass the iframe embed code on directly to your website manager or web development team. Or, implement yourself with the following steps:

  1. Open your website or CMS editor (Hubspot, SharePoint, etc), and navigate to either the HTML code view, or iframe widget, usually indicated by a </> icon.
  2. Scroll to the part of the page or where you want the Jig to display.
  3. Paste the iframe code sent to you (it will look like this below).

Customize your embedded view

By clicking on the Customize tab in the Share your Jig panel, you can customize how a Jig loads and displays when embedded. Options include:

  • Start Jig on specific step number (i.e. step no. 5)
  • Show or hide background
  • Automatically load or wait for user to initiate
  • Autoplay on load
  • Seconds delay for each step when autoplaying
  • Loop, if autoplaying.

Configure your custom branding

Custom branding is set on your account level (for all your content).

Follow these instructions to configure your custom logo, color, and team name.

Visibility Settings

For a Jig to be viewed in the embedded viewer, it must have a visibility setting of Anyone with link can view. To adjust these settings, click the dropdown in the sharing panel.

Embed in 3rd party web platforms

You can also embed models on specific websites platforms and web-based software.

See examples below.

Get in touch with us.

Have a question?
Get in touch!

The team at JigSpace is always happy to help.

Email us at any time and we’ll be here to help you get the most out of your JigSpace experience.
Get in touch