Blog

How to create a footer in Divi step by step

Blog

How to create a footer in Divi step by step
crear un footer en divi
crear un footer en divi

How to create a footer in Divi step by step

The footer, or “footer”, of your website is one of the most underrated, but most important areas. It’s the last place users see and often contains vital information such as contact links, privacy policies, and social media profiles. If you are using Divi, the popular page builder for WordPress, you have multiple tools to customize and create a Footer in Divi as unique and functional as the rest of your website.

In this article, we will not only explain how to create a footer from scratch with Divi, but we will also show you how to integrate tools like Divi Instagram Footers from Destaca to give it a special touch.


The footer is a strategic space to improve navigation and your brand identity. A well designed footer can offer many benefits. So here are some reasons to create a customized Divi footer:

Reinforces your visual identity: You can include your logo, colors and fonts that identify your brand.
Increases functionality: With useful links, subscription forms, social network icons and other elements that facilitate navigation.
Improve SEO: By including strategic internal links, you help search engines index your site more effectively.


Create a Footer in Divi is possible using its Theme Builder. This flexible tool allows you to create a global footer design that will appear throughout your site, or you can make custom footers for specific pages.

Step 1: Access the Divi Theme Builder


From the WordPress dashboard, go to Divi > Theme Builder. Here you can add a new template or edit an existing one. Select “Add Global Footer” or create a custom one for specific pages.

create a footer in Divi

Step 2: Add modules and sections


Once inside the editor, start create a Footer in Divi by adding sections and rows. For example, a common structure for a footer is to divide it into three or four columns, where you can include a navigation menu, contact information and links to social networks.

Step 3: Add content


Divi uses modules to create content. Some recommended modules for a footer are:

Text Module: For copyright or basic information.
Button Module: Ideal for calls to action like “Contact us” or “Subscribe”.
Social Network Icons Module: To link your social profiles.


Create a Footer in Divi with widgets is the default WordPress option, if you choose ta you will no longer be able to use the Divi visual builder for this area. Widgets allow you to add dynamic and flexible content, such as recent posts, search forms or custom menus. WordPress offers a wide range of widgets that you can drag and drop directly.


In the WordPress dashboard, navigate to Appearance > Widgets. Here you will see default areas for widgets, including a section for the footer.

create a Footer in Divi

Step 2: Select and add widget


From the list of available widgets, choose the ones you want to include in your footer, such as:

Custom menu: to add additional links to your site, such as important pages or blog categories.
Recent posts: Useful for sites with an active blog.
Social network icons: So that users can follow you on different platforms.

4. Integrate Divi Instagram Footers in your design (2 option)


If you want to create a professional footer with a dynamic visual integration, you can opt for Divi Instagram Footers by Destaca. This add-on allows you to display your Instagram feed directly in the footer, adding a visual and social touch.

divi-instagram-footers

  • Social interaction: By displaying your Instagram feed, you encourage users to follow you on social networks and increase interaction.
  • Dynamic design: The footer constantly changes according to new Instagram posts, making it visually appealing and relevant.
  • Visual content: Ideal if your brand is focused on visual products such as fashion, art or photography.

Divi Instagram Footers Features.


Destaca’s Divi Instagram Footers product offers outstanding features that make it a powerful tool to enhance your footer:

  • 14 different layouts: With a minimalist and elegant style, these layouts are ideal for a wide variety of websites. Each design is optimized to showcase the best of your brand through Instagram posts.
  • Unlimited license: You can reuse the designs on every new project, creating unique combinations for different websites.
  • Black and white version: Each of the 14 designs comes with a black and white version, allowing you to visually unify your latest Instagram posts with the rest of the website design.
  • Fully customizable: Colors and fonts can be easily adjusted using Divi’s native controls, allowing you to tailor the design to your brand.
  • Compatibility with mobile devices: The package is fully developed to be compatible with phones and tablets, ensuring that your footer looks great on any device.

Step by step to install Divi Instagram Footers

  • Purchase the Smash Balloon Social Photo Feed plugin from the Destaca Imagen site.
  • Install the plugin on your WordPress from Plugins > Add New > Upload Plugin.
  • Connect your Instagram account to the plugin.
  • Import the Instagram feed configuration file.
  • Now you can import your feed layout to Divi footer using “Instagram Footers” module in Divi Theme Builder.

5. Examples of attractive footers in Divi


Creating a footer in Divi can be laborious if you want to do all the manual integration, but there are many possibilities and tools that can make our work much easier. Here are some of the simplest and most used styles in the footers we create for you to get inspired:


Creating a minimalist footer in Divi is always a good option. This simple and elegant design includes only the essentials, such as the copyright and some small navigation links. It is ideal for those who are looking for a clean and focused look.

create a Footer in Divi
create a Footer in Divi
create a Footer in Divi


A footer design that includes a subscription form can help you generate leads. Creating a footer in Divi with a form in one column with a contrasting background color and a visible call-to-action button can be a good option.

create a Footer in Divi


With Divi Instagram Footers, you can display a real-time feed of your Instagram posts in the footer, making it more visually appealing and functional at the same time.

create a Footer in Divi

Conclusion


Create a Footer in Divi can be simple as the theme offers you great flexibility to customize your website design. From adding useful widgets to integrating advanced tools like Divi Instagram Footers, you can transform the footer into a dynamic and functional section. Take advantage of the tools Divi offers to optimize the user experience, improve navigation and reinforce your brand identity. Give your footer the attention it deserves and make your website stand out!

Create a footer in Divi | Destaca

Find everything you need to create with Divi

Divi plugins | Divi Themes | Divi Layouts

At Destaca Imagen, we bring your ideas to life with Divi. We create unique DIVI templates that transform your website into a visual and functional experience, tailored to your needs. Give your project the boost it deserves with our innovative and fully customizable designs. The future of your website starts here!

About Destaca Imagen

CHEMA & ANTO

We are brothers. As a designer and developer, we have decided have to join forces  to create plugins and themes for WordPress.

 

¡Apuntate a nuestra lista!

Los mejores trucos y tutoriales para Divi y WordPress en tu bandeja de entrada

Join our list!

The best tricks and tutorials about Divi in your inbox

On our shop

En nuestra tienda

Suscribe

The best tricks and tutorials about Divi in your inbox

Apúntate a nuestra lista

Los mejores trucos y tutoriales para Divi en tu email

También te podría gustar:

You may also like

How to Create a Child Theme in WordPress

How to Create a Child Theme in WordPress

In WordPress website development, customization is key to stand out and offer a unique experience to users. However, directly modifying a theme can be problematic when it comes to updates. This is where the concept of a Child Theme comes into play. In this article, we...

Download, install and license activation on plugins and themes

Download, install and license activation on plugins and themes

How to download and install a pluginHow to download and install a themeHow to install the license for a plugin or themeHow to import a themeHow to install a layoutInstalling themes locallyTechnical problems. Minimum memory requirementsWhere is my invoice? How to...

Text over image in DIVI

Text over image in DIVI

Today, we're excited to unveil a simple yet powerful hack that can significantly enhance the legibility of text over image in Divi. This handy tutorial is part of our Divi Basics series, designed specifically for those who are just dipping their toes into the vast...

Full Height Section in DIVI

Full Height Section in DIVI

How do I create a section that fills the total height of the screen (full screen) in DIVI? In this post we are going to show you how to create the sections that occupy the entire height of the screen. This is ideal for creating more visual webs, powerful call to...

Responsive Font in DIVI

Responsive Font in DIVI

Responsive font in DIVI? Is that even possible? YES!!!! What is more, you can do it with any font type! So today we would like to tell you a bit about the Divi responsive font. We will show you how to adapt the font size to your screen, no matter if you look at the...

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Get 5€ Off now!

Register now and get free coupon code.

 Register Now
Select currency
Euro