Widgets for your church website

Add professional components to your site with one script tag. No complex setup—widgets identify your church by domain.

How it works

Add allowed domains

In your Firesky dashboard Settings, add each domain where the widget will appear (e.g. mychurch.org).

Embed the script

Add one script tag to your site. The script works on any Firesky deployment—no configuration needed.

Use custom elements

Place widget elements where you want them. Each widget fetches data securely via origin validation.

Example embed

HTML

<script id="FireSkyWidgets"
  src="https://www.thefiresky.com/widgets.js">
</script>

<!-- Church name widget -->
<test-widget size="24"></test-widget>

<!-- Staff/contact badge (requires CHMS) -->
<user-badge id="94810"></user-badge>

See the documentation for all available widgets and attributes.

Available widgets

Test Widget

Displays your church name. Firesky-hosted—works for all churches. Optional size attribute for font size.

<test-widget size="24"></test-widget>

User Badge

Displays a person's name and email from your CHMS. Requires Ministry Platform or Planning Center. Use contact/person ID in the id attribute.

<user-badge id="94810"></user-badge>

Firesky-hosted widgets work for every church—no CHMS required
Provider widgets unlock when you connect Ministry Platform or PCO
Scoped styles so widgets don't conflict with your site
Customize appearance with your own CSS if needed