Developers · Campus licence

Every survey feature, anywhere your code runs.

A JavaScript SDK, website intercepts with your own triggers, embedded data and real-time webhooks. The advanced layer on top of the distribution you already have, with every response processed centrally in Sendsteps.

JS SDK / Website intercepts / Embedded data / Event hooks / Outbound webhooks / HMAC signing

index.html
<!-- Install snippet -->
<script
  src="…/sfi/v1/sfi.js"
  data-site-key="sfi_…"
  data-api="…"
  data-fill-base="…"></script>
<script>
  SFI.API.load().then(SFI.API.run);
</script>

Outbound webhooks

POSTSurvey startedsigned

POSTProgress savedsigned

POSTResponse completed · full payloadsigned

Standard distribution is included. Developer tools give you full control.

Whatever the channel or trigger, every response is processed and stored centrally in Sendsteps.

Included · no code changes

Standard distribution

  • Direct links. A unique URL to share by email, social media, documents or your own channels.
  • Email invitations. Send surveys to respondents straight from Sendsteps.
  • Website display. Place our snippet once, like Google Tag Manager. Choose the URLs and a pop-up, slide-in or inline layout. Sendsteps handles the display.

Campus licence · full control

Developer tools

  • Website intercepts. Decide exactly when a survey appears, with your own triggers: clicks, time on page, scroll depth or any user action.
  • Embedded data. Push data from your web app into the survey, and decide where and when the feedback environment loads.
  • Your code around and inside the survey. Custom HTML and JavaScript before it, Question JavaScript inside it.
  • Real-time webhooks. Stream survey events to your own systems as they happen.

The toolkit

In the browser

SFI.API

JavaScript SDK

Load once, then run or open surveys from any route, component or event in your web app, including single-page apps.

click · time · scroll

Intercepts and triggers

Rules per page, plus your own triggers for click behaviour, time on page and scroll depth.

embedded data

Push your context in

User IDs, plan, page, form or CRM data, available in logic, piping and Results.

HTML · JS

Custom HTML and JavaScript

Your own consent screen, form or context step in front of the survey.

in-question

Question JavaScript

Your own logic inside survey questions.

shown · closed · submitted

Event hooks

React in your own JavaScript, and overlay your brand colours per visit.

On the server

HTTPS · real time

Outbound webhooks

Events at every key moment: survey started, progress saved, and completion with the full payload of answers.

HMAC

Signing and secrets

Every webhook is signed. Secrets live apart from the public site key, and only admins see them.

inbound

Inbound webhooks and workflows

Receive data from your CRM, webshop or support tool in Sendsteps, and start workflows with it.

Sendsteps as the hub of your feedback loops

Your web app

SFI.API

your triggers

embedded data

Sendsteps

Surveys and logic

Every response, centrally

Results

Your systems

Database or data warehouse

CRM

Webshop or support tool

Outbound and inbound hooks connect surveys to your existing stack. Sendsteps stays the single source of every response.

What teams build with it

In-product intercepts

Ask after a key action, on scroll depth or after time on a page, with the user's context attached.

Feedback inside your own app

Load the feedback environment in your single-page app, exactly where and when you decide.

Real-time sync to your CRM or warehouse

Starts, saved progress and completed responses stream to your systems as they happen.

Your own pre-survey flow

Consent, a short form or product context first, then the survey with everything passed along.

Ready for your security team

Your site and Sendsteps stay on separate origins. We send the CORS headers on our side; you allowlist the exact origins and set your Content Security Policy if you use one. The site key is public by design. Webhook secrets are not.

ISO 27001:2022 · Hosted in the EU · GDPR by design

Documentation your engineers will actually use

  • Complete JavaScript SDK reference with examples
  • Intercepts and triggers guide, up to custom HTML
  • Webhooks guide: events, payloads, signature verification, retries
  • Question JavaScript reference
  • CORS and CSP checklists, architecture diagrams, troubleshooting
  • Patterns for testing safely before you go live
Questions about developer tools

Frequently asked questions about developer tools

Still unsure? Contact us

Do I need developer tools to show a survey on my website?

No. Placing our snippet and choosing pages and a layout is part of standard distribution. Developer tools add your own triggers, embedded data, custom code and webhooks.

Which webhook events are there?

Survey started, progress saved, and response completed with the full payload of answers.

How do we verify a webhook?

Every webhook is signed with HMAC. The docs show how to check the signature and handle retries.

Can external systems send data into Sendsteps?

Today you push data in with embedded data through the SDK.

Is the site key a secret?

No. It's public and appears in your HTML. Webhook secrets are separate and only visible to account admins.

How do we get access?

Developer tools are available on a Campus licence. Request access through our contact form, tell us what you want to build, and we'll open the documentation for your team.

Start building.

Request access and we'll open the SDK reference, webhook guide and examples for your team.

Request developer access

Choose language

English Nederlands Deutsch Español Italiano Français