Project Website General Settings

Before you can accept online donations, sell admissions, and display sponsorships, you have to first create your Project Website! Creating a Project Website can be a simple process, but it has many powerful tools for customizing your site. In this article, we will cover the basic process of Creating your Project Website, and beginning to set up your website using the General Settings.

Creating a Project Website:

  1. From the Project Home, select Manage Project Website under the Project Website header.
  2. Click Create Website.
  3. Your basic landing page will be created. You will also have access to the Project Website General Settings. Within the general settings you can find:
    • Information to Display
    • Banner, Background, Navigation Images
    • Page Layout
    • Navigation Orientation
    • Website Colors
    • About Us information, Contact Us information
    • Display Sponsors
    • Share links
    • Receipt Settings for transactions on the Website.
    • Permanently Delete the Website.
  4. Click Edit next to Project Website General Settings.
  5. Determine what Project Information to Display. This information, if checked, will display on each pageproj_web_gen_1.jpg
  6. Upload a Banner, Background, and Navigation Logo Image. These can be different from one another, but must be either .jpeg or .png.
    • The Banner image is limited to 1170 pixels in length, and 300kb in size. You also have the option of Banner Placement, either above or below the header.
    • The Background image defaults to tiled.
  7. Determine a site Layout. This will default to all of your future pages, although you can change the layout on a per page basis.proj_web_gen_2.jpg
  8. Determine Website Colors. Click on the color you wish to change to open a palette, alternatively if you know the hex code you can enter it in the box. To see what each area controls, click the green help button or read below. If you select Manually configure website colors in project website, you must manually edit settings in the Online Payments website editor. Changes made there cannot be edited here. This is not recommended for most users.
    • Website
      • Main Text – Primary color of all text on the website
      • Main Background – Primary background color
      • Emphasis Color – Lower color of each of the navigation boxes
      • Emphasis Reverse Color – A contrast color for text that is placed within an Emphasis-colored block
      • Banner Background Color – Color behind the website banner (logo)
      • Footer Background Color – Color behind the text on the footer (About Us area and section below that)
      • Link Text – Sets the color of the link text
      • Hover Link Text – Full website, navigation boxes and all
      • Textbox Text – Color of the text font in the box
      • Textbox Background – Fill color for inside the text box
    • Navigation
      • Link Text – Color on the text in the navigation boxes
      • Link Background – Main background of each of the navigation boxes
      • Background Color – Color behind the menu bar/box proj_web_gen_3.jpg
  9. Header Buttons and Footer Links allow you to put a few customized links in the header and footer respectively. You can either link to another page on your Project Website, or another URL.
  10. Make a check mark to fill in an About Us section. Typically this is a section that allows you to inform visitors to your site about your organization, and appears in your footer.
  11. Make a check mark to full in a Contact Us section. This area also appears in the footer, and is used to post contact information for your organization.
  12. If you wish to have a Copyright, choose the radial button that best fits. The additional text is specified by you.
  13. Social Media Icons can be set up so that there is a clickable icon that will take visitors of your site to URLs you specify. Unlike the generic Footer Links and Header Buttons, these Social Media Icons are intended to correspond with each particular social media site. Choose the radial you like best, and then you can specify the exact URL’s in the text fields that open below.proj_web_gen_4.jpg
  14. If you have sold a sponsorship package to a Supporter, you can display them on your webpage by checking Show Sponsors.
    • You can display Name, Logo, and Link (these are all set up in a Supporter Record).
    • Display order can be done either as Alphabetical, or by Sponsor Level. Within the Sponsor level, each level is also alphabetized.
    • Display Position can either be only on your Landing page, or on All pages (either left or right).
  15. Additional options are Include in event search (searchable via Google, Bing, etc.), Event Search Tags (typically your event name, organization name) Share Options (for visitors to share your page on their own social media), and finally Customize Receipt Settings for default receipts for each page.proj_web_gen_5.jpg
  16. Finally, by typing “delete” (case sensitive, without the quotations) into the text box and clicking the Delete Website button, you can permanently delete your Project Website.


Was this article helpful?
10 out of 24 found this helpful