Skip to content
Perkadoo
Free embed · No sign-up

Add a streak counter to Webflow

Show off the days in a row. A Streak Badge counts your check-ins and updates on Webflow by itself.

Make your Streak BadgeMore for Webflow →
Streak BadgeChecked in ✓
7day streak
Doo's proud.

Set it up in 5 steps

  1. Name your habit in the free Streak Badge maker and create your streak.
  2. Choose the Webflow tab and copy the code.
  3. In the Webflow Designer, open the Add panel and drag a Code Embed element (under Advanced) to where it should appear.
  4. Paste the code into the Code Embed editor and save it.
  5. Publish, then check the live page. Embeds often stay blank on the canvas.

What you'll paste looks like this:

<a href="https://perkadoo.com/s/YOUR_BADGE"><img src="https://api.perkadoo.com/v1/badges/YOUR_BADGE.svg" alt="My streak on Perkadoo" height="48"></a>

Streaks for your members

The badge is your streak. With Perkadoo Streaks, every signed-in member gets their own, counted from your backend or an automation.

  1. Open Site settings → Custom code.
  2. Paste the widget script into Footer code and save.
  3. Publish the site.
<script
  src="https://cdn.perkadoo.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>

Full Webflow streak setup →

Questions

Can I show a streak counter on Webflow?

Yes. The Streak Badge is an image, so it works wherever Webflow accepts the code.

Can my members get their own streaks?

Yes, with Perkadoo Streaks. Add the streak widget to Webflow and count each member's actions from your backend or an automation.

Is the Streak Badge free?

Yes, with no sign-up. Sign up free to check in from any device.

More for Webflow

Streak counter on other builders

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