GAIN PowerGAIN Power/Partner Embed Kit

Embed the GAIN Power Consultant Directory on your site.

A live, auto-updating widget of vetted pro-democracy consultants, vendors, and service providers. Drop one line of code on any site, restyle it to match your brand, and browsing is free — actions route to GAIN Power for sign-in.

Live preview Get the snippet

The snippet

Paste this into any HTML embed block (WordPress, Squarespace, Wix, Webflow, Shopify, Notion public page). That's it.

Default embed
<iframe
  src="https://gain-org-link.base44.app/embed/consultants"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="GAIN Power Consultant Directory"></iframe>
Or share a direct link: https://gain-org-link.base44.app/embed/consultants

Theme presets

Each preset is a live preview + a ready-to-copy snippet. Or build your own with the params below.

Default (GAIN cyan)

GAIN Power branding, light surface, cyan accents.

Preview
Embed snippet
<iframe
  src="https://gain-org-link.base44.app/embed/consultants"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="GAIN Power Consultant Directory"></iframe>

Dark / Hot Pink

Bold dark surface with magenta accents. Hides the default header subline.

Preview
Embed snippet
<iframe
  src="https://gain-org-link.base44.app/embed/consultants?accent=%23eb00b0&bg=%23002b45&text=%23ffffff&title=Partner+Network&columns=1"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="GAIN Power Consultant Directory"></iframe>

Forest / Lime

Deep green surface with lime accents — pairs with climate/environmental partners.

Preview
Embed snippet
<iframe
  src="https://gain-org-link.base44.app/embed/consultants?accent=%23bffa30&bg=%230d2818&text=%23ffffff&title=Vetted+Consultants&columns=2"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="GAIN Power Consultant Directory"></iframe>

Bare (no chrome)

No header, footer, or CTA — just the cards. For sites that already supply their own search/title.

Preview
Embed snippet
<iframe
  src="https://gain-org-link.base44.app/embed/consultants?header=hide&poweredby=hide&cta=hide"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="GAIN Power Consultant Directory"></iframe>

Customization parameters

Add any of these to the iframe src URL as query string params.

ParamWhat it does
accentHex color for buttons, links, badges, card hover
bgBackground color
textText color
titleCustom header title text
logoLogo image URL, or 'none' to hide
headershow | hide — hide removes logo, title, search, filters
poweredbyshow | hide — the 'Powered by GAIN Power' footer
ctashow | hide — Join / Log in buttons
columns1 | 2 — single or double column layout
statePre-filter to a US state (e.g. 'New York')
typePre-filter to an org type
qPre-fill the search query
limitMax firms shown (default 50)

Good to know

Auto-updating. New approved consultants appear automatically — no re-embed needed.

Responsive. The widget fills its container width; set the iframe height to suit your layout (720px is a good default).

No data passed. Browsing is read-only and public. Contact, inquiry, and application actions open GAIN Power in a new tab where sign-in is required.

Custom domain. To serve from directory.yourorg.org, connect that domain on the GAIN Power Domains page and point the iframe src there.