CSM portal custom footer

BiancaK
Tera Expert

Good Day

I am wondering if anyone can assist me please?

I would like to create a custom footer on the CSM portal or a footer that looks similar to the one used on the ESC portal. 

Example of ESC portal footer:

BiancaK_0-1712988560508.png

 

I tried copying the code of the ESC portal footer and done some edits to create my own custom footer for CSM portal but it is not working.

Additionally, I also tried a different method to create a footer on the CSM portal and used this instructions from ServiceNow docs but it is not working: https://docs.servicenow.com/bundle/vancouver-customer-service-management/page/product/customer-servi...

 

- I installed the plugin

- copied this JSON code in the quick start config field, but it is not working. Maybe I am copying the JSON code incorrectly?

 

Quick start field on CSM portal record before: 

BiancaK_0-1712981666985.png

 

Quick start field after I copied the JSON I found on the above ServiceNow doc:

BiancaK_1-1712981763296.png

[{
"tagline": {
"table" : "sp_instance",
"sys_id" : "ffb9c4b7cb01120000f8d856634c9c53",
"field" : "title"
},
"hero_background": {
"table" : "sp_container",
"sys_id" : "14bed744cb01120000f8d856634c9c2e",
"field" : "background_image"
},
[
footer": {
"org_info": [
"<line #1>",
"<line #2>",
"<line #3>"
],
"copyright": "<copyright text>",
"logo_img_name": "<image name from db_image table>",
"sitemap_links_menu_sys_id": "c23e78a7773121107b89a0e89e5a9984",
"footer_links_menu_sys_id": "57bd74a7773121107b89a0e89e5a9928",
"social_links_menu_sys_id": "b95c7867773121107b89a0e89e5a996b"
},

"secondaryMenu": {"sys_id": "53616d1e3b013200367aee1234efc439"}
}]

I am not sure if I pasted the above code correctly in the quick start config field?

 

I have also added the Portal footer record to the Footer field as per ServiceNow doc instructions:

BiancaK_1-1712981915560.png

 

Still no footer is showing

BiancaK_0-1712981874203.png

 

 

Anyone able to assist please? Or recommend any other way of achieving this?

 

Thanks

6 REPLIES 6

Community Alums
Not applicable

Looks like a missing quotation mark right before the "f" in footer is the first thing I see. 

Ramya V
Kilo Sage

Hi @BiancaK,

Create the Footer Widget:

  • Build the CSM Footer Widget using HTML and CSS.

RamyaV_3-1739273541035.png

 

Add the Widget to the Theme:

  • Open the Theme Record of your portal.
  • Find the Footer section in the theme settings.
  • Add your Footer Widget in the appropriate field where widgets are displayed.

OR

  • Directly Open the Theme Record and locate the footer section.
  • Insert the Footer Widget into the highlighted field in the Theme settings i.e., Footer field.

RamyaV_0-1739273311379.png

 

RamyaV_2-1739273489909.png

Clear Cache and Open the Portal:

  • After adding the widget, clear your browser cache to ensure the changes are reflected.
  • Open the portal to confirm that the footer is correctly displayed.

 

Please mark my answer as Correct and Helpful if this solution works for you. Let me know if you need any additional guidance!

 

 

Community Alums
Not applicable

Ramya - 

As of the newer releases the footer for the organization is actually best configured in CSM using the quick start config area of the portal record.  

 

@BiancaK - I have actually pinpointed the issue - here is a capture from a successful footer configuration i have recently done - 

 

cgabriel95_0-1739291134016.png

 

You will notice that the footer is part of the main bracket of JSON being put in.  So you would  be able to  eliminate the fist brace "[" before the footer area.  You will need the missing quotation that i mentioned before.  My version of the footer only has the footer links menu referenced, but if you had additional groupings you could then reference those menus for the footer menu as you were attempting.  Then after the closing bracket of the footer the original bracket and brace closing out the JSON would be present.  

 

The documentation is a little bit misleading because it is written in a way that the footer content would be used standalone as if the quick start config portion were empty.  It may be helpful of ServiceNow to provide an example of the script for users where the quick start config already has some elements in place. 

Hi @Community Alums,

When I implemented the footer as we do for the Employee Center, I noticed that it appears on the first page of the portal (i.e., https://<instancename>.service-now.com/csm). However, when navigating to other pages within the portal, such as the "Request Something" page or when returning to the portal (https://<instancename>.service-now.com/csm?id=csm_index), the footer is not visible.

If you have implemented the footer and ensured consistency across all portal pages, please provide a solution.

Thanks.