Civic Engagement Widget

Empower users to find and contact their elected officials directly from your website.

Live Demo

Try the widget below. Enter an address to see it in action.

How to Embed

To add this widget to your website, simply copy and paste the following code snippet where you want the widget to appear:

<!-- Civic Engagement Widget -->
<div id="civic-widget-container"></div>
<script src="https://civic.bftech.net/widget.js"></script>
<script>
    CivicWidget.init({
        apiUrl: 'https://civic.bftech.net/api/officials', // API Endpoint
    });
</script>

Configuration Options

You can customize the widget initialization with the following options:

containerId: The ID of the div where the widget should render (default: 'civic-widget-container').
apiUrl: The endpoint URL for fetching official data.