ReactifySDK · HTML

HTML installation

No bundler required. The host page loads reactify.js, which registers custom elements and fetches thread data from ReactionSaaS.

1. Add the script

Prefer defer so parsing is not blocked.

Production

<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js" defer></script>

2. Embed by template slug

Resolves the latest published configuration for that template (ideal for marketing pages).

Template

<reactify-thread template="hot-takes"></reactify-thread>

3. Embed by thread id

Use when you have a canonical thread (campaign, drop, or UGC collection).

Thread

<reactify-thread thread="thread_abc123"></reactify-thread>

4. Widget install (optional)

Set data-reactify-base to your ReactionSaaS app origin (where /api/reactify/widgets/public/… lives) when the script src is the CDN or another host. The builder copies this for you. Also uses data-reaction-widget and data-reaction-embed. Build yours in Widget builder.

Widget script pattern

<script
  src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js"
  defer
  data-reactify-base="https://reactionsaas.com"
  data-reaction-widget="wdg_yourWidgetId"
  data-reaction-embed="inline"
></script>

Performance & CSP

Allowlist the CDN origin in script-src and API host in connect-src.
Do not load the script twice; duplicate registration throws in development and wastes bandwidth.
Place the embed near content that explains the thread to improve activation (see analytics in dashboard).

← SDK playground React guide →