Landingi

Landingi editor vs published site can differ—always verify on the public URL with ad blockers disabled for testing.

Where to paste code

JavaScript integration or custom code areas in the builder.
HTML widgets on the canvas.

Setup guide

One SDK inclusion per published page.
Configure allowedOrigins for each client domain.
Insert embed; retest after republishing.

Example snippet

ReactionSDK here means overlays on reaction-video (tap, poll, rating, slider, and CTA). For ReactifySDK—recorded video reactions and threads—load reactify.js and use reactify-video / reactify-thread per ReactifySDK HTML install. Copy the embed from the Code column.

Verification

Publish to a live URL; open in a clean session and confirm the SDK loads without CSP errors.
Trigger first render and first interaction; check ReactionSaaS analytics.
Use the SDK playground with Landingi selected to mirror overlay settings.

Template `platform_config`

Marketplace templates can declare a Landingi block inside platform_config:

UI presets (reference)

Fullscreen / CTA — Single primary conversion path; respects reduced motion. Events: install_completed, first_render, first_interaction, template_used, platform_used, verification_heartbeat.
Inline conversion block — Lazy-load; threads reactions to the same campaign as the page. Events: first_render, first_interaction, install_handoff_started, install_handoff_completed.
Lead-gen overlay — Does not block native form submit. Events: first_render, first_interaction, template_used.

Troubleshooting

Script does not run — Use a raw HTML or global script area; rich-text-only fields often strip JavaScript.
403 from API — Add the exact published origin (including www) to allowed domains.
Duplicate events — Ensure only one SDK init per page when combining global and section-level code.

FAQ

Popup not showing embed? Confirm the popup template allows HTML execution; some themes sanitize scripts.

← Platform overview · Templates

Code

ReactionSDK (sdk.js)

<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js" defer></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    var sdk = window.reactionSDK || window.Reactify;
    if (!sdk || !sdk.init) return;
    sdk.init({
      apiKey: 'YOUR_API_KEY',
      baseUrl: 'https://YOUR_APP_ORIGIN',
      mode: 'production',
      allowedOrigins: [window.location.origin]
    });
  });
</script>
<reaction-video
  src="https://cdn.example.com/demo.mp4"
  overlays="tap,poll,rating,slider,cta"
  interaction-type="tap"
  cta-text="Continue"
  poll-question="Ready for the next step?"
></reaction-video>

ReactifySDK expansion (optional)

<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/reactify.js" defer></script>
<!-- After overlays are live, load reactify.js for recorded video reactions: reactify-video, reactify-thread, and thread embeds. -->

Example snippet

<script src="https://reactify-cdn.s3.us-east-2.amazonaws.com/sdk.js" defer></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    if (!window.Reactify) return;
    Reactify.init({
      apiKey: 'YOUR_API_KEY',
      accountId: 'YOUR_ACCOUNT_ID',
      baseUrl: 'https://api.reactionsaas.com',
      mode: 'production',
      allowedOrigins: [window.location.origin]
    });
  });
</script>
<reaction-video
  src="https://cdn.example.com/hero.mp4"
  overlays="tap,poll,rating,slider,cta"
  poll-question="Ready to continue?"
  cta-text="Continue"
  interaction-type="tap"
></reaction-video>

platform_config

{
  "landingi": {
    "embed_type": "funnel_custom_script",
    "host": "landingi",
    "placements": [
      "landing_page",
      "funnel_step",
      "opt_in_page",
      "sales_page"
    ],
    "script_surface": "page_custom_code_or_footer"
  }
}

Demo

ReactionSDK

Rate:

ReactionSDK demo

Where to paste code

Setup guide

Example snippet

Verification

Template platform_config

UI presets (reference)

Troubleshooting

FAQ

Template `platform_config`