{"id":415683,"date":"2024-10-31T08:00:00","date_gmt":"2024-10-31T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/header-footer-builder-with-blocks\/"},"modified":"2025-01-11T17:40:00","modified_gmt":"2025-01-11T17:40:00","slug":"header-footer-builder-with-blocks","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/header-footer-builder-with-blocks\/","title":{"rendered":"FancyCode \u2013 Header &#038; Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code &#038; More"},"content":{"rendered":"<p>Have you ever imagined that you could create your website\u2019s header and footer with Gutenberg blocks for FREE?<\/p>\n<p>Fancycode \u2013 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:<\/p>\n<p>\u2013 Header<br \/>\n\u2013 Footer<br \/>\n\u2013 Block (anywhere on the website using a shortcode)<\/p>\n<p>Video <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span><br \/>\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/cxUqjIWFBic?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>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:<\/p>\n<ul>\n<li>Very easy to use<\/li>\n<li>Customize your header<\/li>\n<li>Customize your footer<\/li>\n<li>Insert unlimited scripts<\/li>\n<li>Insert code to header\/footer<\/li>\n<li>Build a mega menu<\/li>\n<li>Add custom CSS\/JS to any theme<\/li>\n<li>Add Google Analytics code<\/li>\n<li>Add Facebook Pixel code<\/li>\n<li>Show on the full website<\/li>\n<li>SVG Icons and Icon List Block<\/li>\n<li>Multilingual Support with WPML<\/li>\n<\/ul>\n<h3>\u2705 Create Attractive Designs<\/h3>\n<p>The \u2018FancyCode \u2013 Header & Footer Builder For Gutenberg\u2019 plugin helps you make your website\u2019s 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\u2019t need any coding!<\/p>\n<h3>\u2705 Add Gutenberg Blocks Anywhere<\/h3>\n<p>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!<\/p>\n<h3>\u2705 Unlimited Gutenberg Shortcode generator<\/h3>\n<p>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\u2019t have to make it again. Just copy and paste the shortcode, and your design will appear!<\/p>\n<h3>\u2705 Gutenberg Notification Bar<\/h3>\n<p>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.<\/p>\n<h3>\u2705 Gutenberg PopUp<\/h3>\n<p>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.<\/p>\n<p>The Gutenberg editor, while powerful, doesn\u2019t 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.<\/p>\n<h3>\u2705 WORKS WITH ALL THEMES<\/h3>\n<p>The \u2018FancyCode \u2013 Header & Footer Builder For Gutenberg\u2019 works with any WordPress theme, so you can use it no matter which one you\u2019ve chosen for your site. It helps you add awesome headers and footers to your site, no matter what theme you are using!<\/p>\n<h3>\u2705 Mega Menu Customize and Build<\/h3>\n<p>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!<\/p>\n<h3>\ud83d\udd25STEPS TO USE THE PLUGIN<\/h3>\n<p>Step 1 \u2013 Visit HFC Options > click on the \u2018Header or Footer \u2018Builder menu<\/p>\n<p>Step 2 \u2013 Click\u2018Add Header\u2019 or \u2018Add Footer\u2019. Then Design your header and footer from scratch<\/p>\n<p>Step 3 \u2013 Publish it.<\/p>\n<p>Step 4 \u2013 Then check your site. It will automatically set as a header or footer.<\/p>\n<p>Step 5 \u2013 Save it and you are done!<\/p>\n<p>You can refer to our step-by-step article that will help you set FancyCode headers and footers quickly.<\/p>\n<h3>\ud83c\udfc6Need Help?<\/h3>\n<p>Is there any feature that you want to get in this plugin?<\/p>\n<p>Needs assistance to use this plugin?<\/p>\n<p>Feel free to <a href=\"https:\/\/wpforhad.com\/contact\/\" rel=\"nofollow ugc\">Contact us <\/a> with me.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FancyCode - Header &#038; Footer Builder for Gutenberg lets you easily create custom headers and footers for any website with simplicity and power.<\/p>\n","protected":false},"author":65,"featured_media":415686,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"FancyCode \u2013 Header & Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code & More - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"FancyCode - Header & Footer Builder for Gutenberg lets you easily create custom headers and footers for any website with simplicity and power."},"footnotes":""},"categories":[1],"tags":[59013,9878,14983,59014,18360],"class_list":["post-415683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-gutenberg-header-footer","tag-header-builder","tag-header-footer-builder","tag-insert-header-footer","tag-mega-menu-builder"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/415683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=415683"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/415683\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/415686"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=415683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=415683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=415683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}