# ShareCount help center > Reward customers for sharing your product on social. Get more customers and grow your business. This file is an LLM-friendly index of every article on ShareCount's help center. Each section below begins with a heading, a permalink, and the article's plaintext body. Agents may quote or summarize freely. Site: https://www.sharecount.app Updated: 2026-05-31 Primary install snippet:
SDK API (Custom Trigger mode): - window.ShareCount.open(publicKey?): opens the share-to-earn dialog. - window.ShareCount.close(): closes the dialog if open. --- ## Category: Getting started What ShareCount does, how the share-to-earn loop works, and your first widget in five minutes. ### What is ShareCount? https://www.sharecount.app/help/getting-started/what-is-sharecount # What is ShareCount? ShareCount is a share-to-earn widget for SaaS pricing pages. Visitors post about your product on X, we verify the post and read the sharer's follower count, then we hand them a unique, single-use coupon scaled to their reach. ## Why it exists - Word-of-mouth is invisible. Customers who recommend you get nothing back. - ShareCount makes the recommendation a fair trade and makes the reach measurable. ## What you get - An embeddable widget styled to your brand. - Real X post verification (no screenshots). - Unique, single-use coupon codes — real Stripe or Polar coupons, or codes you honor yourself. - Follower-weighted reward tiers. - A dashboard showing reach, impressions, engagements and click-throughs. Try it yourself: we run our own widget on the ShareCount pricing page. Post about us to earn up to 100% off, forever, for the first 100 users. ### How the share-to-earn loop works https://www.sharecount.app/help/getting-started/how-it-works # How the share-to-earn loop works Three things have to happen for a share to count: post, verify, claim. 1. The visitor sees the widget (Inline Bar, Edge Ribbon, or your custom trigger) and opens the share dialog. 2. They enter their email and X handle. We resolve the handle and read their public follower count to pick the right reward tier. 3. They post on X. The composer is pre-filled from your share-message template, with a tracked link and any required mention or hashtags. 4. They come back and tap "I've posted — check now." We scan their recent original tweets for the tracked link and check any required mention/hashtags. If indexing is lagging, we retry once. 5. The coupon appears on screen and lands in their inbox. Shape: SHARE-XXXX-XXXX. If Stripe or Polar is connected, it's a real coupon there too. Rules: - One coupon per X account per campaign — codes can't be passed around. - Codes are single-use and email-locked to the sharer. ### Quick start: your first widget in five minutes https://www.sharecount.app/help/getting-started/quick-start # Quick start: your first widget in five minutes 1. Sign up and run the onboarding wizard. 5 screens: Welcome → Your product → Coupons → Embed → Activate. Asks for product name + URL, optionally connects Stripe/Polar (skip to generate codes locally), and ends at the embed snippet + Stripe subscription checkout. 2. Use the defaults or tune later. Five reward tiers from Sharer (0 followers) to Star (50,000+) and a friendly share-message template — edit on the Reward campaign tab. Brand color, font, logo, copy live on the Appearance tab. 3. Copy the two-line embed snippet from the Embed tab and paste it on your pricing page above the plans. That's the whole integration. 4. Open your pricing page, tap the widget, and post a real test share to verify the loop end-to-end. The code you earn is identical to what your customers will see. No Stripe or Polar key required. ShareCount runs end-to-end with locally generated codes you honor yourself, and you can connect a provider whenever you're ready. ### The founding-100 offer, explained https://www.sharecount.app/help/getting-started/founding-100-explained # The founding-100 offer The first 100 ShareCount customers who share us on X earn up to 100% off — forever. How the discount is calculated: - We read your public follower count and match it to a reward tier. - The top tier is 100% off, applied as a recurring coupon on a real subscription. Not a free plan flag. - Smaller audiences earn smaller recurring discounts; every sharer wins something. Why "forever" means forever: - The discount is a recurring coupon, not a flag. As long as the subscription stays active, the discount applies on every renewal. - You're on a real plan with full feature access; the price just happens to be $0 (or close to it). Cap: 100 founding coupons globally — counted by REDEMPTIONS (active subscriptions started with a founding coupon), not by earns. Slots are only spent when someone actually subscribes. Once 100 founding subscriptions are active, the top tier steps down; the standard tier ladder continues to apply to everyone else. Claim from the ShareCount pricing page — the widget there is the same one you'll install on your own site. ## Category: Installation Three ways to add the widget to your site — Inline Bar, Edge Ribbon, and the Custom Trigger SDK. ### Choose your install method https://www.sharecount.app/help/install/choose-your-method # Choose your install method The same two-line snippet powers every mode. The display mode is set in the dashboard (Appearance > Display mode), so you can switch later without touching your site. ## Inline Bar (default) A friendly bar rendered exactly where you paste the snippet. Auto-sizes to its container, inherits your brand color. Best for pricing pages. ## Edge Ribbon A sticky tab pinned to the top, right, bottom, or left edge of the viewport. Renders into the body, not your container. ## Custom Trigger (SDK mode) Headless — no teaser rendered. You wire up your own button and call window.ShareCount.open() to launch the dialog. When to use each: - Inline Bar: above the pricing table. - Edge Ribbon: landing pages without an obvious slot. - Custom Trigger: when the entry point lives in your own UI (hero CTA, in-app menu, sidebar promo). ## Pasting the snippet on hosted site builders - Webflow: Embed element above the pricing section. - Framer: Embed/Code component on the pricing page. - Squarespace: Code Block above the pricing section. - WordPress: Custom HTML block (use WPCode plugin if your theme strips inline scripts). - Wix: Embed HTML element near the pricing area. - Shopify: Custom Liquid / HTML section in the pricing-page template. - Next.js, React, Vue, Svelte: see the Custom Trigger guide for framework-specific snippets. ### Install method 1: Inline Bar https://www.sharecount.app/help/install/inline-bar # Install method 1: Inline Bar The default install. Two lines of HTML, paste above your pricing table. ```html
``` Replace YOUR_PUBLIC_KEY with the publishable key from your product's Embed tab (sc_pk_…). What renders: - A pill-rounded bar at 100% of its parent's width. - Brand color, font, logo, and teaser text from the Appearance tab. - Lives in a Shadow DOM so host CSS doesn't leak in. Sizing tips: - The bar fills its parent. Wrap it in a max-width container for very wide layouts. - 16–24px of vertical margin tends to land best. The script is async, watches the DOM with a MutationObserver, and mounts every [data-sharecount] node — including ones added via SPA route changes. No re-init needed. ## Rotating the public key Embed tab → Regenerate. The old key stops working the moment you regenerate; paste the new snippet on your site before visitors hit the page, otherwise the widget will simply not render until the new snippet is live. ### Install method 2: Edge Ribbon https://www.sharecount.app/help/install/edge-ribbon # Install method 2: Edge Ribbon A sticky tab pinned to the top, right, bottom, or left edge of the viewport. Always visible regardless of scroll. ```html
``` Same snippet as Inline Bar. Switch mode in the dashboard: Appearance > Display mode > Edge Ribbon, then pick the side. Position behaviour: - Top / Bottom: full-width horizontal tab centred on the viewport. - Left / Right: vertical tab with text rotated, centred on the viewport. Notes: - The ribbon attaches to document.body inside a Shadow DOM. - iOS Safari bottom bar can hide/reveal a Bottom ribbon — prefer Top for mobile. - Fixed-position app shells (chat widgets) can cover the ribbon — pick a different edge or adjust z-index in their CSS. ### Install method 3: Custom Trigger (SDK mode) https://www.sharecount.app/help/install/custom-trigger # Install method 3: Custom Trigger (SDK mode) Headless mode. No teaser is rendered. The embed loads silently and exposes window.ShareCount.open() to launch the share-to-earn dialog over your page. ## Setup 1. Dashboard: Appearance > Display mode > Custom Trigger (SDK). Save. 2. Put the two-line snippet on the page. The
is the mount node; the script attaches window.ShareCount to the page. ```html
``` ## SDK API - window.ShareCount.open(publicKey?) — opens the dialog. With no argument, it uses the first [data-sharecount] node on the page. - window.ShareCount.close() — closes the dialog if open. ## Defensive call (script is async) ```js function openShareDialog() { if (window.ShareCount && window.ShareCount.open) { window.ShareCount.open(); return; } setTimeout(openShareDialog, 100); } ``` ## React / Next.js ```tsx "use client"; import Script from "next/script"; export function ShareCountMount({ publicKey }: { publicKey: string }) { return ( <>
``` ## Custom Trigger (SDK) snippet ```html
``` ## React / Next.js ```tsx "use client"; import Script from "next/script"; export function ShareCountMount({ publicKey }: { publicKey: string }) { return ( <>