{"id":201642,"date":"2024-10-31T06:53:58","date_gmt":"2024-10-31T06:53:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/header-footer-builder-with-blocks\/"},"modified":"2025-01-11T09:40:00","modified_gmt":"2025-01-11T09:40:00","slug":"header-footer-builder-with-blocks","status":"closed","type":"plugin","link":"https:\/\/pcm.wordpress.org\/plugins\/header-footer-builder-with-blocks\/","author":15872046,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.4.5","stable_tag":"trunk","tested":"6.7.5","requires":"6.1","requires_php":"5.6","requires_plugins":null,"header_name":"FancyCode - Header & Footer Builder For Gutenberg","header_author":"Forhad","header_description":"The plugin works for Gutenberg Header Footer Builder","assets_banners_color":"645d80","last_updated":"2025-01-11 09:40:00","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/forhad.net\/plugins\/header-footer-builder-with-blocks","header_author_uri":"https:\/\/forhad.net","rating":0,"author_block_rating":0,"active_installs":100,"downloads":1552,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.4.2":{"tag":"1.4.2","author":"frohadpro","date":"2024-12-14 09:56:56"},"1.4.3":{"tag":"1.4.3","author":"frohadpro","date":"2024-12-17 06:25:23"},"1.4.4":{"tag":"1.4.4","author":"frohadpro","date":"2024-12-22 05:38:30"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3207848,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3207848,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3207848,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.4.2","1.4.3","1.4.4"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3207848,"resolution":"1","location":"assets","locale":""},"screenshot-10.jpg":{"filename":"screenshot-10.jpg","revision":3207848,"resolution":"10","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3207848,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3207848,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3207848,"resolution":"4","location":"assets","locale":""},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3207848,"resolution":"5","location":"assets","locale":""},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":3207848,"resolution":"6","location":"assets","locale":""},"screenshot-7.jpg":{"filename":"screenshot-7.jpg","revision":3207848,"resolution":"7","location":"assets","locale":""},"screenshot-8.jpg":{"filename":"screenshot-8.jpg","revision":3207848,"resolution":"8","location":"assets","locale":""},"screenshot-9.jpg":{"filename":"screenshot-9.jpg","revision":3207848,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Gutenberg Header Footer Builder","2":"Insert Headers And Footers","3":"Gutenberg Mega Menu builder","4":"Gutenberg notification bar","5":"WordPress header and footer plugin","6":"Head footer and post injections","7":"FancyCode - Header and Footer Demo","8":"Facebook Pixel Insert To Header","9":"Google Analytics Insert To Header","10":"Script code insert To header"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[235794,147242,131620,235795,195890],"plugin_category":[],"plugin_contributors":[206951],"plugin_business_model":[],"class_list":["post-201642","plugin","type-plugin","status-closed","hentry","plugin_tags-gutenberg-header-footer","plugin_tags-header-builder","plugin_tags-header-footer-builder","plugin_tags-insert-header-footer","plugin_tags-mega-menu-builder","plugin_contributors-frohadpro","plugin_committers-frohadpro"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/header-footer-builder-with-blocks_645d80.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-1.jpg?rev=3207848","caption":"Gutenberg Header Footer Builder"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-2.jpg?rev=3207848","caption":"Insert Headers And Footers"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-3.jpg?rev=3207848","caption":"Gutenberg Mega Menu builder"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-4.jpg?rev=3207848","caption":"Gutenberg notification bar"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-5.jpg?rev=3207848","caption":"WordPress header and footer plugin"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-6.jpg?rev=3207848","caption":"Head footer and post injections"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-7.jpg?rev=3207848","caption":"FancyCode - Header and Footer Demo"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-8.jpg?rev=3207848","caption":"Facebook Pixel Insert To Header"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-9.jpg?rev=3207848","caption":"Google Analytics Insert To Header"},{"src":"https:\/\/ps.w.org\/header-footer-builder-with-blocks\/assets\/screenshot-10.jpg?rev=3207848","caption":"Script code insert To header"}],"raw_content":"<!--section=description-->\n<p>Have you ever imagined that you could create your website's header and footer with Gutenberg blocks for FREE?<\/p>\n\n<p>Fancycode - Header &amp; 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\n<p>\u2013 Header\n\u2013 Footer\n\u2013 Block (anywhere on the website using a shortcode)<\/p>\n\n<p>Video \u2192\n[youtube https:\/\/www.youtube.com\/watch?v=cxUqjIWFBic]<\/p>\n\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\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\n<h3>\u2705 Create Attractive Designs<\/h3>\n\n<p>The \u2018FancyCode - Header &amp; 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\n<h3>\u2705 Add Gutenberg Blocks Anywhere<\/h3>\n\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\n<h3>\u2705 Unlimited Gutenberg Shortcode generator<\/h3>\n\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\n<h3>\u2705 Gutenberg Notification Bar<\/h3>\n\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\n<h3>\u2705 Gutenberg PopUp<\/h3>\n\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\n<p>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.<\/p>\n\n<h3>\u2705 WORKS WITH ALL THEMES<\/h3>\n\n<p>The \u2018FancyCode - Header &amp; 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\n<h3>\u2705 Mega Menu Customize and Build<\/h3>\n\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\n<h3>\ud83d\udd25STEPS TO USE THE PLUGIN<\/h3>\n\n<p>Step 1 \u2013 Visit HFC Options &gt; click on the \u2018Header or Footer \u2018Builder menu<\/p>\n\n<p>Step 2 \u2013 Click\u2018Add Header\u2019 or \u2018Add Footer\u2019. Then Design your header and footer from scratch<\/p>\n\n<p>Step 3 \u2013 Publish it.<\/p>\n\n<p>Step 4 \u2013 Then check your site. It will automatically set as a header or footer.<\/p>\n\n<p>Step 5 \u2013 Save it and you are done!<\/p>\n\n<p>You can refer to our step-by-step article that will help you set FancyCode headers and footers quickly.<\/p>\n\n<h3>\ud83c\udfc6Need Help?<\/h3>\n\n<p>Is there any feature that you want to get in this plugin?<\/p>\n\n<p>Needs assistance to use this plugin?<\/p>\n\n<p>Feel free to <a href=\"https:\/\/wpforhad.com\/contact\/\">Contact us <\/a> with me.<\/p>\n\n<!--section=installation-->\n<h3>1. <strong>Automatic Installation<\/strong>:<\/h3>\n\n<p>To install and activate the FancyPost plugin:<\/p>\n\n<ol>\n<li>Go to your WordPress Plugin installation menu:\n\n<ul>\n<li><strong>Dashboard &gt; Plugins &gt; Add New<\/strong><\/li>\n<\/ul><\/li>\n<li><p>In the search field, type <strong>FancyCode - Header &amp; Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code &amp; More<\/strong> and press <strong>Enter<\/strong>.<\/p><\/li>\n<li><p>Click <strong>Install Now<\/strong> next to the FancyPost plugin.<\/p><\/li>\n<li><p>After installation, click <strong>Activate<\/strong>.<\/p><\/li>\n<\/ol>\n\n<h3>2. <strong>Manual Installation<\/strong>:<\/h3>\n\n<p>To manually install the plugin:<\/p>\n\n<ol>\n<li><p>Download the <strong>FancyCode - Header &amp; Footer Builder For Gutenberg + Mega Menu, Notification Bar, Insert Header Footer Code &amp; More<\/strong> plugin ZIP file from the plugin repository or your preferred source.<\/p><\/li>\n<li><p>Navigate to <strong>Dashboard &gt; Plugins &gt; Add New<\/strong> in your WordPress admin area.<\/p><\/li>\n<li><p>Click on the <strong>Upload Plugin<\/strong> button at the top of the page.<\/p><\/li>\n<li><p>Click the <strong>Choose File<\/strong> button and select the <strong>FancyCode<\/strong> plugin ZIP file from your computer.<\/p><\/li>\n<li><p>Click <strong>Install Now<\/strong>.<\/p><\/li>\n<li><p>After installation, click <strong>Activate Plugin<\/strong> from the plugin dashboard.<\/p><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20does%20this%20plugin%20work%3F'><h3>How Does This Plugin Work?<\/h3><\/dt>\n<dd><p>After installing the plugin, go to the WordPress dashboard then, Visit HFC Options &gt; click on the \u2018Header or Footer \u2018Builder menu\nand 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\u2019s branding.<\/p>\n\n<p>Let me know if you need further details!<\/p><\/dd>\n<dt id='can%20you%20create%20a%20mobile%20responsive%20header%2Ffooter%20using%20this%20plugin%3F'><h3>Can You Create a Mobile Responsive Header\/Footer Using This Plugin?<\/h3><\/dt>\n<dd><p>Yes, you can create a mobile-responsive header and footer using the Header Footer Customizer plugin!<\/p><\/dd>\n<dt id='how%20do%20i%20use%20shortcodes%20with%20this%20plugin%3F'><h3>How do I use shortcodes with this plugin?<\/h3><\/dt>\n<dd><p>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\u2019t available.<\/p><\/dd>\n<dt id='can%20i%20add%20a%20megamenu%20with%20this%20plugin%3F'><h3>Can I add a megamenu with this plugin?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='is%20there%20multilingual%20support%20in%20the%20header%20footer%20customizer%3F'><h3>Is there multilingual support in the Header Footer Customizer?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>New: Plugin first version release.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Fix: Compatible with WP-6.6<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Add: New style component.<\/li>\n<li>Fix: Post meta broken.<\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li>Add: Icon block.<\/li>\n<li>Add: Popup block.<\/li>\n<li>Fix: Header - 2<\/li>\n<li>Fix: Header - 3<\/li>\n<li>Fix: Footer - 3<\/li>\n<li>Fix: Navigation broken in first load.<\/li>\n<li>Fix: Footer block not showing in editor page.<\/li>\n<li>Fix: HFC Helper - FontAwesome icon not showing in editor page.<\/li>\n<li>Fix: Wrong status declared in Shortcode list.<\/li>\n<\/ul>","raw_excerpt":"FancyCode - Header &amp; Footer Builder for Gutenberg lets you easily create custom headers and footers for any website with simplicity and power.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/201642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=201642"}],"author":[{"embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/frohadpro"}],"wp:attachment":[{"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=201642"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=201642"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=201642"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=201642"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=201642"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcm.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=201642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}