Website Integration
Updated 2 weeks ago
Website Integration
After setting up your first program, you can share the public page with donors or add the program to your organization's website with Smart Embed.
Use website integration when donors should be able to sponsor a recipient, give to a campaign, or log in from your organization's website.
Share a program page
If you want to send donors directly to a Gratona page, copy the program's public link.
Open the program you want to share.
Select Manage Program, then select Website & Embed.
Check Readiness to make sure the public page is ready.
Use Preview to review the page.
Use Copy link to copy the main public page link.
Use Website & Embed to preview and copy public program links.
Add a program to your website
If you want donors to log in from your website instead of viewing a public sponsorship page, use the donor login links in the program's "Website & Embed" workspace. See Donor Portal Login for when to use the general donor login link or a program-specific donor login link.
2. Frontend Template
If you want the donor experience to appear inside a page on your organization's website, use Smart Embed.
Open the program you want to place on your website.
Select Manage Program, then select Website & Embed.
Open the Embed section.
Copy the code under Paste into your website.
Send the code to your website developer, or paste it into the page where the program should appear.
Smart Embed gives you the code to paste into your website.
Smart Embed resizes automatically as donors move through the page.
Note: Website & Embed uses Smart Embed for program pages. It does not provide a separate fixed-height iframe option.
Send the website handoff to a developer
Use Need help? in Website & Embed when someone else manages your website. Send to web developer copies a handoff message with the program name, public page link, and Smart Embed code.
You can also open Embed guide from the same section if your developer needs these instructions.
Adjust the page before sharing it
Use the settings in Website & Embed when you need to change what donors see before sharing the page. You can adjust the appearance, public page options, checkout behavior, donor login, recipient portal, and embed defaults from the same workspace.
For a full walkthrough, see Website & Embed.