Embed
Drop civic actions into any site
Add a feed of upcoming actions to your Ghost site, WordPress, partner page, or any HTML you control. One script tag, one custom element, no framework, no API key.
Minimum example
<script src="https://action.cooperation.org/embed/feed.js"></script>
<civic-actions-feed count="5"></civic-actions-feed>Renders the 5 most-recent approved actions, with the action title, date, CTA button, and a link back to Civic Works.
Filter to your org
<civic-actions-feed org-slug="indivisible-tucson" count="5"></civic-actions-feed>Find your org slug in your partner-rep settings page.
All attributes
| Attribute | Default | Notes |
|---|---|---|
| count | 5 | Number of items. Max 20. |
| org-slug | — | Filter to actions sponsored by this org. |
| type | — | in_person or virtual. |
| theme | auto | auto, light, or dark. auto inherits from your page. |
| api-base | action.cooperation.org | Override only if you're embedding from a non-production AE. |
Ghost (civicsky.io)
In your Ghost admin: Settings → Code injection → Site Header, paste the script tag. Then in any post or page, add an HTML card with the custom element:
<civic-actions-feed org-slug="your-org" count="5" theme="light"></civic-actions-feed>Live preview
A real embed on this very page:
The widget reads /feed.json — same data as our RSS feed. Source: feed.js on GitHub.