Hey! Thanks for showing up for reproductive rights. If you're here, you must want to put Captcha for Congress on your site, and this guide is here to help you do that!

Captcha for Congress can be added to your site by adding the code below somewhere in the HTML of your page.

<script src="https://captchaforcongress.com/captcha-for-congress.min.js"></script>

Once you have that script on your page, you need to tell the captcha where and when it should appear. If you add the attribute data-c4c to any element, then when the user clicks on that element, the captcha will appear!

<button data-c4c>Click me!</button>

If you would like the captcha to appear automatically once the page has loaded, then you can add data-c4c="auto" to the element. Note that, even if you use the automatic method, you still need an element to add that attribute to — the captcha will also use that element to position itself on the screen.

<div data-c4c="auto">
  The captcha will automatically appear by this div.
</div>

By default, the captcha appears over a semi-transparent "shadow" that covers the rest of the page. To disable this, add data-c4c-shadow="none" to the element.

<button data-c4c data-c4c-shadow="none">Click me</button>