How to add a logo at bottom of CSM portal?

The Matrix
Tera Contributor

Hi all,

I have a requirement where I need to add a logo on a bottom of csm portal landing page marked with yellow marker. How do I add a logo on that position?

SiddharamTaka1_0-1699935963449.png

Thanks

1 ACCEPTED SOLUTION

DYCM
Mega Sage

Hi @The Matrix ,

Please follow the steps to add the logo as shown in below screenshot.

5.png

1. Please create a widget

1.png

 

<div style="display: flex;justify-content: center;align-items: center;">
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>
</div>

2. Go to Customer Support portal > Homepage

2.png

3. Create a new row, column and instance as shown in below screenshot.

3.png

4. In the instance, select the widget you just created.

4.png

View solution in original post

2 REPLIES 2

Karthiga S
Kilo Sage

Hi @The Matrix 

 

To add a logo at the bottom of the CSM portal landing page, you can follow these steps:

1. Navigate to Service Portal > Portals.

2. Open the portal record where you want to add the logo.

3. In the "Theme" field, note down the theme being used.

4. Navigate to Service Portal > Themes.

5. Open the theme record noted in step 3.

6. In the "Footer" field, note down the widget being used.

7. Navigate to Service Portal > Widgets.

8. Open the widget record noted in step 6.

9. In the "HTML Template" field, you can add the HTML code to display your logo. 

Replace "logo_url" with the actual URL of your logo.

10. Click "Update" to save the changes.

 

Please note that you need to have the appropriate roles (like admin or sp_admin) to make these changes. Also, it's recommended to clone the existing widget and make changes in the cloned widget instead of modifying the out-of-the-box widget. This way, you can easily revert back to the original widget if needed.

 

Please mark it Correct and Hit Like if you find this helpful!

DYCM
Mega Sage

Hi @The Matrix ,

Please follow the steps to add the logo as shown in below screenshot.

5.png

1. Please create a widget

1.png

 

<div style="display: flex;justify-content: center;align-items: center;">
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>
</div>

2. Go to Customer Support portal > Homepage

2.png

3. Create a new row, column and instance as shown in below screenshot.

3.png

4. In the instance, select the widget you just created.

4.png