Header Footer Builder with Blocks

plugin banner

The plugin showing Header & Footer by the Gutenberg block.

Author:Forhad (profile at wordpress.org)
WordPress version required:6.1
WordPress version tested:6.7.1
Plugin version:1.4.5
Added to WordPress repository:31-10-2024
Last updated:11-01-2025
Rating, %:0
Rated by:0
Plugin URI:https://forhad.net/plugins/header-footer-buil...
Total downloads:361
Active installs:10+
plugin download
Click to start download

Have you ever imagined that you could create your website’s header and footer with Gutenberg blocks for FREE?

Fancycode – Header & Footer Builder for Gutenberg is a simple and powerful plugin that allows you to create custom headers and footers for any type of site. You can design your header or footer using the Gutenberg block builder for free and then set it as:

– Header
– Footer
– Block (anywhere on the website using a shortcode)

Video

Why use 5 plugins to add analytics code, search console meta code, Facebook Pixel code, tracking code, etc., when just one plugin can solve all your problems? Here are the features:

  • Very easy to use
  • Customize your header
  • Customize your footer
  • Insert unlimited scripts
  • Insert code to header/footer
  • Build a mega menu
  • Add custom CSS/JS to any theme
  • Add Google Analytics code
  • Add Facebook Pixel code
  • Show on the full website
  • SVG Icons and Icon List Block
  • Multilingual Support with WPML

✅ Create Attractive Designs

The ‘FancyCode – Header & Footer Builder For Gutenberg’ plugin helps you make your website’s top (header) and bottom (footer) look cool and match your style. You can do this using simple blocks in the Gutenberg editor, which is an easy tool that doesn’t need any coding!

✅ Add Gutenberg Blocks Anywhere

You can put Gutenberg blocks anywhere on your site. These blocks are like building blocks that let you add things like text, images, buttons, and even a mega menu (a big menu with lots of options) to your website. It makes designing your site fun and easy!

✅ Unlimited Gutenberg Shortcode generator

Once you create a design with Gutenberg blocks, you can turn it into something called a shortcode. This is a special code that lets you put your design anywhere on your website, so you don’t have to make it again. Just copy and paste the shortcode, and your design will appear!

✅ Gutenberg Notification Bar

A Gutenberg Notification Bar is a custom bar or banner that appears at the top or bottom of a website, often used for important announcements, promotions, or updates. You can easily create and customize notification bars in WordPress using the Gutenberg block editor, either with a plugin or with built-in functionality.

✅ Gutenberg PopUp

A Gutenberg Pop-Up is a modal window that can appear on your WordPress website to display important messages, forms, promotions, announcements, or call-to-actions (CTAs). It can be triggered by user actions such as clicking a button, scrolling, or simply after a specific amount of time.

The Gutenberg editor, while powerful, doesn’t have a native pop-up feature, but with the help of plugins that integrate with Gutenberg, you can easily create and customize pop-ups to enhance user engagement and interaction on your site.

✅ WORKS WITH ALL THEMES

The ‘FancyCode – Header & Footer Builder For Gutenberg’ works with any WordPress theme, so you can use it no matter which one you’ve chosen for your site. It helps you add awesome headers and footers to your site, no matter what theme you are using!

✅ Mega Menu Customize and Build

With the Mega Menu Builder feature, you can create a big, cool menu for your website. A mega menu is a menu that shows lots of options at once, like a drop-down menu that opens up and shows images, links, and different choices all in one place!

????STEPS TO USE THE PLUGIN

Step 1 – Visit HFC Options > click on the ‘Header or Footer ‘Builder menu

Step 2 – Click‘Add Header’ or ‘Add Footer’. Then Design your header and footer from scratch

Step 3 – Publish it.

Step 4 – Then check your site. It will automatically set as a header or footer.

Step 5 – Save it and you are done!

You can refer to our step-by-step article that will help you set FancyCode headers and footers quickly.

????Need Help?

Is there any feature that you want to get in this plugin?

Needs assistance to use this plugin?

Feel free to Contact us with me.


Screenshots
FAQ
ChangeLog