4 Elements That Can’t be Missing from Your Footer & How to Add them with Divi

by | Dec 12, 2021 | Etcetera | 0 comments

The footer is a treasured area to your WordPress web site. Applied accurately, it could actually assist guests in finding what they want and keep to your web site longer. The WordPress footer shouldn’t come with the rest and the whole lot. It will have to be designed neatly and serve its function. On this article, we’ll have a look at 4 Divi footer components to incorporate on your web site’s footer. We’ll additionally see methods to upload them with Divi.

About my Examples of Divi Footer Components

For my examples, I’m appearing footers from the more than a few loose footer templates to be had within the Elegant Themes blog. To seek out loose footer templates, seek for “loose footer”. There are many footer templates to be had and every article presentations methods to use them.

Even supposing I’m discussing 4 components, every has a couple of choices. I’ll display 16 other choices plus a number of choices to a couple of them. There are lots of extra tactics those 4 components will also be created than I’m appearing, however this will have to come up with a excellent get started.

1. Divi Footer Components: Touch Knowledge

First, we’ll have a look at touch knowledge. This kind of knowledge makes it simple for purchasers to speak to you and in finding your bodily location. It’s continuously integrated intimately on a touch web page however having probably the most knowledge within the footer is useful. Shorter variations of this data are nice for Divi footer components.

Elementary Touch Knowledge

Basic Contact Information

Elementary touch knowledge comprises the e-mail deal with, telephone quantity, and deal with. For a shop, you’ll upload opening hours and different knowledge. Those are continuously added with particular person textual content modules. Different modules upload components that lead them to stand out equivalent to titles and dividers or styled borders.

Basic Contact Information

These kind of components will also be created with textual content modules, as observed on this instance.

Touch Shape

Contact Form

Upload a touch shape so your guests can succeed in you simply. That is finished with a touch shape module. Upload the precise fields you need, nevertheless it’s absolute best to stay it easy for the footer.

Social Media Observe

Social Media Follow

Social media apply buttons are perfect for nearly any footer. Upload them with the Social Media Observe module and choose between over 30 social networks.



Maps are nice for offering instructions on your bodily location or the site of occasions. They’re simple so as to add with a Map module. They may be able to be full-width or simply take a up small column. Alternately, you’ll upload Google Maps HTML to a Textual content or Code module.

See also  How to Add a Responsive Logo to Your Fullwidth Menu Module in Divi

2. Divi Footer Components: Calls-To-Motion

Subsequent are CTAs. Calls to motion are tough Divi footer components. Including a call-to-action to the footer offers you yet one more likelihood to push one thing vital to what you are promoting objectives. This will also be an e-mail subscription, club, hyperlink on your store web page, a reminder to invite for info, and many others.

Electronic mail or E-newsletter Subscription

Email or Newsletter Subscription

Including an e-mail or e-newsletter subscription is so simple as including an Electronic mail Optin module. This one makes use of a Textual content module to create the identify, however you’ll upload it to the Electronic mail Optin module in case you favor.

Acquire Name to Motion

Purchase Call to Action

Create a hyperlink on your on-line retailer to remind guests the place they may be able to store. The buying groceries CTA will have to be higher than maximum different hyperlinks and stand out. They may be able to be full-width or have compatibility inside one of the crucial columns.

Purchase Call to Action

This one was once created with a Textual content module for the identify and a Button module to give you the hyperlink. The background colour was once added to the column.

Mission CTA

Project CTA

A mission CTA can nudge the customer into soliciting for a quote or touch you for more info. They paintings absolute best after they’re higher than different components round them, however nonetheless stay them easy and blank.

Project CTA

This mission CTA was once created with Textual content and Button modules. The button can result in a touch shape on every other web page.

3. Divi Footer Components: Hyperlinks

Subsequent, let’s speak about hyperlinks. Hyperlinks are probably the most hottest components we see in a WordPress footer. They paintings nice as Divi footer components and so they’re simple so as to add. They may be able to hyperlink to pages, posts, feedback, merchandise, occasions, products and services, and so much extra. There are a number of tactics to create them.

Hyperlinks to Pages

Links to Pages

Hyperlinks to pages can come with explicit merchandise, prison knowledge, about your corporate and staff, your touch web page, and many others. It’s additionally excellent for hyperlinks to pages that you simply don’t wish to position on your number one menu. Those hyperlinks are normally created manually.

See also  Easy methods to Upload a Responsive Brand to Your Fullwidth Menu Module in Divi

Links to Pages

All of the hyperlinks on this instance had been created with Textual content modules.

Posts and Merchandise

Posts and Products

Show a listing of your newest posts and feedback. You’ll be able to additionally show WooCommerce merchandise in line with class, featured, hand-picked, or recognition. Upload the correct widget to the WordPress widget house after which upload them on your Divi footer the usage of a Sidebar module. This case shows the WooCommerce classes.

Posts and Products

This case presentations the latest feedback.

Navigation Menus

Navigation Menus

Navigation menus glance nice when the hyperlinks are stacked. You’ll be able to upload a stacked navigation menu widget to a footer house on your Widgets display screen after which use a Sidebar module on your Divi footer. Choose the footer house inside the module’s choices. This shows the navigation menu in a vertical stack. If you need the menu to show horizontally, use a Menu module.

Products and services and Extra

Services and More

The footer is a superb position so as to add hyperlinks on your products and services, tasks, portfolio, resume, case research, occasions, and many others. They paintings the similar as common hyperlinks or you’ll spotlight them with photographs or icons. Use just a few hyperlinks reasonably than linking to your entire tasks and products and services.

Services and More

Those Products and services hyperlinks had been created with Blurb modules the usage of photographs positioned to the left and a identify with a hyperlink to the web page for the provider. The tasks and portfolio hyperlinks on this instance had been created with Textual content modules.

Services and More

Those hyperlinks to the portfolio, resume, and case research had been created with Button modules.

4. Divi Footer Components: Corporate Knowledge

In spite of everything, we;ll have a look at Corporate knowledge. This is without doubt one of the maximum vital of the Divi footer components. Ceaselessly, this kind of knowledge doesn’t have compatibility neatly any place else at the web page. This additionally works as a abstract of the guidelines. This comprises copyright, corporate venture remark, details about the corporate, footage of other people or merchandise, and many others. You should definitely stay it easy.

Copyright Understand

Copyright Notice

The copyright realize normally seems on the very backside of the footer. Create it with a Textual content module. You’ll be able to input the yr manually or dynamically. For a dynamic copyright date, choose the icon inside the content material editor of the Textual content module, choose the present date, select Customized for the Date Layout, and input Y for the Customized Date Layout.

See also  Get a FREE Synthetic Intelligence Structure Pack for Divi

Venture Observation

Mission Statement

Venture statements will also be tough messages about your corporate. They’re particularly vital for firms, equivalent to charities and church buildings, that assist others and settle for donations that wish to construct robust relationships with donors. Venture statements are simple so as to add with Textual content modules.



Including branding, equivalent to an emblem, reminds guests of who you might be. Upload an emblem the usage of an Symbol module.



Pictures will also be an effective way to make your self relatable on your target market. Upload an Symbol module at the side of Textual content modules to your identify or touch knowledge. You’ll be able to additionally upload footage of your merchandise or an instance of your paintings. One or two small footage are all you want within the footer.



A testimonial can assist construct credibility. Upload one with a Testimonial module. You’ll be able to upload extra with a Slider module and set it to show one after the other. Stay them brief.

Finishing Ideas on Divi Footer Components

That’s our have a look at 4 Divi footer components that may’t be lacking out of your web site and methods to upload them. The main points of the weather are as much as you, however each and every footer wishes:

  • Touch knowledge
  • A CTA
  • Vital hyperlinks
  • Corporate knowledge

Those examples display one approach of methods to create those components, however they may be able to be created the usage of different modules and footer placements. There’s numerous flexibility on what those are and the way you create them. Ensure to not muddle the footer house. Use borders and other background colours to split the weather and footer sections. Construction those 4 vital footer components with the Divi Theme Builder will make your footer extra treasured and helpful on your guests.

We wish to pay attention from you. Do you employ those 4 Divi footer components on your web site? Tell us within the feedback.

The publish 4 Elements That Can’t be Missing from Your Footer & How to Add them with Divi seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment