> 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/core-features/program-management/website-and-embed.md). # Website & Embed Use the Website & Embed workspace when you are ready to share a program with donors, review what the public page looks like, or send embed code to your website developer. The workspace is available from public recipient programs, campaigns, and other program types that have a public donor-facing page. You may also see **Website & Embed** inside the Manage Program drawer or after completing program setup.

Open the Website & Embed workspace from a program card.

Animated walkthrough of the Website & Embed workspace — Walkthrough: readiness, public and login links, and the Smart Embed code.

## Share a program with donors 1. Open the program you want to share. 2. Select **Manage** to open the Website & Embed workspace. 3. Review the **Readiness** section. If the program is ready, Gratona shows it as ready to share. If something is missing, the readiness list shows what needs attention before you share the page. 4. Use **Preview** to open the public page in a new browser tab. 5. Use **Copy link** to copy the main public page link. For recipient sponsorship programs, the public links can include: * **Infinite Scrolling**: the full recipient list. * **Pagination**: a paginated recipient list. * **External Data Entry**: a public form for adding records. * **Random Single Recipient**: a link that sends donors to one available recipient. For campaign-style programs, the workspace shows the campaign donation page or fundraising page links instead.

The Website & Embed workspace shows readiness, public links, login links, an embedded preview, and launch settings.

## Choose what a campaign link should do A campaign can have more than one designation. Decide whether you want donors to see every designation, start with one designation selected, or be restricted to one fundraising destination. These are different outcomes. ### Share the normal campaign page Use **Copy link** for the main public campaign page. This is the right option when donors should choose among the designations available on the page. ### Preselect a designation in Smart Embed For a campaign Smart Embed: 1. Open **Embed** in the Website & Embed settings panel. 2. Under **Campaign defaults**, choose a **Default designation**. 3. Preview the embed and confirm the intended designation is selected. 4. Copy the updated Smart Embed code. The default makes the donor's starting choice easier. It does not hide the other designations or prevent the donor from selecting another one when the checkout offers multiple choices. The main **Copy link** action still copies the campaign's normal public link.

Campaign defaults in Website and Embed with Default designation set to Program default — Default designation changes the campaign Smart Embed starting choice without locking the donor to that designation.

The setting that limits checkout to one designation at a time also does not lock the page to a particular designation. It changes how many designations a donor can select, not which designation they must support. ### Restrict giving to one destination Website & Embed does not provide a separate locked-designation link. If donors must not be able to switch destinations, use a campaign whose checkout offers only that fundraising destination. Create a separate campaign when that destination needs its own public page, goal, reporting context, or communications. {% hint style="info" %} Before sharing a campaign link or embed, open it in a private browser window and complete the first checkout step. Confirm both the selected designation and whether the donor can change it. {% endhint %} ## Send links to donors or recipients Use **Public Links** for pages donors can visit directly. Use **Login Links** when you want to send someone to a portal: * **Donor Login**: the general donor login page for your organization. * **Program Donor Login**: the donor login page scoped to this program. * **Recipient Portal Login**: the recipient-facing login page, when the recipient portal is enabled for the program. Each link has an open action and a copy action, so you can check the page before sharing it. ## Add the program to your website Use **Smart Embed** when you want the program to appear inside your organization website. Smart Embed uses a short code snippet and resizes automatically as donors move through the public page. 1. Open the **Embed** section in the Website & Embed settings panel. 2. Choose any available embed defaults, such as a paginated recipient list for sponsorship programs or campaign defaults for campaign programs. 3. Copy the code under **Paste into your website**. 4. Send the code to the person who manages your website, or paste it into the page where the donor experience should appear.

The Embed section provides the Smart Embed code for your website.

The **Need help?** section can also copy a developer handoff message that includes the program name, public page link, and Smart Embed code. > **Note:** Smart Embed is the recommended website option for programs. The Website & Embed workspace does not provide a separate fixed-height iframe option. ## Preview the donor experience The center of the workspace shows an embedded preview of the public page. Use the desktop and mobile buttons above the preview to check how the page will look on different screen sizes. Use **Refresh** after saving settings or changing setup details if you want the preview to reload. ## Adjust what donors see The settings panel is organized by what you are trying to control: * **Appearance**: button text, recipient bios, photo privacy, image placeholder, and theme color. * **Public**: public page visibility, featured recipients, waiting time, fully sponsored recipients, recipient order, progress, sponsorship amounts, and fulfilled contribution levels. * **Checkout**: default amount, default frequency, recurring donations, payment methods, processing fee options, additional gifts, in-honor-of field, and sponsorship start date. * **Portal**: donor login on checkout, recipient portal, recipient portal visibility, recipient profile actions, and the separate donor-to-recipient and recipient-to-donor messaging controls. * **Embed**: Smart Embed code and supported embed defaults. * **Advanced**: program setup, forms, emails, SMS, and the full settings editor. If your role can preview but cannot manage settings, the settings panel is read-only. You can still copy links and embed code. ## Save changes safely Some program settings are shared across multiple programs. When a setting is shared, Gratona shows a shared-setting notice in the workspace. If you want the change to apply only to the current program, use **Save copy now**. Gratona creates a program-specific copy of the setting and leaves the other linked programs unchanged. If you want the change to apply to every linked program, use **Update Shared Setting** from the **Advanced** section. Gratona asks you to confirm the shared update and shows a summary of the changes before saving. If no website settings have changed, the save actions stay disabled. ## Related guides * [Manage Recipient Programs](/guides/core-features/program-management/manage-programs-and-campaigns.md) * [Program Settings](/guides/core-features/program-management/program-settings.md) * [Website Integration](/guides/getting-started/account-setup/website-integration.md)