How to Create a WordPress Website Footer in 2023 with Gutenberg Blocks? [Video Tutorial]

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks allows users to create an interactive footer with clickable links and an underline effect.
  • Users can add elements like a logo, social media icons, and a contact form to their footer using Nexter Blocks.
  • The tutorial demonstrates how to replace the default theme footer in WordPress with a custom design using the Gutenberg editor.
Table of Contents

YouTube video

Video Duration: 12 : 48

Video Overview

In this tutorial, we’ll show you how to replace the default theme footer in WordPress and create an interactive footer with clickable links with an underline effect using Nexter Blocks. Nexter Blocks is a powerful plugin that adds new blocks to the Gutenberg editor, allowing you to easily customize your website’s design.

▶️ Nexter’s Footer Builder – https://nexterwp.com/features/#header-footer
▶️ Stylist List Block – https://nexterwp.com/nexter-blocks/blocks/wordpress-stylish-list/
▶️ Mailchimp Form – https://nexterwp.com/nexter-blocks/blocks/wordpress-mailchimp-form/
▶️ Social Icons – https://nexterwp.com/nexter-blocks/blocks/wordpress-social-icons/

We’ll start by installing and activating the Nexter Blocks plugin, and then create a new footer block in the Gutenberg editor. We’ll then add different elements to the footer, such as a logo, social media icons, and a contact form, and make them clickable with custom links.

By the end of this tutorial, you’ll have a beautiful and functional footer that will enhance the user experience of your website. So, whether you’re a beginner or an experienced WordPress user, join us and learn how to create an interactive footer in WordPress with Nexter Blocks.

⚡ Plugin Website – https://nexterwp.com/
⚡ Get the Plugin https://nexterwp.com/nexter-blocks/
USE CODE ” YOUTUBE10 ” TO ENJOY 10% DISCOUNT

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if the Nexter Blocks plugin doesn't activate?

If the Nexter Blocks plugin doesn't activate, check for any plugin conflicts or ensure that your WordPress version is compatible. Sometimes, other plugins can interfere with activation. You can also try deactivating all other plugins and then activating Nexter Blocks again. This plugin is essential for creating a custom footer using Gutenberg blocks.

What are the best practices for designing a footer with Nexter Blocks?

When designing a footer with Nexter Blocks, consider including essential elements like social media icons, a logo, and a contact form. This combination not only improves aesthetics but also enhances user experience. Using the Stylist List Block can help create visually appealing lists for links.

Does using Nexter Blocks slow down my WordPress site?

Nexter Blocks is designed to be lightweight, with the entire plugin loading only 1 CSS and 1 JS file per page. This means it should not significantly impact your site's performance. However, always monitor your site's speed after adding new plugins to ensure optimal performance.

Last reviewed: April 14, 2026

Related Docs

Advance Border Radius for WordPress (Gutenberg) – Custom Border Shape [Video Tutorial]
icon
Advanced Typography Styles for WordPress (Gutenberg) – Rotate, Marquee, Stroke, Vertical, Blend [Video Tutorial]
icon
Carousel Slider Sync Remote for Gutenberg WordPress | Connect with Arrows, Dots, Tabs, Accordion etc [Video Tutorial]
icon
Combined Social Media Feed in WordPress (Gutenberg) – Facebook, Instagram, Twitter, YouTube & Vimeo [Video Tutorial]
icon
Create Dynamic WordPress with Custom Post Loop Skins with ACF & CPT (Gutenberg) [Video Tutorial]
icon
Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]
icon
123……8