Choose your install method

The same two-line snippet powers every install method. The mode is set in the dashboard (Appearance → Display mode), so you can switch later without touching your site.

Inline Bar

A friendly bar that renders right where you drop the snippet — most commonly directly above the pricing table. It auto-sizes to the container and inherits your brand color.

Install guide →

Edge Ribbon

A sticky, brand-colored tab pinned to the top, right, bottom or left edge of the viewport. Great for landing pages where the pricing table isn’t the obvious spot. You still paste the snippet — the ribbon renders into the body, not your container.

Install guide →

Custom Trigger (SDK mode)

Headless mode — no teaser is rendered. You wire up your own button (or link, image, anything clickable) and call window.ShareCount.open() to launch the dialog. Use this when you want the entry point to live inside your own UI: a hero CTA, a settings page, an in-app menu, a sidebar promo.

Install guide →

Pasting the snippet on hosted site builders

Anywhere you can paste a raw HTML/JavaScript block will work. Common spots:

• Webflow — drop an Embedelement above your pricing section and paste both lines inside. (Site Settings → Custom Code is too broad; it loads on every page.)
• Framer — add an Embed (or Code) component to the pricing page and paste the snippet.
• Squarespace — add a Code Block directly above the pricing section.
• WordPress — in the block editor, add an HTML / Custom HTML block above the pricing block. (If your theme strips inline scripts, use a plugin like WPCode to paste the snippet.)
• Wix — use the Embed HTML element near the pricing area. (Wix iframes embed code, so visually you may want a wider container.)
• Shopify — paste the snippet inside your pricing-page theme template, or via a Custom Liquid / HTML section.
• Next.js, React, Vue, Svelte, etc. — see the Custom Trigger guide for framework-flavoured snippets.