> For the complete documentation index, see [llms.txt](https://docs.helpyousponsor.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.helpyousponsor.com/guides/getting-started/account-setup/website-integration.md).

# Website Integration

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.

1. Open the program you want to share.
2. Select **Manage** to open **Website & Embed**.
3. Check **Readiness** to make sure the public page is ready.
4. Use **Preview** to review the page.
5. Use **Copy link** to copy the main public page link.

<figure><img src="/files/RYINT4fJqYVkGJnHJQGk" alt="Use Website &#x26; Embed to preview and copy public program links."><figcaption><p>Use Website &#x26; Embed to preview and copy public program links.</p></figcaption></figure>

## 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](/guides/core-features/donor-management/donor-portal-login.md) 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.

1. Open the program you want to place on your website.
2. Select **Manage** to open **Website & Embed**.
3. Open the **Embed** section.
4. Copy the code under **Paste into your website**.
5. Send the code to your website developer, or paste it into the page where the program should appear.

<figure><img src="/files/xVM4tGp5jMFK3JISu2c9" alt="Smart Embed gives you the code to paste into your website."><figcaption><p>Smart Embed gives you the code to paste into your website.</p></figcaption></figure>

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](/guides/core-features/program-management/website-and-embed.md).