Profile Home Page

The Profile Page is where your donors can log in to see their giving history. You can manage the look and feel of your Profile Page under Admin> Profile Settings.

 

Layout & Design

Layout & Design is where you set the base color styling for your profile page. Once you have completed any changes, remember to [Save].

 

Page Background

Page Background enables you to change the outside border settings.

  • Background Image: You can use an image for the outside border. Click “Add New” to upload a new image, click “Select Existing” icon to choose an image file from your existing library, or click the “Remove” icon to remove a currently selected image. If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).
  • Background Color: Set the background color for the outside border. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.

Click [Apply] to update your profile page.

Profile-Page-Design

Page Foreground

Page Foreground enables you to edit the inner form background and font attributes.

  • Foreground Color: Sets the inside color for the profile interface. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Rounded Corners: Set the degree of roundness to the section corners.
  • Border Size: Set the thickness of the section border.
  • Border Color:   Set the color for the section border. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Shadow Distance: Set the section shadow distance in pixels (shadow falls to the right).
  • Shadow Color: Set the color for the shadow. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Font Type: Select a font from the drop-down.
  • Font Weight: Sets normal or Bold text.
  • Font Style: Sets normal or Italic text.
  • Font Color: Set the color for the font. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.

Click [Apply] to update your profile page.

 

Page Content

You can include an optional Header and/or Footer on your profile interface to further brand and style the page to better represent your organization

 

Header

You can include a header on your profile page.

  • Background Image: You can use an image for the header. Click [+ Add New] to upload a new image, click “Select Existing” icon to choose an image file from your existing library, or click the “Remove” icon to remove a currently selected image. If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).
  • Height: Set the height (in pixels) of the header.
  • Foreground Color: Set the background color for the header section. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Text: Enter a title or other text that will appear in the header. Text will appear over a header image if you upload an image.
  • Font Type: Select a font for the header text.
  • Font Weight: Sets normal or Bold text.
  • Font Style: Sets normal or Italic text.
  • Font Color: Set the color for the font. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Alignment: Set the header text alignment to Left, Center, or Right.
  • Vertical Alignment: Set the header text vertical alignment to Top, Middle, or Bottom.

Click [Apply] to update your profile page.

 

Footer

You can include a footer on your giving page.

  • Background Image: You can use an image for the footer. Click [+ Add New] to upload a new image, click “Select Existing” icon to choose an image file from your existing library, or click the “Remove” icon to remove a currently selected image. If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).
  • Height: Set the height (in pixels) of the footer.
  • Foreground Color: Set the background color for the footer. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Text: Enter text that will appear in the footer.
  • Font Type: Select a font for the footer text.
  • Font Weight: Sets normal or Bold text.
  • Font Style: Sets normal or Italic text.
  • Font Color: Set the color for the font. You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Alignment: Set the footer text alignment to Left, Center, or Right.
  • Vertical Alignment: Set the footer text vertical alignment to Top, Middle, or Bottom.
  • Include Powered by Q and Security Metrics logos checkbox: You can include “Powered by Q” and the “Security Metrics Credit Card SAFE” logos in the footer.

Click [Apply] to update your profile page.

 

News & Information

You can update the News & Information section your contributors see when they log into their profile. If you wish to hide the News & Information section from your Profile Page, simply clear any content from the message box.

 

Click [Update] to save your changes.

 


Did this article answer your question?

How can we improve this article?

Your Name (optional)

Your Email (optional)