Customize Your Customerhub Member Website

Introduction

Follow the instructions below to:

  • Upload your company logo
  • Change the company name in the header
  • Choose your theme
  • Customize your theme

 

Step-by-Step Instructions

  1. To Upload or Change Your Company Logo, Go to Settings > Customize Theme > logo.

    The height of the logo must be less than 200 pixels and the width must be less than 210 pixels. Larger logos are re-sized automatically. For best results, the logo file should be in .gif or .png format with a transparent background.

     

  2. Click on Choose File to select the logo file stored on your computer.

     

  3. Double click on the logo file to select it.

    The file name is displayed so you can make sure you've selected the correct file.

     

  4. Click Save to complete the upload process. The logo is updated immediately.

     

  5. To Add your company name, go to Settings > Application Settings

     

  6. Edit the contents of the Application Name field.

     

  7. Scroll to the bottom of the settings page and click Save; the update is applied immediately.

    The Dropdown Menu layout option displays your company logo in the header of your site instead of the Application Name. You can either switch to the Dropdown Menu layout or customize the CSS stylesheet for the Tab layout to hide the Application Name and / or replace it with a company logo.

     

  8. To Choose a theme, go to Settings > Change Theme

     

  9. Browse through the available themes and click the Switch to this theme link next to the theme you like.

    CustomerHub has easy-to-use tools that help you with basic color customizations. You can also customize the site's CSS Stylesheet for more advanced customization.

     

  10. To Customize your theme, go to Settings > Customize Theme > Colors tab

     

  11. Refer to the image map to see what colors you can customize.

    You can also use this area to preview color changes before you save them.

     

  12. Go to the color field for the item you want to change.

    • If you know the hexadecimal code for the color you want to use, click into the code field to update the color code. The "#" symbol is required.
    • If you don't know the hexadecimal code, want to add RSB / HSB code, or just want to experiment, click on the small colored square next to the hex code to access the color picker.

     

  13. (Optional) Preview the color change in the image map above.

     

  14. (Optional) Repeat this process to edit additional color fields.

     

  15. Click Save. The updates are applied immediately.

     

  16. Click on Site Preview to view the customer / member portal and see the color changes.