Webviewer

This icon list section is only visible in Editor View. On live page you will not see this icon list. Scroll to check all icons.
icon-paste.svg
icon-copy.svg
icon-offline.svg
icon-camera.png
icon-flatmode.png
icon-record.svg
icon-audio.svg
icon-pause.svg
icon-play.svg
icon-delete-audio.svg
icon-start-recording.svg
icon-stop.svg
icon-undo.svg
icon-redo.svg
icon-back.svg
icon-mic-on.svg
icon-target.svg
icon-mic-off.svg
icon-add-user.svg
icon-video.svg
icon-more-settings.svg
icon-next-step.svg
icon-previous-step.svg
icon-more.svg
icon-all-after.svg
Icon previous.svg
icon-ok.svg
Icon-next.svg
icon-all.svg
icon-all-previous.svg
icon-unlocked.svg
icon-locked.svg
icon-select-all.svg
icon-invisible.svg
icon-visible.svg
icon-label.svg
icon-add-object.svg
icon-information.svg
icon-add-steps.svg
icon-remove.svg
icon-lasso-select.svg
icon-lasso-deselect.svg
icon-multiselect.svg
icon-duplicate.svg
icon-delete.svg
icon-rotate-blue.svg
icon-3d-object-blue.svg
icon-3d-icon.svg
icon-knowledge.svg
icon-view.svg
icon-unlock.svg
icon-sub-object-mode.svg
icon-scale.svg
icon-save.svg
icon-rotate.svg
icon-object-mode.svg
icon-move.svg
icon-lock.svg
icon-home.svg
icon-dropper.svg
icon-colour.svg
icon-ar.svg

Jigs will be available in a browser soon… users won’t need an app to view 3D step by step presentations. Jigs can be embedded in your own websites, knowledge-bases, or content management. The feature is invite-only and will launch to all users in Q1 2022.

Contact us if you wish to try this earlier.

Embedding Jigs into your website

Early Pro users who have access can follow these instructions to add Jigs into their web-based content systems.

Iframe in source code:

Pass the iframe code directly on to your website manager or web development team. Or, if you want to self-serve this yourself:

  1. Open your website or CMS editor (Hubspot, SharePoint, etc), and navigate to either the HTML code view, usually indicated by a < > icon
  2. Scroll to the part of the page or <div> where you want the Jig to open
  3. Paste the iframe code sent to you (it will look like this below).
<iframe src="https://viewer.jig.space/?jig=o7LLRx7d" align="middle" scrolling="no" width="100%" height="640" frameborder="0"></iframe>

Paste directly as a URL

Some content platforms, like Notion or Confluence, will automatically embed a Jig from its URL.

To do this, simply paste the URL into the editing page and follow the instructions. Or search ‘add iframe’ in the list of components that can be added to a page and follow the instructions.

Demonstration Pages

To see some examples of the JigSpace web viewer in different web-environments, click below.

Display Options

Jigs can be configured to appear differently, by appending parameters to the end of the URL inside the iframe. For example:

  • sbox=0 for a transparent background color, sbox=1 to show background color
  • stage=1 (replace 1 with the step you want to load on).

An example of the above parameters being added to a URL would be:

<iframe src="https://viewer.jig.space/?jig=o7LLRx7d&sbox=0&stage=3" scrolling="no" scrolling="no" width="100%" height="640" frameborder="0"></iframe>