ReactifySDK · HTML
No bundler required. Set reactifyWprtEmbed.apiKey before reactify.js (same as WordPress) so "React To This" opens an in-page modal instead of leaving the page.
1. Recommended: apiKey + thread (in-page popup)
Base URL is https://api.reactionsaas.com. Prefer a concrete thread id for beat/stitch modals.
Bootstrap + thread embed
<script>
window.reactifyWprtEmbed = {
base: "https://api.reactionsaas.com",
apiKey: "YOUR_PUBLISHABLE_API_KEY"
};
window.reactifyShopifyEmbed = window.reactifyWprtEmbed;
window.REACTIFY_EMBED_BASE = "https://api.reactionsaas.com";
</script>
<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js?v=1.1.34" defer></script>
<reactify-thread thread="thread_abc123" data-base="https://api.reactionsaas.com"></reactify-thread>2. View-only / template preview (optional)
Without apiKey, the thread still renders, but "React To This" / "Stitch this" become links to https://api.reactionsaas.com/reactify/record.
Template (no popup)
<!-- View-only — CTAs open https://api.reactionsaas.com/reactify/record without apiKey -->
<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js?v=1.1.34" defer></script>
<reactify-thread template="hot-takes"></reactify-thread>3. Widget install (optional)
Still bootstrap apiKey when you want in-page recording from widget surfaces. Build widgets in Widget builder.
Widget + apiKey
<script>
window.reactifyWprtEmbed = {
base: "https://api.reactionsaas.com",
apiKey: "YOUR_PUBLISHABLE_API_KEY"
};
window.reactifyShopifyEmbed = window.reactifyWprtEmbed;
</script>
<script
src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js?v=1.1.34"
defer
data-reactify-base="https://api.reactionsaas.com"
data-reaction-widget="wdg_yourWidgetId"
data-reaction-embed="inline"
></script>Performance & CSP
- Allowlist the CDN in
script-srcandhttps://api.reactionsaas.cominconnect-src. - Do not load the script twice.
- Verify:
window.reactifyWprtEmbed?.apiKeyis set and CTAs are buttons, nottarget="_blank"links.