Embedded Studio designer

The Embedded Studio designer is divided into two sections:

• Sidebar: Adjust style and settings for each step.
• Canvas: Displays real-time updates to show how changes will look for supporters.

Switching between steps

Each step has unique style and configuration options. We recommend reviewing each step to make sure it aligns with your campaign goals.

To change pages:

1. Go to the Design tab
2. Choose a step from the dropdown menu

Inline donation grid

The inline donation grid appears directly on your website’s page, allowing supporters to select a donation amount and open the embedded form to complete their transaction.

Styling options for the inline donation grid:

• Border radius
• Button colors
• Background colors and opacity
• Drop shadow

Configuration options (found in the Configure tab):

• Donation frequencies and suggested amounts

Embedded donation form

The embedded donation form overlays your website when a supporter selects the donate button or chooses an amount on the inline donation grid.

Styling options:

• Border radius

Content panel

Add a content panel to the form to showcase a donation’s impact and encourage giving.

To toggle on the panel:

1. Go to the Configure tab
2. Toggle the content panel on or off, then select it in the Preview panel to access its options

Next to Image, switch between Content and Hero images to adjust the panel's overall look.

Content

Add images, text, and sponsor logos to the panel to showcase how donations make an impact and encourage giving.

For images, use a 16:9 widescreen format, like 1280×720 or 1920×1080 pixels.

Use logos with a wide aspect ratio, ideally between 2:1 and 3:1, such as 300×150 (2:1) or 300×100 pixels (3:1).

Hero image

Display a larger image spanning the entire panel with a heading.

Choose a 4:5 portrait format, such as 400×500 or 800×1000 pixels.

Recurring donation nudge

Recurring nudges help turn one-time gifts into sustainable monthly donors. When someone chooses a one-time gift between your highest and lowest options, this nudge suggests a smaller monthly donation that’s 25% of the selected amount.

The recurring nudge includes a graphic whose style, icon, and animation options you can edit.

Donor covered fees nudge

The donor covered fees nudge prompts donors to cover transaction fees, ensuring that the full donation amount goes to the organization.

The donor covered fees nudge also includes a graphic with style, icon, and animation options you can edit.

Thank you screen

The thank you screen appears after a transaction is complete. This page lets you show appreciation and encourages supporters to share the campaign with their network, increasing your campaign’s reach.