Canva is a very flexible design platform to create page-based documents or slide-based presentations for your work or education projects. Your 3D animations and presentation steps in JigSpace will add an extra level of engagement or technical depth to your Canva files.
To embed your JigSpace content inside Canva, follow these steps.
Embed 3D in Canva Presentations
Copy the share link to your JigSpace content. This will look similar to this https://link.jig.space/0D4MGjrRatb
Don't use the 'copy embed code' option from JigSpace, as custom iframes are not supported inside Canva Presentations.
Go to your Canva presentation, and select the slide on which you wish your 3D content to appear.
Paste your link in by typing Ctrl+V (Windows) or cmd+V (macOS). Alternatively you can select Edit > Paste from your browser menu.
Your JigSpace content will appear instantly, and load when in presentation mode from your default first step.
Things to consider
You can interact with your Jig inside the Canva presentation, as in a web-browser. Depending on your presentation style, you may wish for the Jig presentation to autoplay through your steps to make it easier for you to continue talking without interacting with the content.
You can also click on the 'View in AR' button on your Jig, and it will display a QR code that your audience can scan with the camera on a smartphone or tablet.
Embed 3D in Canva Docs
Go to the section of your doc where you want to insert the content and type the / command to bring up the content block menu.
Type "Embed" and click on the Embed </> option and paste your Jig link or embed code copied from JigSpace into this field.
Canva docs supports both JigSpace's quick embedding from a link, as well as custom iframe codes.
Your content will then be instantly previewed within your Canva doc.
Where to get your JigSpace custom iframe embed code
- Open your JigSpace application or open a Jig sharing link in your browser
- Locate the Jig 3D presentation you want to embed and click on the 'share' button.
- Copy the 'embed code', and optionally customize settings like autoplay and background transparency.