ReactionSaaS
Documentation

Image embeds (ReactionSDK)

ReactionSDK can anchor tap, poll, slider, and rating overlays to still images you already publish—PDP heroes, gallery frames, and landing heroes—using the data-reaction-image host pattern from your campaign embed snippet. The SDK injects the image from your campaign config and reveals the overlay on scroll (no multi-step video timeline on image creatives).

When to use it

  • Path-to-purchase signals on product visuals without producing another video.
  • Shopify, ClickFunnels, WooCommerce, WordPress: theme sections, blocks, or custom HTML where you control the wrapper around the image.
  • Pair with the Commerce funnel pack for three starter intents (Decision Pulse, Post add-to-cart, Pre-checkout).

Host pattern

Create an image campaign in the dashboard, then copy the embed from campaign detail. Mount the empty host node the snippet describes; the SDK fills the image from your campaign configuration (compressed display URL—not original file storage on our side for the typical flow).

<!-- Paste the snippet from Dashboard → Campaign (image) → Copy embed — it includes the host markup -->
<div
  data-reaction-image
  data-reaction-overlay="YOUR_CAMPAIGN_OVERLAY_KEY"
  style="max-width: 640px; margin: 0 auto;"
></div>
<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js"></script>

Allowlist your production hostnames in the dashboard. Image overlay campaigns are ReactionSDK distribution only (not ReactifySDK embed product).

Next steps