Adding social media links
In case you’d like to add extra social links to the footer, please follow the instructions:
- Go to Font Awesome and find the icon of the desired social network.
- Copy the
fa-
name of the icon. In the example below it'sfa-tiktok
.
- Go back to the Zendesk.
- In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.
- Click Customize on the theme you want to edit to open it.
- Click the Edit code button.
- In your theme code configuration page under the templates directory, click the
footer.hbs
file. - Find the section with social links. It might look like this:
-
Create an
<a>
element with the same classes as other social links. In this case, it looks like this:<a class="lt-footer__social-link fab FA_CLASS_NAME" href="URL_TO_SOCIAL_MEDIA_ACCOUNT" target="_blank" > <span class="sr-only">SOCIAL_MEDIA_NAME</span> </a>
Let's say we want to add a link to Zendesk's TikTok account:
<a class="lt-footer__social-link fab fa-tiktok" href="https://www.tiktok.com/@zendesk" target="_blank" > <span class="sr-only">TikTok</span> </a>
- Insert this code below the code of the last social link in the theme.
- Click Publish