Changing Your Members Portal Favicon (Version 3 & 4)
  • 12 Oct 2022
  • 1 Minute to read

Changing Your Members Portal Favicon (Version 3 & 4)


Favicons are the small images that you can see on your browser tabs. You can customize this favicon to match your logo or your branding in Nexudus.

faviconexample

Changing your members portal favicon is an easy two-step process on the Admin Panel.

Step 1. Uploading your Favicon to the Custom Files Folder

You need to upload your favicon image to the custom files folder of the template editor to link to it in the code.

We recommend using PNG files.
  1. If the navigation menu isn't visible, click the menu icon in the top left corner of the page.

  2. Click on Image files.

  3. Click Add image on the top right corner of the page.

  4. Click Select file and select your favicon.

  5. Click the Save Changes button.

Your favicon file now appears in the folder.

Favicon_FileList.png

  1. Click on your favicon.

  2. Copy your favicon's URL by clicking on the clipboard icon and save it somewhere.

FaviconLink_Highlight.png

You'll need it to complete the next step.

Step 2. Adding your Favicon to the head.js File

Once you've uploaded your favicon and saved its URL, all you need to do is add a snippet of code to your head.js .

  1. Click on head.js.

  2. Add the following code snippet at the end of the head.js file, after the */ symbols.

[
{"type": "link",        
"rel": "icon",        
"href": "",       
"sizes": "32x32"}
]
Make sure you copy the full snippet, including the square braces [ ].
  1. Add your favicon's URL between the quotation marks after the href tag.

FaviconSnippetURL.png

Make sure the URL is within the quotation marks.
  1. Click the Save button. 

Your favicon should now appear when you open your members portal page in any browser. If you don't see your favicon, try refreshing the page.