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-swatch-texture.svg
icon-swatch-texture-delete.svg
icon-reset.svg
icon-library.svg
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

There are two ways to embed your 3D presentations in websites, just like embedding a YouTube video. Quick embedding using the native functionality of your software (if supported) or iframe embed codes.

Instant embedding

When using popular web software for work like Confluence, Canva, or Miro - you can embed your Jig just by copying and pasting the share link of your Jig into the software. JigSpace links support the oEmbed protocol, which allows web-based software to choose for users how they display links that have an embedded view of content associated with it. 

In Confluence and JIRA, by Atlassian, you can choose if you want to display a link, preview card, or embed of your Jig when you paste the URL linking to your 3D content into a Confluence page or a JIRA issue.

When you go to embed 3D content in Canva it automatically unfurls your share links into the embedded 3D viewer, so you can easily add it to a slideshow or collaborative team document. Just navigate to the page or section of your document you want the Jig to appear in, and paste the JigSpace sharing link in.

Using iframe embed codes

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. This is suited to marketing websites hosted using CMS like Wordpress, or help desk software like Zendesk.

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 Share button from the JigSpace WebAR viewer.

Copy the 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 iframe 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.

Previous featureNext feature
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