Building the Footer

The Footer is the block at the bottom of every page — typically link columns, contact details, social icons and a copyright line. In Shock the footer is a Global Section, so you design it once with Elementor and control where it appears.

You can create more than one footer (for example, a full footer for content pages and a slim one for checkout) and swap them with display conditions.

Create the Footer

1. Go to Shock » Global Sections and click Add New.

2. Give it a title such as Main Footer (for your reference only — it isn’t shown on the site).

3. Set Section Type to Footer.

4. Under Display Rules, choose Entire Site. Add Exclude Rules for any page that should have a different footer or none at all.

5. Click Update, then reopen the section and click Edit with Elementor to design it.

Design the footer

Inside Elementor, structure the footer with columns and Shock Core widgets. Common building blocks are:

• Columns of links — use an Elementor inner section (or several columns) with a Nav/Menu widget or icon-list widget in each. A menu built under Appearance » Menus keeps these links easy to update.
• Contact and social — add address, phone, email and social-icon widgets.
• Widgets — anything Elementor offers: a newsletter form, recent posts, a small map, or a logo.

Arrange the columns to suit your design and adjust spacing, colors and typography live.

Tip

Give the footer a background color or top border that separates it clearly from the page content above it, and check the column stacking in Elementor’s responsive (mobile) preview.

Copyright / bottom bar

For the small print at the very bottom, add a final full-width row beneath your columns — for example a single centered text widget with your copyright notice, plus a secondary menu (privacy policy, terms) if needed. Styling it with a slightly darker background is a common way to visually distinguish the bottom bar from the main footer.

Caution

Assign only one footer to any given page. If two Global Sections of type Footer target the same location you’ll get two footers stacked on top of each other — use Exclude Rules to prevent overlaps.

Related Global Sections Overview · Navbar