Skip to content
Script embed

Connect Webflow to Streakfox

Show progress beside your Webflow content. Connect completed actions through the program's incoming URL, then display the same member's streak with the widget.

Start freeRead the setup guide →
WebflowCompleted lesson from your backend ✓
7day streak
The fox is proud.
M✓
T✓
W✓
T✓
F✓
S✓
S✓

What can keep the streak alive

Pick one action per program. Daily streaks count the first action each day; running totals count distinct completions.

  • Completed lesson from your backend
  • Submitted form from an automation
  • Other server-confirmed actions

Set it up in 5 steps

  1. Create a program in Streakfox and copy the widget snippet.
  2. In Webflow, paste it into Site settings → Custom code → Footer code.
  3. Add your domain to the project's allowed origins.
  4. Set data-event to your program's action and data-member to the signed-in member's email or ID.
  5. Send a completed action to the program's incoming URL using the same member value. Verify processed progress before going live.
<script
  src="https://cdn.streakfox.com/widget.js"
  data-project="YOUR_PROJECT_KEY"
  data-event="YOUR_ACTION"
  data-member="SIGNED_IN_MEMBER_EMAIL_OR_ID"
  data-position="bottom-right"
  async
></script>

Questions

Can I add a streak counter to Webflow?

Yes, where your Webflow site supports custom code and can provide the signed-in member's email or ID. The widget displays progress; connect a backend or automation to count completed actions.

Will it slow my site down?

The widget loads asynchronously and is kept under a 24 KiB gzip budget in CI.

Works well with

Via automationZapierSend member actions from any Zapier trigger into a Streakfox streak.Server APINext.jsCount actions from route handlers and server actions, and show streaks in React.Server APIReactShow a member's streak in your React app and count actions from your backend.

If it can send a webhook, it can keep a streak.

Start a program, send one test action and watch the flame light up.

Start free