Adding Embeds to your Website
You can embed selected pages from your Open Collective fundraising pages on your own website using embed links.
Last updated
Was this helpful?
You can embed selected pages from your Open Collective fundraising pages on your own website using embed links.
Last updated
Was this helpful?
Using embeds, you can place selected information from your Open Collective page on your own website, encouraging donations and building your community.
You can place an embed on your website that looks just like the Open Collective “Contribute To…” page. This can help you receive donations in a more streamlined way.
We recommend giving the widget space to look its best. Ideally the full page height and width.
Parameters can be used to customize the UI. See URL Parameters.
Use this script to add the default tier embed. Just replace COLLECTIVE-SLUG with your handle to personalize it.
For example, if you collective is then the embed would be,
To do this, you’ll need to find the Tier’s ID. Go to your profile page, click the tier you want in the “Contribute” section, and check the URL.
It should look something like this: https://opencollective.com/COLLECTIVE-SLUG/contribute/TIER_SLUG-TIER_ID/checkout
Take this ID, and insert it into the script, making sure to add “embed” in the URL, and remove “/checkout”.
You can also embed an Event ticket using a process similar to the one for tiers.
Find the URL of the Event you want to embed, For example:
edit it to add “embed” as above, and insert into the embed script.