Site Design Defaults

The Site Design tab allows you to customize the visual appearance of your fundraising site using modules and global design settings.

Accessing Site Design

1. Go to your Campaign
2. Select your Site
3. Click the Design tab

Design Defaults

Set global styles that apply across your site.

Default Title

The site title appears in the browser tab and can be used by modules.

1. Go to Design > Defaults
2. Enter your site title
3. Save changes

Default Colors

Set consistent brand colors across your site.

1. Go to Design > Defaults
2. Set your primary color (used for buttons, links, progress bars)
3. Set your secondary color (accents)
4. Set background color

Tip: You can link or unlink colors for individual modules to use global defaults or custom colors.

Fonts

Choose typography for your site.

1. Go to Design > Defaults
2. Select heading font
3. Select body font

Navigation

Customize or remove the site navigation bar.

Customizing Navigation

1. Go to Design > Navigation
2. Toggle navigation on/off
3. If enabled, customize:
   • Logo (upload your organization logo)
   • Menu items (add/remove links)
   • CTA button text and link
   • Colors (background, text, button)

Navigation Options

• Logo: Display your organization logo
• Menu Items: Links to different pages or external URLs
• CTA Button: Prominent call-to-action (e.g., "Donate Now")
• Sticky Navigation: Keep nav visible while scrolling

Footer

Customize or remove the site footer.

Customizing Footer

1. Go to Design > Footer
2. Toggle footer on/off
3. If enabled, customize:
   • Organization info (name, address, tax ID)
   • Social links
   • Additional links
   • Colors

Footer Options

• Organization Info: Display contact details and tax-exempt status
• Social Links: Facebook, Twitter, Instagram, etc.
• Custom Links: Privacy policy, terms, etc.

Member Portal Settings

Configure the logged-in experience for peer-to-peer fundraisers.

1. Go to Design > Member Portal
2. Customize:
   • Portal colors
   • Welcome message
   • Dashboard options

Core Pages

Each site has core pages that you can customize with modules.

Home Page

The main landing page for your site.

1. Go to Design > Core Pages > Home Page
2. Add modules from the Module Gallery
3. Arrange modules by dragging
4. Click a module to edit its settings

Other Pages

Depending on your site type, you may have:

• Team Page (for P2P)
• Organization Page (for P2P)
• Personal Page (for P2P)
• Fund Page (for designations)

Working with Modules

Adding Modules

1. Click "Add Module" on a page
2. Select a module from the gallery
3. The module is added to your page

Editing Modules

1. Click on any module
2. Edit settings in the panel that appears
3. Changes save automatically or click Save

Arranging Modules

1. Hover over a module
2. Click and drag the handle
3. Drop in the new position

Disabling Modules

1. Click on a module
2. Toggle "Enable" off
3. The module is hidden but not deleted

Deleting Modules

1. Click on a module
2. Click the delete icon
3. Confirm deletion

Naming Modules

Give modules descriptive names for easier organization.

1. Click on a module
2. Edit the module name field
3. Names appear in the page editor but not on the live site

Tips

• Start with recommended modules for your site type
• Use consistent colors by linking to defaults
• Preview changes before publishing
• Test on mobile devices
• Keep the design clean and focused on your CTA

Related Articles

• Module Gallery
• How To Add Modules To Site Pages
• How To Arrange The Site Layout