Table Embeds ❺🧪

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

RELEASED in SA5 v5.3.13

Currently in BETA.

Embed content from Google Docs directly in your Webflow pages.

Embedding Tables from Google Docs

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

Usage Notes

Create a Google Document containing the table(s) you want.

n HTML Embed or plain-text element on your page, data-bound to the CMS if you like.

wfu-decode attribute

Add this to the HTML Embed element you want the contents decoded for. No value needed.

Note that the CSS will hide this element initially until after it’s decoded, at which point we make it visible.

Getting Started ( NOCODE )

STEP 1 - Add the Library

First, add the library as detailed in Quick Start.

STEP 2 - Apply wfu-decode to the HTML Embed element you want to decode

See above for details.