Skip to content
Script embed

Connect Shopify to Streakfox

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

ShopifyOrder placed through Shopify Flow ✓
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.

  • Order placed through Shopify Flow
  • Other completed actions from your backend

Set it up in 5 steps

  1. Create a program in Streakfox and copy the widget snippet.
  2. In Shopify, paste it into Online Store → Themes → Edit code → theme.liquid.
  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 Shopify?

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

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