Take it further

Embed on your site

Show your Bynli team — forms, events, donations — anywhere you can paste HTML. Two patterns: inline snippets drop content where you choose; the floating widget adds a corner bubble. Inline is the modern default. Both work on any platform (WordPress, Squarespace, Wix, Webflow, hand-rolled HTML).

Inline snippets (recommended)

Add the Bynli loader once per page, then drop a <div> wherever you want a Bynli feature to render. Declare your team on the loader script and every feature on the page inherits it.

Paste once, near </body>HTML

<script src="https://bynli.com/sites/bynli.js" data-team="your-team"></script>

<!-- A Bynli form, inline -->
<div data-bynli="form" data-form-id="frm_xxx"></div>

<!-- An upcoming-events grid -->
<div data-bynli="events" data-limit="6"></div>

<!-- A donate card with preset amounts -->
<div data-bynli="donate" data-amounts="10,25,50,100"></div>

Replace your-team with your team slug (the part before .site.bynefit.com). Loader script only needs to appear once — every data-bynli="…" div on the page picks the team up from it.

Per-element data-team still works if you need to mix multiple teams on one page; it overrides the loader-level value.

What you can drop in

data-bynli="form" — any form you've built at /dash/forms. Set data-form-id="frm_…".
data-bynli="events" — upcoming events list. Optional data-limit (default 5), data-scope="upcoming" or "past".
data-bynli="donate" — donation picker. Optional data-amounts="10,25,50", data-default-amount, data-style="button" for a one-click variant.
data-bynli="modal", "toast", "confirm", "lightbox" — UI primitives the same as Bynli-hosted sites.

Add the widget

Open /dash/widget/config
Copy the snippet that looks like this:

Paste before </body>HTML

<script src="https://bynli.com/widget.js" data-team="your-team"></script>

Paste it before the closing </body> tag on any page of your site
Save and reload — a floating Bynli button appears in the corner

It just works on any platform. Squarespace, WordPress, Wix, Webflow, hand-rolled HTML — anywhere you can paste a script tag, the widget runs.

Customize the look

From /dash/widget/config you can change:

Position — bottom-right (default), bottom-left, top-right, top-left
Style — floating bubble, sidebar, banner, or inline
Accent color — match your site's brand
Bubble label — the text on the trigger (e.g. "Join us", "Donate")
Sections — turn off the ones you don't want shown

What appears in the widget

The same sections you've enabled on your public team page — members, events, campaigns, donations, feed, resources, short links. Sections show up in the same order you configured at /dash/settings.

Custom CTAs

Add up to three call-to-action buttons that appear inside the widget — "Apply for the food pantry", "Volunteer", "Read our bylaws". Each links anywhere you choose.

Open /dash/widget/config → Custom CTAs
Add a label, URL, and which tab the button should appear on
Save — they show up immediately for visitors

Deep links

Add a hash to any URL on your site to open the widget straight to a specific tab:

yoursite.com/#bynli-open — opens the drawer
yoursite.com/#bynli-events — opens to events
yoursite.com/#bynli-feed — opens to the feed
yoursite.com/#bynli-join — opens the join flow

Short links

Every team gets a personal short-link domain — bynli.com/go/your-team. Use it on flyers, in email signatures, or anywhere you need a clean URL that you can change later without reprinting anything.

Open /dash/shortlinks
Create a short link with a memorable slug
Point it anywhere — a campaign page, an event, an external site
Track clicks in the same screen

No site of your own? Bynli will host one.

If you don't have an existing website to drop the widget into, Bynli can host a full static site for you at {your-team}.site.bynefit.com (or your own custom domain on the right plan). You get a file editor in the dashboard, Bynli Blocks templating, a kit of UI components, and "Sign in with Bynli" if you want a member portal.

Site config (config.json) — Bootstrap, fonts, and the auth setup
Bynli Blocks — variables and includes for shared headers
Site JS — a complete page example using modals, toasts, and forms

Building something custom?

Need to fetch data into your own app instead of embedding the widget? See the Developer docs — read API, webhooks, and OAuth / Sign in with Bynli all live there.