Velantio
All docs

Embedding

Drop your table into Squarespace, Ghost, Webflow, raw HTML — anywhere a script tag runs.

The snippet

Open any table → Embed tab → click Copy. You'll get two lines:

<div data-velantio="YOUR_TABLE_ID"></div>
<script async src="https://velantio.com/v1/e.js"></script>

That's it. The script is under 1 KB gzipped, doesn't load any framework, and doesn't set cookies on your visitors. It scans the page for [data-velantio] slots and hydrates each one with the table's HTML + CSS.

You can embed the same table in multiple places, and you can embed multiple different tables on the same page — the script tag only needs to appear once per page.

Where it works

Plain HTML / static sites

Paste the two lines anywhere in your <body>. That's it.

Squarespace

In the editor, add a Code block. Paste the snippet. Save.

Ghost

Use a HTML card in the editor. Paste the snippet. Publish.

Webflow

Add an Embed element where you want the table, paste the snippet, publish.

Notion (via Super, Potion, etc.)

If your Notion publisher supports raw HTML embeds, paste the snippet there. Plain Notion pages don't support <script> tags.

WordPress

You can paste the snippet into a Custom HTML block, but for SSR and better SEO use the Velantio WordPress plugin instead.

How it actually works

  1. The script reads every [data-velantio="TABLE_ID"] slot on the page.
  2. For each, it fetches https://velantio.com/v1/t/{id} (server pre-renders the HTML + CSS; the JSON is cached at Cloudflare for 5 minutes with stale-while-revalidate).
  3. The HTML goes into the slot, the CSS gets injected into <head> once per page.
  4. A view beacon fires via navigator.sendBeacon for analytics.
  5. Each product's CTA points at /v1/c/{id}?asin=... — clicks log the event and 302 to Amazon with your partner tag.

Performance

  • Bundle: ~1 KB gzipped, cached for a year
  • JSON: ~3–8 KB per table, cached 5 min at edge
  • No render-blocking, no font fetches, no images bundled

The embed runs strictly after DOMContentLoaded, so it doesn't delay your page's First Contentful Paint.

Cache and edits

When you edit a table in the dashboard, we purge the cached JSON from Cloudflare immediately. Visitors see the new content within the next page view. If a visitor's page is already loaded, they keep the old version until reload.

Mobile

Themes are responsive. The Clean theme switches to a scrollable table on narrow screens. Modern and Editorial stack rows by default. Test on your blog before launch.