Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Add a Favicon to Your Site

  • Updated:

A Favicon is a small icon that appears to the left of your site address in your browser. It is also used in mobile website shortcuts, bookmarks, Windows tiles, and webpage shortcuts.

 

An example image containing a favicon in the top-left corner of the page, to the left of the tab name.

 

Important Notes

  • Only one favicon can be added to a website. A single website cannot have different favicons based on pages.
  • If you would like us to create a favicon for you and your website is currently live, please reach out to your Client Success Manager as there may be a cost associated.
  • If you would like us to create a favicon and your website is still in the production phase, please reach out to your Project Manager.

 

Favicon Requirements

  • /JPG/SVG: Should be 260 by 260 pixels or more for optimal results.
  • You can use a third-party site to generate your image into a .ico file if needed:

 

Instructions

 

  1. Sign in to your site
  2. Navigate to Site Tools and select Site Properties
    The URL labeled Site Properties, found in the alphabetical list in the gear icon Site Tools menu.
  3. Scroll down and click Add Favicon
    The button labeled Add Favicon below the Favicon header.
  4. Select Add Files
    The button labeled Add Files, to the right of the Cancel button and the left of the Link Selected Image button.
  5. Use the dropdown to select a Permission Set
    The permission sets found by clicking into the dropdown menu labeled Permission Set, under the Upload an Asset header.
  6. Select a Category
    The categories found by clicking into the dropdown menu labeled Categories.
  7. Drag and drop your file or click to Select Files
    The dotted border box labeled Click or drag to add files.
  8. Select the file on your computer and click Open
    The file selected in the file browser, and the Open button in the bottom-right corner of the file browser.
  9. Complete the fields
    The Permission Set, Categories, File Name, and Tags fields under the Upload an Asset header and the Save button.
    • Permission Set: Select the associated permission set
    • Categories: Type a category name to search and select associated categories
    • File Name: Enter the name of the Favicon
    • Tags: Type a tag name to search for an existing tag, or press Enter to create the tag
    • Metadata: Add a description of the file to assist the system in sorting the file in the HCMS
    • Add Metadata: Click to add more rows for metadata
  10. Select a Save Option
    The button labeled Save, and the save Action Menu to the right of the Save button, all under the Upload an Asset header.
    • Save: Save without publishing
    • Save and Change to Published: Save and publish the Favicon to your site
  11. Select a Scheduling and Notification Option
    The option sets under the Scheduling header and the Notify Your Users header.
    • Schedule
      • Set to Published immediately: Publish the Favicon now
      • Set to Published at a later date: Select a later time and date to publish the favicon to the site
    • Notify Your Users
      • Do not send a notification: Do not notify your users of the change
      • Send notification on publish date: Notify your users of the change on the date the favicon is published
  12. Select the uploaded image and click Link Selected Image
    The button labeled Link Selected Image in the bottom-right corner of the Select an Asset window.
  13. Scroll up and click Save Changes
    The button labeled Save Changes in the top-right corner of the page.

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.