Script embed

Connect Framer to Streakfox

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

Start free Read the setup guide →

FramerCompleted lesson from your backend ✓

7day streak
The fox is proud.

M✓

T✓

W✓

T✓

F✓

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

Create a program in Streakfox and copy the widget snippet.
In Framer, paste it into Site settings → Custom code (end of body).
Add your domain to the project's allowed origins.
Set data-event to your program's action and data-member to the signed-in member's email or ID.
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 Framer?

Yes, where your Framer 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

Script embedWebflowDisplay member progress on Webflow with the Streakfox widget. Count completed actions through a backend or automation.Via automationZapierSend member actions from any Zapier trigger into a Streakfox streak.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