dium.io
Book a demoStart free

What Dium looks like on your own site.

Mount the full community on your domain, or add a floating widget to any page. Members stay on your site and sign in once.

Start freeTalk to sales

Embedding is set up with our team. Your Flow itself is free under 50 members.

Want to try them first? Open the live widget demos with copy-ready embed code.

acme.example/pricing
ACMEProductPricing
Plans for every team

Any page of your site. The widget sits on top.

Acme CommunityDiscussions · Live · Q&A
PM interview masterclass12 people · 60 min · Join now
Stakeholder alignment workshopToday 4 PM · 45 min
How do you run a design critique remotely?Question · 6 replies

Four ways to embed.

Each preview on this page is built from Dium's real components with sample data. They are not screenshots of a customer site.

Partner mount

The full Dium app inside a path on your domain, such as /community/. Best for a community home.

Talk to us

Floating widget

A round button on any page that opens a feed drawer with Feed, Ask, People and Profile.

Talk to us

Group and squad widgets

Two newer compact embeds, added in July 2026. Documentation is in progress.

New

Member map

A map of members who share their city, framed on origins you have approved.

Talk to us

Partner mount

The whole community, under your domain

A small PHP file on your server loads Dium at a path you choose. Links, the back button and the app name all point to your site.

  • Clean URLs such as /community/d/your-flow/waves
  • A back link to your event or course page
  • Members arrive signed in through a one-time token or Werify SSO
  • Your Flow's logo, banner and brand colors (custom branding is on Pro plans)
acme.example/community/d/summit-2026/waves
ACMEEventsLearning Back to event
Acme Summit 2026 Search answers
How are you handling churn calls in week two?
Question · 7 replies · 4h ago
Open
AMA: design systems with Priya
Live session · 14 going
Live
What is the cleanest way to ship a changelog?
Question · 11 replies · 234 views
Solved
Best answer

Keep one dated page with New, Improved and Fixed tags, and link each entry to its help article.

Sample data. Acme is a fictional company. Dium renders inside Acme's own page.
dium_config.php (placeholders)
<?php
// Placeholders. Keep this file outside your web root.
define('DIUM_PARTNER_ID',  'acme');          // from Dium
define('DIUM_PARTNER_KEY', 'YOUR_KEY');      // server only
define('DIUM_BASE_PATH',   '/community');    // your path
Bootstrap the mount prints
// What the mount file prints before loading Dium (simplified)
window.__DIUM = {
  apiBase:  "https://dium.io/api",
  basePath: "/community",
  backUrl:  "https://acme.example/events",
  appName:  "Community · Acme",
  partnerId:"acme"
};

Setup: Dium adds your partner entry and origin, you copy the mount template to your host, and you fill in the three values above. Full steps in the widget docs.

Floating widget

A help-style button in the corner. It opens a drawer with the Flow's feed and four tabs: Feed, Ask, People and Profile.

acme.example/pricing
Acme CommunityDiscussions · Live · Q&A
PM interview masterclass12 people · 60 min · Join now
Stakeholder alignment workshopToday 4 PM · 45 min
How do you run a design critique remotely?Question · 6 replies
Any page of your site

Members can ask a question or join a live session without leaving it.

What members see

A feed with filters

All, Live, Scheduled, Exhibits and Discussion filters, live sessions on top with a Join button, and upcoming sessions below.

Sample data in the preview. Acme is a fictional company.

Snippet
Template, not live data. The widget script URL and its attributes are not published yet. Replace this placeholder with the exact snippet from the widget source before launch.
Floating widget (placeholder)
<!-- Placeholder shape. Dium sends the exact snippet for your Flow. -->
<script src="WIDGET_SCRIPT_URL" data-flow="your-flow-slug" defer></script>

Group and squad widgets

Two compact widgets were added to Dium in July 2026 for smaller spaces on a page. We will show them here once their docs are final.

Want to try them early? Talk to sales and mention the group or squad widget.

Template, not live data. Add a live preview, what each widget shows, sizes and the snippet for the group widget and the squad widget.
Group widget preview
(space reserved)
Squad widget preview
(space reserved)

Member map

A map of members who have a city on their Moat profile. It is the one Dium view built to sit in an iframe on another site.

  • Only origins on your allowlist can frame it
  • Pins come from the member's own profile location
  • Reserve the height in your layout so the page does not jump
Member map (placeholder)
<!-- Placeholder. Your origin must be allowlisted. -->
<iframe src="MEMBER_MAP_URL?flow=your-flow-slug"
        title="Where our members are"
        width="100%" height="480" loading="lazy"
        style="border:0;aspect-ratio:auto"></iframe>

The exact map URL and parameters are listed in the widget docs once your origin is approved.

Theming: what you can change today

Widget-specific theming (sizes, position, colors) will be listed in the widget docs when it is documented.
SettingWhereApplies toPlan
Logo and bannerFlow settingsFlow header, Pages, mountPro (custom branding)
Primary and accent colorsFlow settingsButtons and highlights in the FlowPro (custom branding)
App nameMount configBrowser tab and header on your sitePartner setup
Back linkMount config or Flow event URLThe back button in DiumPartner setup
Mount pathMount configEvery Dium URL on your domainPartner setup

Why not just iframe the app?

The main Dium app refuses to load inside frames on other sites. That protects members from clickjacking, and it keeps sign-in cookies working.

Mount instead

The partner mount runs as a first-party page on your domain, so there is no cross-site frame to break sign-in.

Keys stay server side

Your partner key signs members in from your server. It never goes into page code or a URL you publish.

Origins are allowlisted

Dium only accepts browser calls and frames from origins you have registered with us.

Put your community where your members already are.

Start a Flow for free, then talk to us about mounting it on your domain.

Start freeTalk to sales