The same as building your header, you can easily use the drag and drop builder to create the website footer. Navigate to Appearance > Customize > Footer on your admin panel to set up your footer.
Footer Builder
In the footer settings, the drag and drop builder will appear on the top of the live preview. It allows you to drag and drop elements into footer area, which is divided into two rows. The rows in the builder represent each area in the footer while the columns represent the position depends on the layout you choose (e.g. in general if you drop an element at the right side of the first row, the element will be displayed at the top right side). The placement order in a row also represents the position (stack) of elements.
- First row: to drag and drop elements on the top of footer area, may consist of every footer element.
- Second row: to drag and drop elements on the bottom of footer area; can only consists of payment logos, copyright text, footer menu, and footer social icon.
- Third row: additional row showing the pre-built elements that are not in use. You can drop elements you do not want to use here or drag elements to place it in the footer.
NOTE: The number of columns depends on the chosen footer layout. Every time you change the footer layout, you need to re-assign the elements into the builder.
The builder provides the shortcut to modify each element using Edit button for each element. The button will take you directly to the page settings of the element without having to go to its section in footer or widget settings manually.
Footer Elements
The elements you can input in footer area are logos, description, social icon, widgets, and copyright text.
- Footer Logo: add your site logo; upload it from Appearance > Customize > Footer > Footer Main.
- Footer Description: add your website short description in the footer; the Footer Description text box is in Appearance > Customize > Footer > Footer Main.
- Footer Menu: add navigation menu, which is set on menu settings (Appearance > Menus > Menu Locations)
- Footer Social Icon: add a list of social icons; navigate to Appearance > Theme Option > Social Account to set up the social accounts.
- Payment Gateway Logos: add the payment gateway logo images; modify it by going to Subfooter section in footer settings.
- Copyright Text: add a copyright or disclaimer text; to edit the text navigate to Appearance > Theme Option > Footer > Subfooter, then change the text on ‘Copyright Text’ box.
- Footer Widget: add a widget to the footer area; modify it from Appearance > Customize > Widgets.