The LearnWorlds Site Builder allows you to design visually appealing pages, from the top bar to the footer. The footer is a crucial part of your school's website, as it provides essential navigation and information to your visitors. Many users scroll down to find details like social media links, company information, or contact details.
With LearnWorlds, you can fully customize your footer by adding elements like social icons, copyright notices, or company details. You can also design different footers for different devices and even create custom footers for specific pages.
In this article, we will learn how to edit and customize your school's website footer—including its layout, widgets, and animations—while creating device-specific designs, managing social links, and setting up custom footers for individual pages.
To access the footer, go to Website → Design → Edit Website and select a page.
1. Scroll to the bottom of your page and click on Edit School Footer.
2. Click on Footer Settings to change the layout, the position of the widgets, the background color, or the image. You can always add additional columns/widgets.
Create a different Footer for each Device
You may want to create a different Footer for Smartphones, Tablets, or Desktop Devices, with different content and columns. To achieve this, click on the Device Authoring settings and choose a Device. Scroll down the page and click on Edit School Footer, to customize your footer.
For more information on how to edit pages on different Devices, check this article.
Social Links
A footer is an ideal place to display your social media links. To add or edit them:
1. Select a footer layout that includes Social Links and click on Edit Social Links.
2. You can change the Appearance and the Alignment of the social links.
3. You may enable/disable the social icons and add an On click action. E.g if you wish to connect your Facebook account you should choose the Social link → Facebook.
For the footer social icons to be functional it is important to fill in the social details of your school. Go to Settings → School info → Social details where you can fill in e.g. the Facebook page URL for it to get enabled as the social link in your Footer.
An alternative would be to choose an On-click Action → URL and manually paste the relevant social URL you wish to promote (e.g. https://www.facebook.com/learnWorldsCo/ for Facebook). 
Custom Page Footer
LearnWorlds allows you to:
- Use a common footer across all pages.
- Create a custom footer for specific pages.
- Hide the footer on certain pages.
To configure this, go to Page → Topbar & Footer and choose whether you want the page to display a common footer, a custom footer, or no footer at all.
