HYS Documentation
Api ReferenceWebsiteGo to App
  • INTRODUCTION
    • About HelpYouSponsor
    • Key features overview
    • Concepts & Key Terms
  • GETTING STARTED
    • Navigation
    • Dashboard
    • Quick Start Guide
      • Account Information
      • Email Settings
      • Payment Gateways
        • Stripe Setup
          • Stripe Webhook
        • Flutterwave Setup
        • QPayPro Setup
        • Authorize.net Setup
        • PayPal Setup
    • Account Setup
      • First Program Setup
      • Website Integration
      • Campaign Setup
  • CORE FEATURES
    • Program Management
      • Manage Programs
      • Program Forms
      • Program Settings
      • Auto Emails
      • Additional Gifts
      • Url Generator
    • Donor Management
      • Donors Table
      • Add Donor
      • Donor Profile Page
    • Recipient Management
      • Recipients Table
      • Add Recipient
    • Sponsorship Management
      • Sponsorships Table
      • Add Sponsorship
    • Donation Management
      • Donations Table
    • Communication Tools
      • Message Manager
      • Newsletter
  • ADVANCED FEATURES
    • Customization Options
    • Reporting and Analytics
    • Progress Reports
      • Create Progress Report
      • Add Progress Report Data
    • Integrations
      • Mailgun
      • Box Image Storage
      • Zapier
        • Actions
          • Create a New Donor
          • Edit Donor
          • Find Donor By Email Address
          • Find Donor Forms
          • Create a New Entity
          • Edit Entity
          • Find Entity by ID
          • Find Programs
        • Triggers
          • New Form
          • New Program
          • New Donor
          • New Entity
          • New Donations
      • QuickBooks
        • Connect to HelpYouSponsor
        • Adding Donors (Customers)
        • Recipients (Service item)
        • Donations (Sales Receipt)
        • Mapping fields from HYS to QuickBooks fields
        • Synchronized Currency
  • ADMINISTRATION
    • User Management
    • Permissions and Access Control
    • Security Settings
  • BEST PRACTICES
    • Donor Engagement Strategies
    • Fundraising Tips
    • Data Management
  • TROUBLESHOOTING
    • Common Issues and Solutions
    • FAQs
      • How do I import data into my account?
      • How do I bulk upload files?
      • How do I export all the data in my account?
    • Support Resources
      • Priority Support & Enhancements Options
      • How to close my account?
  • API DOCUMENTATION
    • Authentication
    • Endpoints
    • Code Examples
  • RELEASE NOTES
    • Version History
    • Upcoming Features
Powered by GitBook
On this page
  1. ADVANCED FEATURES

Customization Options

PreviousNewsletterNextReporting and Analytics

Last updated 1 month ago

HelpYouSponsor offers extensive customization capabilities that allow you to align the platform's appearance with your organization's branding. These customization options ensure a consistent and professional look across all your donor-facing interfaces.

Theme Color Configuration

The Theme Color Configuration system allows you to customize the visual appearance of your donor portal and forms without any coding knowledge.

To change the color theme for your donor-facing interfaces, navigate to "Campaigns & Programs" and click the "Embed" button on any program of your choice.

This will open up a drawer with the link to your sponsorship pages, the theme configuration section and the preview of the sponsorship page.

The theme is changed from theme section. You can change the theme color using two methods;

  • Using the Color and Color level drop-downs.

    To color and color level are set to Indigo and 600 respectively by default. To change these click on each to select the preferred color and the color level you wish to use.

    HYS provides a number of different colors to select from. Look through to see which one fits your organization's theme color.

    The color level is the contrast you want the color to have and it ranges from 50 to 950.

    Clicking a color or color level automatically updates the color theme for you immediately.

  • Using the custom color palette

    To use the custom color palette click the custom button. This will expand the section and show a rectangle filled with a color. Click the rectangle to reveal the color palette.

    After selecting your color, click the "Set custom Theme" button to change the theme.

When a color theme is changed, the preview sections reloads to show you how the theme will look like.

Note: The selected color theme will be the same theme used in all the other programs you have in your account.