Embed content – Visualbook

Embed content

On this page

Embedded content (Embed) – what this section does

The Embedded content (Embed) section connects your brand manual to the tools where assets already live—slides, folders, and designs render as a live preview without copying everything into the page by hand. Need dedicated video players with richer controls? Use Video & animations.

Warning

Canva, Google Drive, and Figma enforce their own sharing rules—without “anyone with the link” (or equivalent), readers may not see the embed.

Display variants

  • Canva – drop a Canva design straight into the manual; updates to the source template flow through to readers
  • Google Slides – full decks from Google Drive as an interactive on-page preview
  • Google Drive – embed a folder or curated files as a browsable snapshot
  • SlideShare – host archived corporate decks from SlideShare alongside fresher guidelines content
  • Figma – surface prototypes or UI kits so reviewers don’t need their own Figma seat

When to use it

  • Pair social templates, one-pagers, or internal kits with the official brand outputs
  • Training decks and roadmap presentations that iterate frequently in Google Slides
  • Expose template libraries or bundled guideline PDFs through Google Drive embeds
  • Preserve legacy SlideShare narratives next to up-to-date toolkit sections
  • Give developers and partners a quick view of UI flows straight from Figma

Variant: Canva

Share any graphic from Canva directly in Visualbook. The content displayed is always up-to-date.

Open in Canva

Open

How to do it:

  1. Open your Canva design
  2. Click "Share" → "More" → "Embed"
  3. Copy the LINK (not the embed code!) – e.g. https://www.canva.com/design/ABC123/view
  4. Paste the link into the "URL to embed content" field
  5. Done! The design will be automatically displayed to visitors

What to insert:

✅ Link (URL)
❌ HTML embed code

Variant: Google Slides

Share Google Slides presentations.

Open in Google Slides

Open

How to do it:

  1. Open your Google Slides presentation
  2. Click File → Share → Everyone who has the link
  3. Click on "Copy Link"
  4. Paste the link in Visualbook in the "URL to embed content" field
  5. Done! The presentation will automatically display to visitors with the controls

What to insert:

✅ Link (URL)
❌ HTML embed code

Variant: Google Drive

Share files and folders from Google Drive directly in Visualbook.

Open folder

Open

How to do it:

  1. Open the Google Drive folder
  2. Set permissions to "Anyone with the link can view"
  3. Copy the LINK from the folder – e.g. https://drive.google.com/drive/folders/ABC123
  4. Paste the link into the "URL to insert content" field
  5. Done! Folder will be displayed with the option to toggle grid/list view

What to insert:

✅ Link (URL)
❌ HTML embed code

Variant: SlideShare

Share presentations from SlideShare.

Open SlideShare

Open

How to do it:

  1. Open the SlideShare presentation
  2. Click on the three dots → Share → Link
  3. Copy the LINK – e.g. https://www.slideshare.net/slideshow/…
  4. Paste the link into the "URL to embed content" field
  5. Done! The presentation will be displayed to users

What to embed:

✅ Link (URL)
❌ HTML embed code

Variant: Figma

Share wireframes, prototypes and other designs directly from Figma. The advantage for users is that they don't need to have a Figma account.

Open in Figma

Open

How to do it:

  1. Open your Figma file
  2. Click on "Share" → "Copy link"
  3. Copy the LINK – e.g. https://www.figma.com/design/ABC123/project-name
  4. Paste the link into the "URL to embed content" field
  5. Done! The design will be automatically displayed to Visualbook users

What to insert:

✅ Link (URL)
❌ HTML embed code