WordPress.org

Plugin Directory

FancyCode – Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More

FancyCode – Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More

Description

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

  • Gutenberg Header Footer Builder
  • Insert Headers And Footers
  • Gutenberg Mega Menu builder
  • Gutenberg notification bar
  • WordPress header and footer plugin
  • Head footer and post injections
  • FancyCode – Header and Footer Demo
  • Facebook Pixel Insert To Header
  • Google Analytics Insert To Header
  • Script code insert To header

Installation

1. Automatic Installation:

To install and activate the FancyPost plugin:

  1. Go to your WordPress Plugin installation menu:
    • Dashboard > Plugins > Add New
  2. In the search field, type FancyCode – Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More and press Enter.

  3. Click Install Now next to the FancyPost plugin.

  4. After installation, click Activate.

2. Manual Installation:

To manually install the plugin:

  1. Download the FancyCode – Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More plugin ZIP file from the plugin repository or your preferred source.

  2. Navigate to Dashboard > Plugins > Add New in your WordPress admin area.

  3. Click on the Upload Plugin button at the top of the page.

  4. Click the Choose File button and select the FancyCode plugin ZIP file from your computer.

  5. Click Install Now.

  6. After installation, click Activate Plugin from the plugin dashboard.

FAQ

How Does This Plugin Work?

After installing the plugin, go to the WordPress dashboard then, Visit HFC Options > click on the ‘Header or Footer ‘Builder menu
and use the “Add Header” or “Add Footer” options. You can select different header/footer designs and customize them with various options such as layout, color, icons, and other design elements to match your website’s branding.

Let me know if you need further details!

Can You Create a Mobile Responsive Header/Footer Using This Plugin?

Yes, you can create a mobile-responsive header and footer using the Header Footer Customizer plugin!

How do I use shortcodes with this plugin?

The plugin includes a Gutenberg Block to Shortcode Converter, allowing you to convert Gutenberg blocks into shortcodes. This lets you reuse the same content (like images or call-to-action buttons) across different areas of your website, even in places where Gutenberg blocks aren’t available.

Can I add a megamenu with this plugin?

Yes, the plugin includes a Megamenu Builder feature that allows you to create advanced navigation menus. You can add multiple columns, images, icons, and other content types to build a fully responsive, customizable megamenu for your site.

Is there multilingual support in the Header Footer Customizer?

Yes, the plugin integrates with WPML (WordPress Multilingual Plugin), enabling you to create and manage multilingual headers and footers. This is particularly useful for websites targeting international audiences.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“FancyCode – Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • New: Plugin first version release.

1.1.0

  • Fix: Compatible with WP-6.6

1.2.0

  • Add: New style component.
  • Fix: Post meta broken.

1.4.0

  • Add: Icon block.
  • Add: Popup block.
  • Fix: Header – 2
  • Fix: Header – 3
  • Fix: Footer – 3
  • Fix: Navigation broken in first load.