Template Builder
Last updated
Last updated
The Theme Builder is a powerful interface that lets you use the Elementor Page Builder to create and manage theme templates. You can assign these custom templates to pages or posts across your site, giving you full control over elements like the header, footer, and page title. Additionally, you can use the Theme Builder to create advanced features such as mega menus, off-canvas menus, and popups.
You can access the Theme Builder in your WordPress dashboard, located right below the Theme Options panel
To create a custom header, click on Add New, then select Header Type from template options:
There are a few options you need to set before editing the content:
Display Condition: Select the locations where this template should be visible.
Exclude Condition: Select the locations where this template should be hidden.
Active Template: Activate this template or save it as a draft, depending on your preference.
Finally, you can publish the template and begin editing it with Elementor to customize it further.
To create a custom footer, click on Add New, then select Header Type from template options:
There are a few options you need to set before editing the content:
Display Condition: Select the locations where this template should be visible.
Exclude Condition: Select the locations where this template should be hidden.
Active Template: Activate this template or save it as a draft, depending on your preference.
Finally, you can publish the template and begin editing it with Elementor to customize it further.
To create a custom footer, click on Add New, then select Header Type from template options:
There are a few options you need to set before editing the content:
Display Condition: Select the locations where this template should be visible.
Exclude Condition: Select the locations where this template should be hidden.
Active Template: Activate this template or save it as a draft, depending on your preference.
Finally, you can publish the template and begin editing it with Elementor to customize it further.
Go to Add New, and select Mega Menu from the template type
Finally, you can either Save and Edit using Elementor, or simply Save and Close, if you wish to add your content later.
To assign the Mega Menu to header, go to Appearance > Menus and look for Template Builder on the left side (If it's not there click on Screen Options - Top right of the screen and enable Template Builder ):
After adding the item to your header, you can change the name to anything you want:
To create a popup chose template type as popup.
There are a few options you need to set before editing the content:
Popup Settings: Configure the popup settings, including its width, height, and delay time.
Display Condition: Select the locations where this template should be visible.
Exclude Condition: Select the locations where this template should be hidden.
Active Template: Activate this template or save it as a draft, depending on your preference.
Finally, you can publish the template and begin editing it with Elementor to customize it further.
To create an off-canvas menu, select 'Off-Canvas' as the template type and configure the off-canvas width as needed
Finally, you can publish the template and start editing it with Elementor for further customization. Later, you can add the off-canvas width to any page as needed.
