Installing an Embed

Installation

1. Create an embed

In the dashboard, go to Account → Embeds

Click New Embed

Configure it in the embed editor (theme, placement, colors, button label, heading text)

Save

2. Copy the script tag

The dashboard shows a unique script tag for your embed. It looks like this:

<script type="text/javascript" src="https://.../<embed-id>.js"></script>

Always copy the exact script tag from your dashboard — the URL contains your embed’s unique ID.

3. Add it to your site

Paste the script tag before the closing </body> tag on every page where you want the embed to appear. The trigger button renders where the tag is placed.

<!DOCTYPE html>
<html>
  <head>...</head>
  <body>
    <!-- Your app content -->

    <!-- updates.page embed (copy your exact tag from Account → Embeds) -->
    <script type="text/javascript" src="https://.../<embed-id>.js"></script>
  </body>
</html>

That’s it — clicking the button opens the slide-over panel with your latest posts.

Using your own trigger

Don’t want the default button? In the dashboard embed editor, set the embed’s action style to custom. This hides the default button so you can open the panel from your own UI using the JavaScript API:

<button id="whats-new">What's New</button>

<script>
  document.querySelector('#whats-new').addEventListener('click', () => {
    window.UpdatesPage.open("<embed-id>")
  })
</script>

See the JavaScript API page for details.

Framework notes

The embed is a plain script tag, so it works with any framework. Inject it once in your root layout or app shell:

React

import { useEffect } from 'react'

function App() {
  useEffect(() => {
    const script = document.createElement('script')
    script.type = 'text/javascript'
    // Use the exact URL from your dashboard (Account → Embeds)
    script.src = 'https://.../<embed-id>.js'
    document.body.appendChild(script)

    return () => document.body.removeChild(script)
  }, [])

  return <div>...</div>
}

Next.js

Use the Script component in your root layout:

import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <>
      {children}
      {/* Use the exact URL from your dashboard (Account → Embeds) */}
      <Script src="https://.../<embed-id>.js" strategy="lazyOnload" />
    </>
  )
}

Vue

<template>
  <div>...</div>
</template>

<script>
export default {
  mounted() {
    const script = document.createElement('script')
    script.type = 'text/javascript'
    // Use the exact URL from your dashboard (Account → Embeds)
    script.src = 'https://.../<embed-id>.js'
    document.body.appendChild(script)
  }
}
</script>

Getting Started

Announcements

Portal

Embeds

Team

Billing

Installing an Embed

Installation

1. Create an embed

2. Copy the script tag

3. Add it to your site

Using your own trigger

Customizing the look

Framework notes

​Installing an Embed

​Installation

​1. Create an embed

​2. Copy the script tag

​3. Add it to your site

​Using your own trigger

​Customizing the look

​Framework notes

Installing an Embed

Installation

1. Create an embed

2. Copy the script tag

3. Add it to your site

Using your own trigger

Customizing the look

Framework notes