The footer is a key part of your websiteβitβs where visitors often look for important information like contact details, social links, copyright notices, and navigation shortcuts. With Elementor, you can easily create a fully customized footer that matches your brand and improves the overall user experience.
Follow the steps below to set up and customize your footer.
Table of contents
Required Plugins
Before you begin, make sure the following plugins are installed and activated:
- Elementor (Free) β Required for designing pages and sections.
- Elementor Pro (Paid) β Required to use the Theme Builder, which lets you create and customize headers, footers, and other global templates.
Required Theme:
For optimal performance and seamless integration with Elementor, use an Elementor-based theme. This ensures full access to all design features, smooth customization, and maximum compatibility when building your website.
For reference and documentation, we have used the Travel Elemento Theme.
Step 1: Open the Footer Template
- From your WordPress Dashboard, go to Templates > Theme Builder.
- Click the β+β (Add New) button to create a new custom footer template.
Step 2: Customize Footer Elements
Some standard footer content to consider including:
- Navigation Menu: A pared-down version of your main site navigation (using the Nav Menu widget) for quick access to key pages.
- Contact Information: Use Text Editor, Icon List, or Icon Box widgets to show address, phone, email.
- Social Icons: Add the Social Icons widget for linking to your social profiles.
- Newsletter Sign-Up / Form: If applicable, use the Form widget (Elementor Pro) to allow visitors to subscribe to updates.
- Logo or Site Identity: Use the Image or Site Logo widget.
- Legal / Copyright / Policy Links: Simple text or link widgets for βΒ© Year + Your Businessβ, privacy policy, etc.
Step 3: Style the Footer
- Go to the Style tab of each widget to adjust colors, typography, and spacing.
- Use the Advanced tab to manage margin, padding, custom positioning, and motion effects.
- Configure responsive settings to ensure your footer looks perfect on desktop, tablet, and mobile.
Step 4: Publish the Footer
- Click Publish when youβre happy with your design.
- Set Display Conditions to choose where the footer should appear:
- Entire Site
- Homepage only
- Specific pages or categories
- Click Save & Close to apply changes.
Step 5: Frontend View
- Once published, visit your websiteβs frontend to see the new custom footer in action.
Conclusion
By using Elementorβs Theme Builder, you can create a visually appealing, fully customized footer that matches your brand and improves your siteβs usability. Whether youβre adding navigation links, social icons, or a newsletter signup form, Elementor gives you the flexibility to design the perfect footer β no coding required.
Check WP Travel documentation to learn more about configurations, modules, payments, and shortcodes.
Your feedback helps us improve. Please share your thoughts.
Need assistance? Contact our support team, join our Facebook community, and subscribe to our YouTube Channel for video tutorials.
You can also find us on Facebook, Instagram, LinkedIn, TikTok, and X. Thank you for choosing WP Travel.
If you are a WP Travel Free user thinking about upgrading to Pro, simply click on the banner below.
WP Travel Editorial is a team of WordPress and travel industry experts dedicated to delivering technical resources, travel business guides, and general travel insights. With over 10 years of experience, the team provides in-depth release notes, feature updates, and informative articles to help tour operators and travel enthusiasts succeed in the evolving travel landscape.
From plugin updates and industry trends to practical travel resources, WP Travel Editorial shares valuable content that supports both the travel industry and avid travelers.
