# Set up Footer

**Step 1**: Go to UAE > Header & Footer Builder > Add new

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/GHxe8rq8oI93DNxNjjxG/image.png" alt=""><figcaption></figcaption></figure>

**Step 2:** Add Title > Type of template > Footer > Edit with Elementor.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/lEjIxew1OBXJxzCPXQ9Y/image.png" alt=""><figcaption></figcaption></figure>

By bringing the power of the Elementor editor to the header/footer areas, you can design them any way you like, full-width included, and be able to complete projects faster than ever. You can also save header and footer templates, and reuse them on any other project.

If you are beating yourself up right now for all the hours you lost in the past over your Footer design, we share your feelings. From now on, with the help of Theme Builder, things are going to be much faster. [Learn How To Build Footer](https://www.youtube.com/watch?v=ob7SMEfVRfc)​

{% embed url="<https://www.youtube.com/watch?v=ob7SMEfVRfc>" %}

**Step 3**: Choose a *Footer Block* and Insert it. Alternatively, you can design your own.

**Step 4**: After you’ve finished designing, click Publish.

### How are Conditions Displayed?

**Step 1**: Choose the tab Header & Footer Builder and you can add the template that has been created to the page.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/OKFy0SDuMSif1MnxqJUx/setup_footer_condition.png" alt=""><figcaption></figcaption></figure>

**Step 2**: Edit the display of your Header & Footer Builder Template that can add the created template to the page.

![](https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/j8gO4hEUbFdkXwErYxF3/header02.png)

**Step 3**: Click SAVE & CLOSE

### Before footer

**Step 1**: Go to WordPress Dashboard > UAE > Header & Footer Builder > Add new

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/MnwYppLCwpBFO43M33Ov/setup_header.png" alt=""><figcaption></figcaption></figure>

**Add Title** > Select **Type of template** > **Before Footer** > **Edit with Elementor**.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/TgY1VXV8NAUGZw5m7NP3/setup_footerbar.png" alt=""><figcaption></figcaption></figure>

After you’ve finished designing, click **Publish**.

1. You can edit the Footer to change title / button on the first row:
2. Drag or drop the element that you want to build your template style with an unlimited layout.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/bpqglQDAXtBlMw3blVvt/setup_footerbar-1.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/tQr5YNhTY4zkHj1xp0hN/setup_footerbar-2.png" alt=""><figcaption></figcaption></figure>

3. Once you have made the needed changes, click ‘**Update**’, and choose where to Display Conditions.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/Itru5qGrApDygvi2OKTt/setup_footerbar-3.png" alt=""><figcaption></figcaption></figure>

Show footer bar

<figure><img src="https://2678357182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYmLgn1Ie3Az1dyis4Wkn%2Fuploads%2FT2zrEshAVHvUyDAvnzVn%2FScreen%20Shot%202025-07-09%20at%204.02.07%20PM.png?alt=media&#x26;token=1aa603b1-7cc7-484f-bebe-8745e06fdf2d" alt=""><figcaption></figcaption></figure>

4. Set the conditions that determine where your **Footer** is. For example, choose '**Entire Site**' to display the header across your site.

<figure><img src="https://content.gitbook.com/content/YmLgn1Ie3Az1dyis4Wkn/blobs/QAohEFttDGNfQgxTbq7D/setup_footerbar-5.png" alt=""><figcaption></figcaption></figure>

5. &#x20;Click **"Publish"**
