ReactionSaaS ships two separate Shopify apps: ReactionSDK (overlays on reaction-video / plain video) and ReactifySDK (recorded reactions and threads via reactify-thread). Install the app that matches your product.
Overlay template settings below apply to plain HTML5 video tags (data-reaction or attach-all). They do not configure reaction-video embeds—set poll-question, poll-options, overlay-timing-seconds, and related attributes on the tag. Dashboard campaign hosts (data-reaction-video + campaign id) use your ReactionSaaS campaign config only.
1) ReactionSDK — install the Shopify app
Install ReactionSDK by ReactionSaaS from the Shopify App Store (or connect from ReactionSaaS). The embedded app opens at https://www.reactionsaas.com/integrations/shopify/reactionsdk inside Shopify Admin. Use the dashboard page when linking a store from a logged-in ReactionSaaS account.
- Embedded app (Partner Dashboard App URL):
https://www.reactionsaas.com/integrations/shopify/reactionsdk - Dashboard (account linking):
https://www.reactionsaas.com/dashboard/integrations/shopify/reactionsdk - Storefront loader: ScriptTag →
sdk.js
Alternative: paste reaction_sdk.liquid in your theme or use the manual theme pack.
<!-- Add to theme.liquid (before </body>) -->
<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js" defer></script>2) Embed video
Choose one embed style. Theme overlay settings in the app or theme editor apply only to plain video tags—not to reaction-video.
<!-- Add to a section/snippet where your product video renders -->
<reaction-video src="{{ product.featured_media | media_url }}"></reaction-video><!-- Theme / app overlay settings apply to plain video tags -->
<video
data-reaction
data-reaction-video-id="product-hero"
src="{{ product.featured_media | media_url }}"
controls
></video>3) Configure overlays
On reaction-video, set interaction-type, poll-options, and overlay-timing-seconds on the tag. Poll overlays need poll-options (comma-separated). Timing is seconds of playback before the overlay appears.
<!-- reaction-video: configure overlays on the tag (not theme settings) -->
<reaction-video
src="{{ product.featured_media | media_url }}"
interaction-type="poll"
poll-question="Which style do you prefer?"
poll-options="Classic, Modern, Bold"
overlay-timing-seconds="5"
overlay-position="bottom-center"
></reaction-video><reaction-video
src="{{ product.featured_media | media_url }}"
interaction-type="poll"
poll-question="Which color do you prefer?"
poll-options="Red, Blue, Green"
overlay-timing-seconds="5"
overlay-position="bottom-center"
></reaction-video><reaction-video src="video.mp4" interaction-type="poll" poll-question="Add to cart?" poll-options="Yes, Maybe, No" overlay-timing-seconds="5" overlay-position="bottom-center"></reaction-video>Try this config in the Playground.
4) View analytics dashboard
Open the dashboard to see impressions, interactions, and engagement analytics.
ReactifySDK on Shopify
Video reaction threads, auto-mount, and the Reactify theme app block. Separate app from ReactionSDK overlays.
5) ReactifySDK — install the Shopify app
Install ReactifySDK by ReactionSaaS from the Shopify App Store. The embedded app opens at https://www.reactionsaas.com/integrations/shopify/reactifysdk inside Shopify Admin.
- Embedded app (Partner Dashboard App URL):
https://www.reactionsaas.com/integrations/shopify/reactifysdk - Dashboard (account linking):
https://www.reactionsaas.com/dashboard/integrations/shopify/reactifysdk - Storefront: ScriptTag →
reactify.js, or enable Auto-mount thread in app settings - Custom placement: deploy the Reactify thread theme app block (
shopify app deployfromintegrations/shopify-reactify/app)
Try it live
Preview overlay interactions on a sample video (same demo as the docs playground).