# Footer

## 1. Bottom Footer

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FpFuOIzDdareQsTu0fy6x%2Ffooter.jpg?alt=media\&token=426913f2-59c4-4447-bf83-e4a976227583)

### 1.1. Create a bottom footer module

Please go to Admin > Content > Site Module > Add a new module of SP Page Builder

* Module's name: **Bottom Module**
* Module's position: **bottom-1**
* Menu Assignment: **On All Pages**
* This module uses these addons: **UK Image, UK Text, UK Heading, and Divider**

![Create bottom footer module](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FFYjiwvHAt7oFGfQTflzr%2Fbottom-footer-module%3Dsppb.jpg?alt=media\&token=fbbc5f8b-66f7-482c-9a13-dacc7705d595)

## 1.2. Footer Modules

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FJDaKHex0caAlNWhaVGUq%2Ffooter-menu.jpg?alt=media\&token=9dd787b8-1631-4076-9e6f-412f713dd310)

### Create Footer Menu module

Please go to Admin > Content > Site Module > Add a new module of SP Page Builder

* Module's name: **Menu Footer**
* Module's position: **jollyany-footer**
* Menu Assignment: **On All Pages**
* This module uses the addon: **Navigation**

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FLlaDwQDuZI0TzWJ9HSL7%2Fmenu-footer-sppb.jpg?alt=media\&token=11d94b92-88b0-4b5b-9403-d9fd8766ebc5)

### Create Follow Us module

Please go to Admin > Content > Site Module > Add a new module of SP Page Builder

* Module's name: **Social Footer**
* Module's position: **footer-1**
* Menu Assignment: **On All Pages**
* This module uses the addons: **UK Heading and UK Icons**

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FqToJXj498izHyagUH8bA%2Fsocial-footer-sppb.jpg?alt=media\&token=775b3e34-22db-45e2-b6f3-abc9637a30a0)

## Add the module position to your layout

The module's position should be placed in all the layouts of template styles you're using, so it can display correctly on the whole site. 

* Please go to Admin > system > Site template styles
* Edit your styles > template options > Layout
* Find Footer section > edit Bottom module, Footer Menu, and Menu Footer > Select module position

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FIGdo1Omit4Wi54OjyGAD%2Flayout.jpg?alt=media\&token=e94846ad-5fee-48ed-bd14-cfb7b373078d)