=== Gutenify - Visual Site Builder Blocks & Starter Templates === Contributors: codeyatri Tags: gutenberg blocks, page builder, site builder, block editor, full site editing, woocommerce blocks Donate link: https://gutenify.com/ Requires at least: 6.4 Tested up to: 7.0 Requires PHP: 7.4 Stable tag: 1.7.0 License: GPLv3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Gutenify is a free WordPress plugin with 40+ Gutenberg blocks and ready-made starter templates for building your site visually, without code. == Description == [Gutenify - Visual Site Builder & Starter Templates](https://gutenify.com/) is a free collection of advanced Gutenberg blocks and starter templates, fully compatible with WordPress Full Site Editing, to help you build the website you've always wanted. With 40+ page-building blocks for the WordPress block editor β€” including WooCommerce blocks, interactive blocks like Popup and Hover Card, and layout blocks like Container and Grid β€” you can build a complete site quickly, without touching code. > **πŸ† [Starter Templates](https://gutenify.com/site-demos/)** > Starter Templates are pre built demo that can help setup your site within few clicks in minutes. To use our demo you will have to import our pre-build demos with few simple clicks, after that you will get set of sample pages that can be easily edited by using default WordPress editor. For more info on Starter Templates, checkout our [documentation](https://gutenify.com/documentations/import-demo-templates/) > **πŸŽ‰ Patterns** > Patterns are in built section which can be easily added on page/posts. You can also create your own patterns and add sections accordingly for future use. With the help of patterns, you can easily add pre-built sections to your page in few clicks. For more info on patterns, checkout our [documentation](https://gutenify.com/documentations/what-are-templates-how-do-we-add-templates-in-our-page-posts/) > **πŸ“š Pattern Manager** > You can manage your custom patterns in once place and reuse them whenever you want. You can save sections as pattern while you are building page/ posts and categorise them. This gives you ability to filter patterns and reuse them in other posts/ pages. Each block from Gutenify offers many customizable flexible option to create unique looking block. Most of the blocks have customizable color options, spacing option, design, border option, margin-padding, additional CSS and much more. With Starter Templates, you will be able to import pre built demos that can setup pages in your site instantly. == πŸ’ Block We Offer == We currently offer the following blocks in our free plugin. A few (noted below) require Gutenify PRO or a supporting theme to activate β€” everything else is free to use. = πŸ‘‰ Stacking Cards = Stacking Cards block allows you to create an engaging, interactive layout where cards dynamically stack on top of each other as the user scrolls down the page. It includes customizable offset, spacing, and multiple stacking animation modes like scale and fade. = πŸ‘‰ Countdown Timer = Countdown Timer block helps you create urgency and drive conversions by displaying a dynamic countdown clock. Features include customizable styles, evergreen timers (PRO), smart sync, and precise control over the layout and expiration actions. = πŸ‘‰ Hover Card = Hover Card block lets you build highly interactive cards that reveal more information when users hover or tap over them, with several entrance animations. Perfect for showcasing team members, services, or portfolios with full design control. Available with Gutenify PRO, or unlocked automatically if your theme supports it. = πŸ‘‰ Popup = Popup block adds a trigger button that opens a modal with any blocks inside β€” great for showing extra content, forms, or offers without leaving the page. Fully customizable trigger button, animations, and modal position. Available with Gutenify PRO, or unlocked automatically if your theme supports it. = πŸ‘‰ WooCommerce Product Carousel = WooCommerce Product Carousel block allows to display products in slider format. You can control which product to display based on category, tags and other parameters. Also you can do customization on the look. = πŸ‘‰ WooCommerce Product List = The WooCommerce Product List block displays products in a grid layout. Based on category, tags, and other parameters, you may choose which products to display. You can also personalize the appearance. = πŸ‘‰ WooCommerce Product Images Slider = Showcase a single product's full image gallery as a rich slider on the product page, with zoom, fullscreen lightbox, thumbnails, and automatic syncing when a shopper picks a different variation. Available with Gutenify PRO, or unlocked automatically if your theme supports it. = πŸ‘‰ Advance Slider = Showcase beautiful slider on your homepage or any other pages using Slider Block. You can add any block as slider element so you can have almost any type of element as slider. Currently you will only be able to view the slider contents after addition in front end due to limitations of the Block Editor. = πŸ‘‰ Post Carousel = Post Carousel is another great option offered by Gutenify. Showcase your Posts in pretty carousel mode using Post Carousel Block. . You can add columns up to 3, filter orders like A to Z, Z to A, Newest to Oldest or Oldest to newest. Tinker with different settings to achieve unique look. = πŸ‘‰ Post List = Post List block gives your blog page a unique look. With Post List block you can have advanced functionality in backend and frontend. You can also change design as per requirement. = πŸ‘‰ Icon = Want to show an icon in your post/ page or anywhere? Simply add this block and choose from a wide variety of icons, or upload your own image. = πŸ‘‰ FAQs = FAQs block helps you display questions and answers on your website. With accordion functionality you can easily add as many FAQs as you need, and it's also very customizable. = πŸ‘‰ Team = Team is another useful option to introduce your team members. You can add a picture, name, position, and introduction for your team member along with their social media links. You can edit blocks in Styles: Default, Rounded, Borders and Frame, Image Settings: Alt Text, Advanced option for Padding, Margin, HTML Anchor, Additional CSS. = πŸ‘‰ Maps = Maps is a very handy option, you can add your business location just by entering a location or address to drop a pin on a Google map, which will be very convenient for your visitors. = πŸ‘‰ Testimonials = Gutenify offers an option to add testimonials to your website. Testimonials are a great marketing technique to establish trust in your products or services. Adding a testimonial section helps verify your credibility by showing that real people have had a positive experience with your business. You can share your customer's positive feedback along with their photo, and edit layout, image dimensions, text color, and background color of each section. = πŸ‘‰ Services = Services option in Gutenify can be used to show service you offer to your audience. You can customize this section with different settings like Icon Option, Button Options, Text Color, Background Color, Border Color, Border thickness and much more options to make it unique. = πŸ‘‰ Buttons = Buttons is another exciting option offered by Gutenify β€” add your own uniquely styled button to your page or post. Here you'll find options for colors, typography, and advanced options like padding and margins. Customize it as desired and link your button to any page or post you want to redirect to. = πŸ‘‰ Section Title = Section Title option in Gutenify can be used to create customized section title. You will get 3 title options with many customizable features like Prefix title tag, Title Tag, Suffix Title Tag enable/disable title, color option, Advanced option like padding margin. Additionally you can add you own Additional CSS. = πŸ‘‰ Star Rating = Star Rating option can be used to show rating or review for certain product or service, it will make positive impact towards customers. You can add rating under testimonials too. There are many flexible options like layout, colors border, dimension, padding, block spacing, Additional CSS. = πŸ‘‰ Info Box = Info Box is another option offered by Gutenify, you can add any sort of information along with the picture and description. It also have many flexible customizable features like color, typography, Additional CSS. = πŸ‘‰ Grid = With Grid block you can display any block in grid format. You want to add icons, text, post in grid format? This block will help in very easy way. = πŸ‘‰ Container = Container block is a flexible layout wrapper for grouping any other blocks together, with options to control max width and full-width stretching β€” a simple building block for structuring your page sections. = πŸ‘‰ Gallery Carousel = Gallery Carousel block turns a set of images into a smooth, customizable carousel β€” control columns, spacing, autoplay, loop, navigation arrows, and pagination to fit your page. = πŸ‘‰ Notice Bar = Notice Bar block displays a customizable notification or announcement bar on your site β€” useful for promotions, alerts, or important messages you want every visitor to see. = πŸ‘‰ Count Up = β€œCount up” block allows numbers incrementally increase from a starting value to an ending value, often animated to highlight statistics or achievements on websites and digital platforms. > **✨ [Gutenify Pro](https://gutenify.com/pricing/)** > If you want more advance features in blocks, Premium Starter Templates and Patterns then checkout our [Gutenify Pro](https://gutenify.com/pricing/), its packed with dozens of cool features inside. With Gutenify Pro you will get: - Access to all Pro Starter Templates - Access to all Pro Patterns - Advanced Blocks - Advanced Options - & Many more. === Supported Themes === All blocks offered by Gutenify plugin should work with all themes that support core blocks. Our Starter Templates are fully supported by all Full Site Editing themes. For best results, please use themes listed here: [https://gutenify.com/themes/](https://gutenify.com/themes/) Currently, following themes fully support Gutenify Plugin: * [Hello Gutenify](https://gutenify.com/themes/hello-gutenify/) * [Gutenify University](https://gutenify.com/themes/gutenify-university/) * [Gutenify Store](https://gutenify.com/themes/gutenify-store/) * [Gutenify Template Kit](https://gutenify.com/themes/gutenify-template-kit/) * [Gutenify Magazine](https://gutenify.com/themes/gutenify-magazine/) * [Gutenify Business Dark](https://gutenify.com/themes/gutenify-business-dark) * [Gutenify Photography](https://gutenify.com/themes/gutenify-photography) * [Gutenify Corporate](https://gutenify.com/themes/gutenify-corporate) * [Gutenify Agency](https://gutenify.com/themes/gutenify-agency) * [Gutenify Finance](https://gutenify.com/themes/gutenify-finance) * [Gutenify Photoshot](https://gutenify.com/themes/gutenify-photoshot/) = Release Notes: = Before updating plugin please check [our latest release notes](https://gutenify.com/release-notes). == Installation == = Using The WordPress Dashboard = * Navigate to the 'Add New' in the plugins dashboard * Search for "Gutenify" * Click Install Now * Activate the plugin on the Plugin dashboard = Uploading in WordPress Dashboard = * Navigate to the 'Add New' in the plugins dashboard * Navigate to the 'Upload' area * Select gutenify.zip from your computer * Click 'Install Now' * Activate the plugin in the Plugin dashboard = Using FTP = * Download gutenify.zip * Extract the gutenify directory to your computer * Upload the gutenify directory to the /wp-content/plugins/ directory * Activate the plugin in the Plugin dashboard == Frequently Asked Questions == = Where do I report security bugs found in this plugin? = Please report security bugs found in the source code of the Gutenify plugin through the [Patchstack Vulnerability DisclosureΒ  Program](https://patchstack.com/database/vdp/74b1790d-883e-4f78-b4a8-c5b4a4b15046). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. = How to add Blocks in your theme using Gutenify? = Gutenify Plugin allows you to create your own block sections in your page or post. Here are the steps to add it: * Install and Activate Gutenify * Click on the Page or Post the place where you want to add Gutenify Blocks * In Page/Post click on "+" sign, there you will find default blocks option along with Gutenify's options. Gutenify's option is highlighted by Blue color * Click on the blocks you want to add in your Page/Post, Click on "Browse All" to see all the blocks and scroll all the way down * Select the block you want to add and edit accordingly * Finally, click publish to save * More info: [https://gutenify.com/documentations/adding-blocks/](https://gutenify.com/documentations/adding-blocks/) = What Are Patterns? How Do We Add Patterns In Our Page/Posts? = Patterns are in built section which can be easily added on page/posts. You can also create your own patterns and add sections accordingly for future use. With the help of patterns, you can easily add pre-built sections to your page in few clicks. Use following steps to add Patterns to your Page/Post. * Install and Activate Gutenify * Click on any page or post you want to add patterns * On top you will find "Import Pattern", you will see lists of patterns * Click to choose the patterns you want to add in your pages * Click β€œPublish” to Save * More info: [https://gutenify.com/documentations/what-are-templates-how-do-we-add-templates-in-our-page-posts/](https://gutenify.com/documentations/what-are-templates-how-do-we-add-templates-in-our-page-posts/) = What are Starter Templates and how to import Starter Templates = Gutenify has pre-build Starter Templates for your site which will give your website a base structure. To use our Starter Template you will have to import our pre-build templates with few simple clicks as shown below, after that you will get set of sample pages that can be easily edited by using default WordPress editor. Before importing a template to your site, you can preview it to see how your website will look. More templates are available in the premium version, but you can preview those premium templates from the free version too. Note: Please take a backup of your site before importing a Starter Template. * Install and Activate Gutenify * Go to "Gutenify => Demo Importer", there you will find different demos * Click on the Demo that matches your site β€” before importing, we recommend clicking "Demo" first to get an idea of how your theme will look after importing ( Click the "Demo import" button, it will open a popup, then click "Start Import" to begin the import.) * If you change the theme of your WordPress site, please re-import the demo. Changing the theme after importing can cause unwanted design issues. * More info: [https://gutenify.com/documentations/import-demo-templates/](https://gutenify.com/documentations/import-demo-templates/) = Do I need Gutenify PRO to use the Popup, Hover Card, and Product Images Slider blocks? = These blocks are PRO features, but you don't need to purchase Gutenify PRO to use them if your active theme declares support for them β€” many Gutenify-compatible themes unlock these blocks automatically. Otherwise, they require an active Gutenify PRO license. [FAQs and documentations](https://gutenify.com/documentations/) == Support == For support, [go to our support page](https://gutenify.com/product-support/). == Screenshots == 1. Gutenify Starter Template 2. Gutenify Starter Templates 3. Gutenify Demo import popup 4. Pattern Gallery 5. Design settings == Upgrade Notice == Before updating plugin please check ["our latest release notes"](http://gutenify.com/). == Changelog == = 2026-08-24 - version 1.7.0 = * Added a "rate us" admin notice shown after 7+ days of active use, dismissible or snoozable for another 7 days. * Added Popup block: a trigger button that opens a modal with any blocks inside. Requires Gutenify PRO, or a theme that declares support for it. * Added Hover Card block: reveal extra content on hover or tap, with several entrance animations. Requires Gutenify PRO, or a theme that declares support for it. * Added WooCommerce Product Images Slider block: a gallery slider with zoom, lightbox, thumbnails, and variation sync. Requires Gutenify PRO, or a theme that declares support for it. * Fixed WooCommerce Product Images Slider: Border Color, Width, and Radius settings had no visible effect on the frontend. * Count Up block: improved accessibility (screen reader support, reduced-motion) and SEO-friendly rendering. Added decimal value support. * Added block transition controls (duration, timing, delay) with responsive support. * Synced updated block icons and custom panel styles. = 2026-07-29 - version 1.6.6 = * Remove extra scripts on widget. * Optimized Stacking Cards scroll performance with linear interpolation (Lerp) animation loop. * Updated Section Title block sanitization and fixed style/class attribute spacing. * Sanitized header/footer global custom code using safe tag allowlist. * Sanitized global CSS styles in REST API update endpoints. * Enhanced demo importer settings sanitization and template validation. * Secured SVG notice-bar close icon markup validation. * Escaped dynamic block style attributes (colors, gradients, borders, spacing, shadows) across Button, Post List, Post Carousel, and other blocks to prevent unsafe CSS output. * Escaped post and image title output in Gallery Carousel, Post Carousel, and Post List blocks. * Hardened post excerpt text extraction in Post Carousel and Post List block editors. = 2026-05-26 - version 1.6.5 = * Major style and layout updates to Demo Importer V2. * Added search, pagination, categories filtering sidebar, and skeleton loading card animation to Demo Importer. * Updated Getting Started page styling. = 2026-05-20 - version 1.6.4 = * Added Stacking Cards block. * Fixed Styling issues. = 2026-04-29 - version 1.6.3 = * Added Countdown Timer block. * Improve plugin header compliance with License and License URI declarations. * Enhance security by adding ABSPATH protection to framework PHP files. = 2026-03-18 - version 1.6.2 = * Update block API version to 3 and standardize script/style declarations. * Exclude specific blocks from custom CSS functionality and add usage instructions. * Improve className merging in custom list wrapper. * Minor bug fixes and code optimization. = 2025-12-02 - version 1.6.1 = * Fix version. = 2025-12-02 - version 1.6.0 = * Security: Fix XSS issues. = 2025-10-18 - version 1.5.9 = * Security: Fix remove unwanted script. = 2025-10-13 - version 1.5.8 = * Security: Fixed stored XSS vulnerability in Section Title block by restricting allowed heading tags. = 2025-06-20 - version 1.5.7 = * Fix demo import issue for some themes. * Improve compatibility with WordPress 6.8. * Minor bug fixes and code cleanup. = 2025-05-31 - version 1.5.6 = * Fix font "src" fatal issue. = 2025-05-30 - version 1.5.5 = * Fix API issue. * Support Core font on improted demo. * Clean up code. = 2025-05-28 - version 1.5.4 = * Fix count up lagacy issue. * Fix customized impoert issue. * Clean up code. = 2025-05-19 - version 1.5.3 = * Fixed issue on custom list feature. = 2025-05-08 - version 1.5.2 = * Bug fixes. = 2025-05-07 - version 1.5.1 = * Fix menu issue. = 2025-05-07 - version 1.5.0 = * Compatibility Check. = 2025-01-24 - version 1.4.9 = * Notice Block * Anmiation on scroll. * Bug fixes = 2025-01-09 - version 1.4.8 = * Optimize code. * PHP Styles. = 2024-07-24 - version 1.4.7 = * Change folder structure. = 2024-07-09 - version 1.4.6 = * Remove social share block. * Fix minor css issues. = 2024-07-08 - version 1.4.5 = * Fix breaking issue (Hot Fix). = 2024-07-08 - version 1.4.4 = * Add Global Header Footer Code setting. * Extend Demo API. = 2024-07-04 - version 1.4.3 = * Grid issue fixing. * Change base theme to Gutenify Starter. = 2024-07-02 - version 1.4.2 = * Add Count Up block. = 2024-04-22 - version 1.4.1 = * Fix plugin conflicts * Testing with latest version of WP. = 2024-02-27 - version 1.4.0 = * Fix taxonomy component listing limited item. * Testing with latest version of WP. = 2023-12-14 - version 1.3.9 = * Minor issue fixing. * Folder structure change. = 2023-08-06 - version 1.3.8 = * [New] Added Space Dividers. * [New] Grid gap option. * [Add] Grid align Option. * [Add] Faqs align Option. * [Add] Slider align Option. * [Fix] Blocks attribute issues. = 2023-08-01 - version 1.3.7 = * [Add] Update block icons on readme. * [Add] Fix slider parameters. = 2023-07-14 - version 1.3.6 = * [New] Update block icons. = 2023-07-07 - version 1.3.5 = * [New] Add Google Fonts on Font Family list. * [Fix] Exclude other blocks for class names and custom css. * [Fix] Minor issues. = 2023-06-15 - version 1.3.4 = * [New] Demo Importer V2 - Express demo import. * [Fix] Minor issues. = 2023-06-12 - version 1.3.3 = * [New] Demo Importer V2. * [Fix] Exclude WooCommerce From custom attributes. = 1.3.2 = April 16, 2023 * Fixing issue of loading Pro. = 1.3.1 = April 12, 2023 * Change enqueue structure and add namespaces. = 1.3.0 = April 10, 2023 * Minor issue fixing. = 1.2.9 = April 9, 2023 * Minor issue fixing. = 1.2.8 = April 9, 2023 * Major change on plugin structure = 1.2.7 = Dec 26, 2022 * Update Contributors. = 1.2.6 = Dec 7, 2022 * [Fix] Minor issues * Compatibility testing with WP 6.1. = 1.2.5 = Nov 23, 2022 * [Fix] Arrow issue on non logged in users. * [Fix] Global style for button and WooCommerce * [Remove] Setting color options as its already on core. = 1.2.4 = Oct 23, 2022 * [Add] Replace template kit with demo importer. * [Fix] Minor issue fixing. = 1.2.3 = Sep 23, 2022 * [Fix] Fixing kit importer issue. = 1.2.2 = Sep 19, 2022 * [Fix] Kit api URL. = 1.2.1 = Sep 19, 2022 * [Fix] Minor issues. = 1.2.0 = Sep 6, 2022 * [Fix] Block recovery issue. * [Fix] Slider edit issue. * [Fix] Font weight issue. * [Fix] Saving Google fonts locally. = 1.1.9 = Sep 5, 2022 * [Fix] Block recovery issue. = 1.1.8 = Sep 4, 2022 * [Add] Changing to block api v2. = 1.1.7 = Aug 7, 2022 * [Fix] Fixing faqs issue. = 1.1.6 = Aug 7, 2022 * [Fix] Fixing minor css issue. = 1.1.5 = Aug 7, 2022 * [Fix] Fixing minor css issue. = 1.1.4 = Aug 7, 2022 * [Fix] Stable tag. = 1.1.3 = Aug 7, 2022 * [Fix] Button color styling. * [Add] Add advance slider * [Add] Starting v2 blocks = 1.1.2 = Aug 28, 2022 * [Fix] Minor fixing = 1.1.1 = July 28, 2022 * [Fix] Fix redirect issue on TGMPA. * [Fix] Post Carousel block query issue. = 1.1.0 = June 25, 2022 * [New] Advance Query Control filter for fields. * [New] Box Shadow on Post List block. * [New] Box Shadow on Post Carousel block. * [New] Add Hooks to controls. * [New] New Padding control. * [New] Add layout hook. * [Fix] Post List block query issue. * [Fix] Post Carousel block query issue. = 1.0.9 = June 14, 2022 * [New] Demo view for patterns. * [New] Image height for post listing. * [New] Image height for post carousel. = 1.0.8 = June 5, 2022 * [New] Add dynamic css style variables. * [New] Changes on readme description. * [New] Changes GIF Screenshots. * [Fixing] Minor Bug fixing. = 1.0.7 = May 26, 2022 * [New] Separate menu for Templates and Gutenify menu. * [New] Landing page after plugin activation. * [New] Box Shadow. * [New] New Google Fonts. * [New] React Select dropdown. * [Testing] With WordPress 6. * [Fixing] Minor Bug fixing. = 1.0.6 = May 9, 2022 * [Fix] Button alignment issue. * [Fix] Info box alignment issue. * [Fix] Custom class for section titles. * [Fix] Other minor issue fix. = 1.0.5 = May 2, 2022 * [New] WooCommerce Product grid listing. * [New] WooCommerce Product slider. * [Fix] Color setting issue. * [Test] Compatibility testing with latest WP release. = 1.0.4 = April 21, 2022 * Add font setting. * Change block styling functionality. * Add global block support. * Fixing other minor issues. = 1.0.3 = April 5, 2022 * Change css storing process. * Support blocks on site editor. * Add button block icon. * Fix global font and color issue * Other minor issue fixing. = 1.0.2 = Mar 25, 2022 * Fix constant issue. * Readme Update = 1.0.1 = Mar 18, 2022 * Added new blocks * Added Gutenberg Kits * Added Gutenberg Templates * Added Design settings = 1.0.0 = May 12, 2021 * Re-booted version. = 0.0.3 = Jan 05, 2020 * Fixing issue. = 0.0.2 = Jan 05, 2020 * Add banner. = 0.0.1 = Jan 05, 2020 * Initial release.