Table Embeds ❺

Embed tables and more, directly from sources such as Google Docs.

RELEASED in SA5 v5.3.13

Goals

• Embed tables from Google Docs directly in your Webflow pages

• Support embedding in;

  • Standalone elements

  • Rich text blocks

  • CMS-bound rich text blocks

• Support specific content formatting

  • Bulleted lists

  • Links

• Remove all other content formatting to be brand-compliant

Demonstration

Here's a demo of SA5 embedded tables in action;

https://www.sygnal.com/lessons/client-seats

And the source content;

https://docs.google.com/document/d/1rIWGo3yUQvEfJNDrykgP7amqSdI5p45USXpVQGHj6rc/edit?tab=t.0

Here's how and why to integrate them;

Usage Notes

STEP 1 - Add the Library

First, add the library as detailed in Quick Start.

STEP 2 - Prepare your Google Doc Table

Make certain to make the document read-only to anyone with the link.

STEP 3 - Create an Embed Where you Want the Table

• Either standalone in your page design

• Or within static rich text content

• Or within CMS-stored rich text content

Paste this in.

Replace the src with your own document.

<script type="wfu-embed">
{
  "type": "gdoc",
  "version": "1",
  "src": "https://docs.google.com/document/d/1CFPmlJ0WmYbtQCyf8NaVCilnxfc0ah9wpm4XpE2b4zo/edit",
  "selector": "table:eq(0)",
  "theme": "default"
}
</script>