Embed a petition on your own website
You can put the signature form of your petition straight onto your own website, blog or your organization's pages. Visitors sign without leaving your site, and the signatures go into the same list as all the others. You copy one block of ready-made code, and you do not need to write any of it yourself.
How to get the code
- Open the petition and choose Embed in the petition menu.
- Pick the embed type: Inline on the page or Button that opens a pop-up.
- Choose a size. You can use the Compact, Standard, Tall and Wide presets, type a width and height, or drag the bottom right corner of the live preview until it looks right.
- Choose Copy code and paste the code into your page.
The preview on the page is the real signature form, so what you see before copying is what your visitors will get. The size you last used is remembered for your next visit.
Two ways to show it
| Type | Best for |
|---|---|
| Inline on the page | A campaign page where signing is the point. The form is visible immediately, with no click in between. Set the width to 100% and it follows the width of your layout. |
| Button that opens a pop-up | An article, a front page or a sidebar where the form would take too much room. You choose the button text, and the form opens over the page when it is clicked. |
The pop-up closes with its close button, with the Escape key, or by clicking outside it. One copy of the code is enough even if you place several buttons on the same page.
Who this helps
An association that already has a website gets the form in front of the people who are most likely to sign: its own visitors. A local news blog can add the form under its article about the issue. A campaign running a paid ad can send the traffic to its own landing page and still collect signatures there, which keeps the look and the wording under its own control.
Why it matters
Every extra step costs signatures. A visitor who has to click away to another site, read an unfamiliar page and find the form again is a visitor who may not finish. An embedded form removes that step while keeping everything that makes the signature trustworthy: the same confirmation email, the same duplicate checks and the same privacy choices as on our own pages.
Good to know
- The embedded view is the signature form only. Our site navigation and ads are left out, and links that lead elsewhere open in a new tab so your page stays where it is.
- The height can be set between 300 and 1200 pixels. If the whole form does not fit, raise the height instead of letting visitors scroll inside the frame.
- The pop-up version needs a small script. Some website builders strip scripts out of page content, and the inline version works there instead.
- The code limits the frame to the width of its container and loads it only when the visitor scrolls to it, so it does not slow down the top of your page or overflow a narrow layout.
Questions and answers
Do I need to know any code?
No. You copy one block of ready-made code and paste it into your page where you want the form to appear. Choosing the size is done with a menu and by dragging the preview.
Do signatures collected through an embed count?
Yes. An embedded form is the petition's own signature form, so the signatures go into the same list and the same count as the ones collected on our site.
Does the embed show advertising on my site?
No. The embedded view is the signature form without our site navigation and without ads.
Can a supporter embed my petition on their site?
Yes. The embed page is available to anyone who can open the petition, so a supporting association can put the form on its own pages without asking you for anything.
The form looks cut off. What do I do?
Increase the height. The height can be set between 300 and 1200 pixels, and the preview shows exactly what will fit.