Dashboard > Wild Apricot Knowledge Base > ... > Customizing your website > 6. Inserting favicon ico
Online Help
For main website go to www.WildApricot.com
Membership and website software for communities
Build a free demo site and send it
out for feedback in 25 minutes
Name:
Email:
We value your privacy
Log In   View a printable version of the current page.  
Added by WildApricot admin, last edited by WildApricot admin on May 11, 2008  (view change)
Labels: 
(None)

Home

Inserting favorites icon

A favorites icon (favicon), also known as a website icon, a page icon, or an urlicon, is an icon associated with a particular website or webpage. For example www.WildApricot.com has a little apricot icon shown right before the URL in the internet browser:

Wild Apricot allows you to customize your website in a similar way. You can create a unique icon that would uniquely identify your Wild Apricot website on internet.

Follow these steps to add the icon to your site:

  1. Upload your icon on your Wild Apricot site. For this you need to go through the same steps as you would to upload a document to the server. (See: Inserting a document into a web page, steps 1-3).
  2. Identify icon URL. To identify the link to your icon, simply insert it on any of your webpages (step 4 of [Inserting a document into a web page | Inserting a document into a web page). Once you insert the icon to a page - it will be inserted as a link. Save the page (click [Publish] button), then right click on the icon's link - and copy its location (select Copy shortcut in Internet Explorer or Copy link location in Firefox browser). Open a notepad and paste the link. It will look similar to: (http://bona.camp8.org/DocumentHandler.ashx?DocId=422). The part that we are interested in is the last part: (/DocumentHandler.ashx?DocId=422)
  3. Edit Meta tag. Go to editing of global meta tags for your site (See: Meta tags) - and insert the following code into Raw header:
    <link rel="shortcut icon" type="image/ico" href="/DocumentHandler.ashx?DocId=422"  />

    Now click on [Reset all pages to use this] button. Click [Save] button to exit.

  4. Logout. In order to see the result you have to logout from administrator account. You should see something similar to my example: