Title: Flexa Block – Blocks &amp; Page Builder
Author: FlexaTech
Published: <strong>3. julija 2026</strong>
Last modified: 23. septembra 2026

---

Tykace pytaś

![](https://ps.w.org/flexa-block/assets/banner-772x250.png?rev=3594787)

![](https://ps.w.org/flexa-block/assets/icon-256x256.png?rev=3594787)

# Flexa Block – Blocks & Page Builder

 Wót [FlexaTech](https://profiles.wordpress.org/flexatech/)

[Ześěgnuś](https://downloads.wordpress.org/plugin/flexa-block.1.0.14.zip)

 * [Drobnostki](https://dsb.wordpress.org/plugins/flexa-block/#description)
 * [Pógódnośenja](https://dsb.wordpress.org/plugins/flexa-block/#reviews)
 *  [Instalacija](https://dsb.wordpress.org/plugins/flexa-block/#installation)
 * [Wuwiśe](https://dsb.wordpress.org/plugins/flexa-block/#developers)

 [Pódpěra](https://wordpress.org/support/plugin/flexa-block/)

## Wopisanje

Flexa Block is a growing collection of modern Gutenberg blocks designed to help 
you build beautiful WordPress websites faster.

Instead of installing multiple block plugins, Flexa Block focuses on providing carefully
crafted, lightweight, and highly customizable blocks that integrate naturally with
the WordPress Block Editor.

📌 [**DEMO**](https://flexablock.com/)

**Features**

 * Lightweight and performance-focused
 * Native Gutenberg experience
 * Front-end inline editing — click text on the live page and edit it in place
 * Responsive by default
 * Clean and modern design
 * Highly customizable
 * No unnecessary bloat
 * Regular updates

**Front-end inline editing**

Fixing a typo no longer means opening the Block Editor. On the live page, logged-
in users who can edit the post simply click the text, type, and save — the change
is written straight back to the block, so your layout, styling and generated CSS
stay exactly as they were. Every edit is recorded as a note on the post, and you
decide from the settings page whether inline editing is on, which roles may use 
it, and which blocks it applies to.

Whether you’re building landing pages, business websites, blogs, or eCommerce stores,
Flexa Block helps you create professional layouts with less effort.

More blocks and advanced features will be added in future releases.

**Source code for compiled JavaScript and CSS**

The plugin ships with minified/compiled JavaScript and CSS in `build/`. The human-
readable source code (`src/`), together with the build tooling used to generate 
those assets, is **publicly available** and maintained at:

https://github.com/flexatech/flexa-block

The assets are built with npm and @wordpress/scripts (webpack). To build them yourself:

 1. Install dependencies: `npm install`
 2. Build production assets: `npm run build` (or `npm start` for a watched dev build)

This regenerates everything in `build/` from the source in `src/`.

### External services

This plugin can connect to the third-party services listed below. Each is optional
and is only contacted for the specific block that uses it; if you do not use that
block, no request is made.

**Facebook Graph API (Facebook Feed block)**

The Facebook Feed block displays posts from a Facebook Page. When the block is present
on a page (and in the editor while you configure it), the plugin sends a request
from your server to the Facebook Graph API (`https://graph.facebook.com/`) containing
the Page ID and the Page access token you enter in the plugin settings, in order
to retrieve the Page’s recent posts, images and engagement counts. Responses are
cached to reduce the number of requests. The access token is stored on your server
and is never exposed to visitors‘ browsers. This service is provided by Meta Platforms,
Inc.
 Terms of Service: https://developers.facebook.com/terms/ Privacy Policy: https://
www.facebook.com/privacy/policy/

**Instagram Graph / Basic Display API (Instagram Feed block)**

The Instagram Feed block displays media from an Instagram account. When the block
is present on a page (and in the editor while you configure it), the plugin sends
a request from your server to the Instagram API (`https://graph.instagram.com/`)
containing the access token you enter in the plugin settings, in order to retrieve
the account’s recent media. Responses are cached to reduce the number of requests.
The access token is stored on your server and is never exposed to visitors‘ browsers.
This service is provided by Meta Platforms, Inc.
 Terms of Service: https://www.
instagram.com/about/legal/terms/ Privacy Policy: https://privacycenter.instagram.
com/policy/

**Google Maps (Google Map block)**

The Google Map block embeds an interactive map for a location you specify. When 
a page containing the block is viewed, the visitor’s browser loads a Google Maps
embed (`https://www.google.com/maps/embed/` when you supply a Google Maps Embed 
API key, otherwise `https://maps.google.com/maps`) with the location and zoom level
configured on the block. This means the visitor’s browser connects to Google to 
display the map. This service is provided by Google LLC.
 Terms of Service: https://
cloud.google.com/maps-platform/terms Privacy Policy: https://policies.google.com/
privacy

**YouTube (Video Popup block)**

When the Video Popup block is set to a YouTube video, the visitor’s browser loads
a preview thumbnail from YouTube (`https://img.youtube.com/`) when the page is viewed,
and — after the visitor clicks play — an embedded player from YouTube (`https://
www.youtube.com/embed/`). Only the video ID you configure on the block is sent; 
no personal data is transmitted by the plugin. This means the visitor’s browser 
connects to YouTube to display the thumbnail and player. This service is provided
by Google LLC.
 Terms of Service: https://www.youtube.com/t/terms Privacy Policy:
https://policies.google.com/privacy

**Vimeo (Video Popup block)**

When the Video Popup block is set to a Vimeo video, the visitor’s browser loads 
an embedded player from Vimeo (`https://player.vimeo.com/`) after the visitor clicks
play. Only the video ID you configure on the block is sent; no personal data is 
transmitted by the plugin. This means the visitor’s browser connects to Vimeo to
display the player. This service is provided by Vimeo, Inc.
 Terms of Service: https://
vimeo.com/terms Privacy Policy: https://vimeo.com/privacy

**User-supplied RSS feed (RSS Feed block)**

The RSS Feed block fetches and displays entries from an RSS/Atom URL that you enter
into the block. No fixed third-party service is involved — the plugin only requests
the exact feed URL you configure — but be aware that this causes your server to 
make an outgoing request to that URL.

**Deactivation feedback (Flexa Product Intelligence)**

When you go to deactivate Flexa Block on the Plugins screen, a short optional survey
asks why. It is served by Flexa’s product intelligence service at `https://product-
intelligence.flexacommerce.com`. It runs only in the admin, on `wp-admin/plugins.
php`, never on the front end, and never blocks or delays deactivation. What is sent,
and when:

 * On opening the Plugins screen: a request to `/api/v1/config` (product slug and
   tier) to load the survey configuration. The response is cached for 6 hours.
 * When you deactivate or interact with the survey: the reason you pick and any 
   optional message you type, sent to `/api/v1/deactivations`, `/api/v1/events`,`/
   api/v1/feedback`, `/api/v1/feature-requests` and `/api/v1/recovery-events`.

Every request includes an anonymous per-site identifier (a random UUID), the plugin
version and tier, and by default your WordPress version, PHP version and locale.
No email, site domain, user identity or raw IP is collected. To stop sending environment
data, use `add_filter( 'flexa-block/deactivation_survey/config', function ( $c ){
return array( 'collect_environment' => false ) + $c; } );`. To disable the survey
entirely, use `add_filter( 'flexa-block/deactivation_survey/enabled', '__return_false');`.

Terms of Service: https://flexacommerce.com/pages/terms Privacy Policy: https://
flexacommerce.com/pages/privacy

### Credits

The photographs and illustrations shown in the plugin screenshots are for demonstration
only and are not bundled with the plugin. They come from the following free sources,
all of which permit commercial use:

 * Photos from Pixabay, used under the Pixabay Content License: https://pixabay.
   com/service/license-summary/
 * Photos from Unsplash, used under the Unsplash License: https://unsplash.com/license
 * Photos from Pexels, used under the Pexels License: https://www.pexels.com/license/
 * Some images were generated with ChatGPT (OpenAI); under OpenAI’s Terms of Use,
   ownership of the generated images is assigned to the user.

## Screenshots

[⌊Full pages built entirely with Flexa Block: a florist landing page, a shoe store
home page, and the built-in starter-template browser.⌉⌊Full pages built entirely
with Flexa Block: a florist landing page, a shoe store home page, and the built-
in starter-template browser.⌉[

Full pages built entirely with Flexa Block: a florist landing page, a shoe store
home page, and the built-in starter-template browser.

[⌊A WooCommerce single-product page assembled from Flexa's product blocks: name,
price, rating, image gallery, variation options, add to cart and the details tabs.⌉⌊
A WooCommerce single-product page assembled from Flexa's product blocks: name, price,
rating, image gallery, variation options, add to cart and the details tabs.⌉[

A WooCommerce single-product page assembled from Flexa’s product blocks: name, price,
rating, image gallery, variation options, add to cart and the details tabs.

[⌊A contact page: a hero Banner block above the AJAX Subscribe Form, with contact
details in Info Box cards.⌉⌊A contact page: a hero Banner block above the AJAX Subscribe
Form, with contact details in Info Box cards.⌉[

A contact page: a hero Banner block above the AJAX Subscribe Form, with contact 
details in Info Box cards.

[⌊A shoe store built with Flexa Block: the single-product page, a shop grid driven
by the Post Filter, and a size guide using the Data Table block.⌉⌊A shoe store built
with Flexa Block: the single-product page, a shop grid driven by the Post Filter,
and a size guide using the Data Table block.⌉[

A shoe store built with Flexa Block: the single-product page, a shop grid driven
by the Post Filter, and a size guide using the Data Table block.

[⌊General settings: dark mode output options and the performance controls for the
generated CSS.⌉⌊General settings: dark mode output options and the performance controls
for the generated CSS.⌉[

General settings: dark mode output options and the performance controls for the 
generated CSS.

[⌊The Blocks tab: enable or disable any of the bundled blocks, grouped by category
and searchable.⌉⌊The Blocks tab: enable or disable any of the bundled blocks, grouped
by category and searchable.⌉[

The Blocks tab: enable or disable any of the bundled blocks, grouped by category
and searchable.

[⌊Sample Data: import a ready-made example as a draft page, then open it in the 
editor or preview it on the front end.⌉⌊Sample Data: import a ready-made example
as a draft page, then open it in the editor or preview it on the front end.⌉[

Sample Data: import a ready-made example as a draft page, then open it in the editor
or preview it on the front end.

[⌊Editing settings: turn front-end inline editing on or off, choose which roles 
may edit, and pick which blocks are editable.⌉⌊Editing settings: turn front-end 
inline editing on or off, choose which roles may edit, and pick which blocks are
editable.⌉[

Editing settings: turn front-end inline editing on or off, choose which roles may
edit, and pick which blocks are editable.

## Blocks

This plugin provides 73 blocks.

 *   Steps Vertical timeline of process steps — each with a numbered, icon or image
   marker, a connecting line, a title and description, per-status marker accents
   and light/dark styling.
 *   Social Icons Linked row of social network icons — official brand artwork or
   custom light/dark tints per icon, with per-device size, gap, alignment and a 
   hover motion.
 *   Product Image Show the current WooCommerce product’s images on a single-product
   page — the featured image with a thumbnail carousel (bottom, left or right) showing
   a set number of thumbnails per view, a per-device gap, image scale, height or
   adaptive height, zoom-on-hover, optional autoplay, radius and alignment. On a
   variable product the featured image follows the shopper’s chosen options, and
   clicking it can open the gallery full screen.
 *   FAQ Expandable question-and-answer accordion with open-state icons, per-question
   and answer styling, dividers, light/dark colors and optional FAQ rich-result 
   schema.
 *   Lottie Animation Play a Lottie animation from an uploaded JSON/.lottie file
   or a remote URL — with per-device width, height and alignment, loop, speed and
   reverse options and a play trigger of autoplay, hover, click, scroll or on-view.
 *   Product Name Show the current WooCommerce product’s title on a single-product
   page — pick the heading tag, optionally link it to the product, and style typography,
   color or gradient, hover color, stroke, shadow, spacing, background, border, 
   shadow and light/dark colors.
 *   Before / After Drag-to-reveal image comparison slider — pick a before and an
   after image, split them horizontally or vertically, and let visitors wipe between
   the two with a handle or on hover.
 *   Icon A single SVG glyph — chosen from the icon library or uploaded — with per-
   device size and alignment, a square, rounded or circle shape, icon and frame 
   colors with hover, and an optional link.
 *   Breadcrumb Hierarchical breadcrumb trail — auto-built from the current page's
   ancestors or listed by hand, with a home icon, a chosen separator, link / current/
   separator colors, per-device typography and optional BreadcrumbList schema.
 *   Images Gallery Multi-image gallery in a grid, masonry or justified-tiled layout
   with per-device columns and gap, hover motion, color or gradient overlay, captions
   and a prev/next lightbox.
 *   Google Map Embed a Google Map for any address or place — with a zoom level,
   per-device height, boxed or full width, background, border, radius, shadow and
   light/dark styling.
 *   Timeline Chronological timeline of events — each entry with a title, description,
   date, an optional image and a marker icon, arranged down a connector line alternating
   left/right or on a single side, with per-element typography, marker and line 
   styling and light/dark colors.
 *   Table of Contents Auto-built list of the page's headings with jump links, chosen
   heading levels, bullet or numbered markers, smooth scroll, an optional collapse
   toggle and light/dark styling.
 *   Pricing Table Side-by-side pricing plans — each column carries a name, price,
   billing period, feature list, a highlighted "most popular" flag and a call-to-
   action, with an optional monthly/yearly toggle, per-device typography and light/
   dark colors.
 *   Container Section wrapper with per-device flex layout, background, borders,
   spacing and light/dark colors.
 *   Product Meta Stack the current WooCommerce product’s fields — SKU, categories,
   tags — as rows of one list on a single-product page. Add, remove and reorder 
   the rows like any blocks; the list owns the label column, the gap between rows
   and the divider, and sets the label and value styling every row starts from.
 *   Heading Rich heading with an optional subheading and separator, per-device 
   typography and alignment, light/dark colors, gradient text and text effects.
 *   Team Member Profile card for one team member — a photo, name, role and bio 
   with linked social icons, the photo placed above, left or right of the text, 
   per-element typography, light/dark colors and hover accents.
 *   CTA Call-to-action banner — a heading, description and primary plus optional
   secondary button, arranged centred or split (text one side, buttons the other),
   with background, border, shadow and light/dark styling.
 *   Taxonomy List the terms of any taxonomy (categories, tags or custom) as a list,
   inline row, dropdown or grid — show the post count, include empty terms or the
   full hierarchy, limit and order them, add an icon or text prefix/suffix and a
   separator, and style each term chip with light/dark colors, hover, gap and padding.
 *   Product Details Show the current WooCommerce product’s details on a single-
   product page as tabs — toggle the Description, Additional information and Reviews
   tabs, and style the tab titles (normal and active colors, typography, padding,
   gap) and the content area (typography, color, padding), with a paginated Reviews
   list (numbered or load-more), per-element Reviews styling (title, author, date,
   stars, text) and Additional-information table styling (label/value colors + typography,
   cell borders and padding).
 *   Facebook Feed Show the latest posts from a Facebook Page via the Graph API (
   token kept server-side, cached) — in a grid, list, masonry or carousel, toggle
   the profile picture, page name, timestamp, post image, message, reactions, comments
   and shares, link posts back to Facebook, page through the results, and style 
   the card typography and colors.
 *   Instagram Feed Display recent Instagram media from an access token (fetched
   server-side and cached) — in a grid, hover-overlay, card or carousel layout with
   per-device columns, square or original thumbnails, an optional caption, date 
   and profile name, links that open the post, and caption typography and colors.
 *   Button Call-to-action link styled as a button — inherits your theme's button
   look, with optional variant, size, icon, colors, hover states and per-device 
   typography.
 *   Video Popup Play a YouTube, Vimeo or MP4 video in a modal lightbox — triggered
   by a thumbnail, a button or a text link, with a play icon, aspect ratio, autoplay
   and a click-to-close backdrop.
 *   Icon List A list or grid of icon-and-text rows — each with its own glyph, label
   and link — with the icon before or after the text, per-device columns and gaps,
   block-level icon styling (size, view, shape, colors with hover, frame) and text
   typography and colors.
 *   Info Box Icon or image paired with a prefix, title and description, an optional
   divider and a call-to-action button. Media sits above or beside the text, with
   per-device typography, spacing and light/dark colors.
 *   Data Table Build a responsive data table from your own columns and rows — toggle
   and style the header, stripe alternating rows, highlight rows on hover and the
   first column, align each column, set cell borders, padding and typography, and
   cap the table width so wider content scrolls horizontally.
 *   Testimonial Single testimonial card – star rating, headline, quote and an author
   block (avatar, name, role) with per-device typography, spacing, alignment and
   light/dark colors.
 *   Grid CSS Grid section that arranges inner blocks into per-device columns and
   rows, with track gaps, item and track alignment, background, borders, spacing
   and light/dark colors.
 *   Product Description Show the current WooCommerce product’s long description
   on a single-product page — add an optional heading above it, and style the body
   typography and color, the link colors, the headings, lists and tables nested 
   inside the description, and optionally clamp it to a set number of lines behind
   a Read more toggle. For the short description use Product Excerpt.
 *   Image Media image with per-device width and alignment, aspect-ratio lock, object-
   fit, shape masks, color/gradient overlay, hover motion, caption and link or lightbox.
 *   Product Excerpt Show the current WooCommerce product’s short description on
   a single-product page — falling back to a trimmed long description when the short
   one is empty, capped at a word count or a number of lines, with typography, text
   color and link colors you control.
 *   Counter Grid of stat counters that count up when scrolled into view — each 
   with an icon, a prefixed/suffixed number and a label, plus per-device columns,
   typography, light/dark colors and a per-item box.
 *   Countdown Live countdown to a target date with selectable day/hour/minute/second
   units, separators, unit labels, per-device typography, light/dark colors and 
   a completion action.
 *   Product Price Show the current WooCommerce product’s price on a single-product
   page — regular price, sale price and currency are pulled straight from WooCommerce(
   no manual input); you only style it, with a configurable sale position, alignment
   and separate color and typography for the regular and sale amounts.
 *   Star Rating A star rating shown out of a chosen maximum — set the value and
   range, the star size, gap and marked/unmarked colors, lay it out inline or stacked
   with an optional title, and expose an aggregateRating schema.
 *   Slider Carousel of slides with autoplay, loop, transition effects, arrow and
   dot navigation, per-device slides-per-view and light/dark styling.
 *   RSS Feed Show the newest entries from any RSS or Atom feed URL as a list or
   grid — set how many items, cache time and sort order, toggle the thumbnail, title,
   date, author, source and excerpt, add a read-more link that can open in a new
   tab, and style the card typography, colors and button.
 *   Product Rating Show the current WooCommerce product’s average star rating on
   a single-product page — display stars, a numeric score or both, an optional review
   count, and style the star size, gap, filled and empty star colors, the numeric-
   score color and typography, and the review-count typography and colors.
 *   Add to Cart Put the current WooCommerce product’s add-to-cart form on a single-
   product page — quantity field and button side by side, stacked, or the button
   on its own, with your own button label and cart icon, quantity-field sizing, 
   colors, border and radius, full button styling for the normal and hover states,
   and matching styling for the attribute dropdowns of variable products.
 *   Product Stock Show the current WooCommerce product’s stock status on a single-
   product page — as plain text or a badge, with your own wording for in stock, 
   out of stock and on backorder, an optional status icon, the remaining quantity,
   a low-stock threshold with its own colors, and per-status text and background
   colors plus badge padding and radius.
 *   Comparison Table Side-by-side plan and feature comparison grid — list your 
   columns (plans) and feature rows, mark each cell with a check, a cross or plain
   text, spotlight one column and let the table scroll on small screens.
 *   Tabs Organise content into a horizontal tab bar with optional icons, an underline,
   pill or boxed tab style, per-tab and content typography, light/dark colors, and
   a bar that collapses to an accordion on mobile.
 *   Related Products Show products related to the current WooCommerce product —
   as a responsive grid or a vertical list, with a product count, ordering, per-
   device columns and gaps, toggles for the image, title, price, rating and add-
   to-cart button on each card, card background, padding, radius, outline and shadow,
   image ratio and hover motion, and an optional section heading.
 *   Subscribe Form Newsletter subscribe form built from field child blocks — collects
   the entry over AJAX and emails it to you, with a submit button, success / error
   messages, honeypot spam guard and styling for the fields, inputs, button and 
   messages.
 *   Modal A pop-up dialog opened by a button, text, image or icon trigger and filled
   with any inner blocks — set the modal width, max-height, padding, background 
   and radius, the overlay color, the close button, and show-once, click-overlay
   and press-escape behaviour.
 *   Progress Bar Animated progress indicator in a line, circle or semi-circle layout—
   set the value as a percentage or absolute count, show a title and counter, choose
   fill and track colors (light/dark), a solid or striped fill and an on-scroll 
   fill animation.
 *   Social Share Row of share buttons that post the current page — or the current
   WooCommerce product — to Facebook, X, LinkedIn or Pinterest, with per-device 
   size, gap, alignment, a button shape, official brand or custom-tinted icons, 
   optional network names and a hover motion.
 *   Separator Horizontal divider line with per-device width, thickness and alignment,
   a solid/dashed/dotted/double style and light/dark color.
 *   Text Rich paragraph with per-device alignment, typography, solid or gradient
   text color, hover color, stroke and shadow effects, blend mode and a drop cap.
 *   Post Filter A filter bar for a Post Grid — drop in a search box, category and
   tag filters and a reset link, pick the grid they drive, and visitors narrow the
   results without leaving the page.
 *   Post Grid Dynamic grid of posts pulled by a query — pick the post type, count,
   order and taxonomy filter, show or hide the featured image, title, meta, excerpt
   and read-more button, set per-device columns and image ratio, and page through
   the results.
 *   Banner Promotional banner / hero section — a heading, description and call-
   to-action buttons laid over a color, gradient or image background with an overlay,
   a banner min-height and boxed or full width.
 *   Product Field One line of WooCommerce product data on a single-product page—
   the SKU, the categories or the tags — with an optional label beside or above 
   it. Terms read inline with a separator, as badges or as a list, each linking 
   to its archive; the SKU can carry a prefix, a suffix, fallback wording and a 
   copy-to-clipboard button. Use it on its own, or stack several inside Product 
   Meta.
 *   Notice Highlight an announcement, tip or warning — pick an info, success, warning,
   danger or neutral style, show an icon beside or above the text, add a title and
   message, align it, and let visitors dismiss it (optionally remembering the dismissal),
   with per-element typography and light/dark colors.
 *   Name A text input for a Subscribe Form — with a label, placeholder, required
   toggle and column width.
 *   Checkbox A checkbox group for a Subscribe Form — one box for a consent opt-
   in, or several for a multi-choice list — with a label, required toggle and column
   width.
 *   Filter: Taxonomy A category, tag or custom-taxonomy filter for a Post Filter—
   as a dropdown or a checkbox list. Add it twice to filter by two taxonomies at
   once.
 *   Slide A single slide inside a Slider — holds any blocks, with its own background,
   padding, content max-width and content alignment.
 *   Filter: Search A search box for a Post Filter — visitors type a keyword and
   the target Post Grid narrows to matching posts.
 *   Phone A telephone input for a Subscribe Form — with a label, placeholder, required
   toggle and column width.
 *   Message A multi-line message input for a Subscribe Form — with a label, placeholder,
   row count, required toggle and column width.
 *   Filter: Reset A reset control for a Post Filter — clears the search and every
   term filter applied to the target Post Grid.
 *   Hidden An invisible field for a Subscribe Form that submits a fixed value —
   handy for tagging entries with a source or campaign.
 *   Date A date picker for a Subscribe Form — with a label, required toggle and
   column width.
 *   Email An email input for a Subscribe Form — with a label, placeholder, required
   toggle and column width.
 *   Upload A file-upload input for a Subscribe Form — with a label, accepted file
   types, multiple-file and max-size options, required toggle and column width. 
   Chosen files are attached to the notification email.
 *   Select A dropdown select for a Subscribe Form — with a label, a prompt, a list
   of choices, required toggle and column width.
 *   Radio A single-choice radio group for a Subscribe Form — with a label, a list
   of choices, required toggle and column width.
 *   Website A URL input for a Subscribe Form — with a label, placeholder, required
   toggle and column width.
 *   Toggle An on/off switch for a Subscribe Form — with a label, required toggle
   and column width. Submits "Yes" when switched on.
 *   Tab A single tab inside a Tabs block — a label, an optional line of text and
   any blocks you drop below it.

## Instalacija

 1. Upload the plugin files to `/wp-content/plugins/flexa-block`, or install through
    the WordPress **Plugins** screen.
 2. Activate the plugin through the **Plugins** screen.
 3. Open **Flexa Block** from the admin sidebar (below Settings).

## FAQ

### Do I need to know how to code to use Flexa Block?

No. Everything is controlled through the WordPress Block Editor. Just insert a block,
adjust settings in the sidebar, and publish.

### Which WordPress themes does Flexa Block support?

Flexa Block works with any theme that supports the Block Editor, including classic
themes and Full Site Editing (FSE) themes.

### What blocks are included?

Version 1.0.4 ships with a growing library of blocks, including: Container, Button,
Heading, Image, Countdown, FAQ (with optional FAQPage schema), Social Icons, Grid,
Testimonial, Separator, Text, Counter, Info Box, Slides, Social Share, Table of 
Contents, Before / After, Breadcrumb, Steps, Tabs, Video Popup, Comparison Table,
Google Map, Images Gallery, Banner, CTA, a Subscribe Form, Pricing Table, Team Member,
Post Grid, Post Filter, Progress Bar, Timeline, Icon, Icon List, Lottie Animation,
Modal, Star Rating, Notice, Data Table, Taxonomy, RSS Feed, Facebook Feed, Instagram
Feed and twelve WooCommerce single-product blocks. All blocks include skeleton inserter
previews and JavaScript translations. More blocks will be added in future releases.

### Can I edit content directly on the live page?

Yes. When you are logged in and allowed to edit the post, Flexa’s editable blocks
become click-to-edit on the front end: click a heading, paragraph, button label,
list item or table cell, type your change, and press Save in the toolbar that appears.
The edit is saved into the block itself — markup, block settings and generated CSS
are preserved — and logged as a note on the post.

### Which blocks can be edited from the front end?

Thirty-five blocks, covering every block whose text you type in yourself: Heading,
Text, Button, Table of Contents, Progress Bar, Before / After, Star Rating, Modal,
Notice, Banner, CTA, Info Box, Testimonial, Team Member, Countdown labels, all eleven
Subscribe Form field labels, FAQ, Tabs, Steps, Timeline, Pricing Table, Counter,
Icon List, Comparison Table and Data Table. Blocks that show generated or fetched
content (Post Grid, Breadcrumb, WooCommerce product blocks, feeds) are not inline-
editable, since their text does not live in the block.

### Who is allowed to edit on the front end, and can I turn it off?

Administrators always can; Editors are allowed by default. Open **Flexa Block  Editing**
to switch inline editing off entirely, change which roles may use it, or disable
it for individual blocks. Users still need the normal WordPress permission to edit
that particular post.

### Will Flexa Block slow down my site?

No. CSS is generated once at save time and cached per post. Only the styles actually
used on a given page are loaded — there are no large catch-all stylesheets.

### Does Flexa Block support dark mode?

Yes. The Container block integrates with a site-wide dark mode toggle, which you
can enable or disable from the **Flexa Block** settings page in the admin.

### How do I disable a block I don’t need?

Go to **Flexa Block** in the admin sidebar and open the **Blocks** tab. You can 
toggle individual blocks off — disabled blocks are removed from the Block Editor
inserter.

### Where are the plugin settings?

In the WordPress admin sidebar, click **Flexa Block** (located below Settings). 
From there you can control dark mode, CSS specificity, and which blocks are active.

### Is there a Pro version?

Yes. Flexa Block Pro adds additional blocks and advanced features. It works alongside
this free plugin.

## Reviews

There are no reviews for this plugin.

## Sobustatkujuce a wuwijarje

„Flexa Block – Blocks & Page Builder“ jo software wótwórjonego žrědła. Slědujuce
luźe su pśinosowali k toś tomu tykacoju.

Sobustatkujuce

 *   [ FlexaTech ](https://profiles.wordpress.org/flexatech/)

[Translate “Flexa Block – Blocks & Page Builder” into your language.](https://translate.wordpress.org/projects/wp-plugins/flexa-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/flexa-block/), check
out the [SVN repository](https://plugins.svn.wordpress.org/flexa-block/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/flexa-block/) by
[RSS](https://plugins.trac.wordpress.org/log/flexa-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.14

 * Sample Data: the bundled starter pages (Contact and SaaS Landing) now ship with
   a finished visual design instead of a plain layout. Each sample card has a single
   Preview action that opens the page on the front end, and removing an imported
   sample now asks you to confirm first.
 * Admin: refreshed the dashboard with a cyan accent and rounded buttons, and added
   a Settings link next to the plugin on the Plugins screen.

#### 1.0.13

 * Fix: the deactivation feedback survey no longer opens more than one „Before you
   go“ dialog. With several Flexa plugins active at once, each bundled its own copy
   of the survey script and every copy added a handler to the Deactivate link, so
   the dialog stacked and needed one click to dismiss each copy. Each Deactivate
   link now opens a single dialog.

#### 1.0.12

 * Hardened how block background images are written into generated CSS. Image URLs
   are now quoted and stripped of any characters that could break out of the CSS`
   url()` value, closing a potential CSS-injection path. Background and mask images
   render exactly as before.

#### 1.0.11

 * Added seven more WooCommerce single-product blocks (shown only when WooCommerce
   is active): Add to Cart (quantity field and button with your own label and cart
   icon, full normal/hover styling, and matching styling for variable-product attribute
   dropdowns), Product Description (the long description with an optional heading,
   styled body, links, nested headings/lists/tables, and an optional line clamp 
   behind a Read more toggle), Product Excerpt (the short description, falling back
   to a trimmed long description, capped by word count or number of lines), Product
   Field (a single line of product data: SKU, categories or tags, with a label, 
   inline/badge/list terms and a copy-to-clipboard SKU), Product Meta (stacks Product
   Field rows into one list with a shared label column, row gap and divider), Related
   Products (a grid or list of related products with per-device columns and gaps,
   card styling, image ratio and hover, and toggles for image, title, price, rating
   and add-to-cart) and Product Stock (stock status as text or a badge, with your
   own wording for in stock / out of stock / on backorder, an optional icon, the
   remaining quantity and a low-stock threshold with its own colors).
 * Social Share: added a Product Share variation that shares the current WooCommerce
   product, carrying its title and featured image with the link.

#### 1.0.10

 * Banner: the „Any blocks“ content option now works again. The inner-blocks area
   added in 1.0.7 was missing from the released source, so a banner set to „Any 
   blocks“ rendered the built-in placeholder text instead of the blocks inside it.
   Existing banners are unaffected and need no changes.
 * Tabs: restored the Tab child block introduced in 1.0.7, which the released source
   was also missing.

#### 1.0.9

 * Added an optional, admin-only deactivation feedback survey so we can learn why
   the plugin is being removed. It runs only on the Plugins screen, never blocks
   deactivation, and can be disabled with a filter. See the „External services“ 
   section for exactly what is sent.

#### 1.0.8

 * WordPress 7.1 compatibility: inspector controls (Text, Select, Range and Search)
   now use the new 40px default control size, matching WordPress 7.1 and clearing
   the related deprecation notice. Tested up to 7.1.

#### 1.0.7

 * Tabs: each tab can now hold any blocks, not just text. A new Tab child block 
   keeps the tab’s label, icon and an optional line of default text, with its own
   inner-blocks area below for images, buttons, columns and more. Existing Tabs 
   are migrated automatically the first time they’re opened.
 * Post Grid: added a card style option — Stacked (image over text, the default)
   or Overlay (image as the background with the text on top) — plus a „Feature first
   post“ toggle that makes the first post span the full row with its image beside
   the text.
 * Post Grid: added an optional reading time in the meta line, estimated from each
   post’s own length (with a configurable reading speed / words-per-minute).
 * Banner: added an optional inner-blocks area above the heading, so a breadcrumb,
   an eyebrow or a meta line can sit inside the hero.
 * Banner: added a Content choice — Fields, the built-in heading, description and
   buttons (how every banner has always worked, and still the default), or Any blocks,
   which hides those fields and lets you build the banner from blocks instead: columns,
   images, a form, anything. The heading, description and button text are kept, 
   not cleared, so switching back to Fields restores them unchanged. Existing banners
   are untouched.
 * Table of Contents: added a „Highlight active section“ (scroll-spy) option that
   marks the link of the section currently in view, with its own active-link colour.
 * Pricing Table: each feature can now be marked included or not included (a ✓ or
   a muted ✕ per line), edited with a per-feature toggle. Older plans that stored
   features as plain lines keep working.
 * Added six new brand icons to the Social Icons and Social Share blocks — Messenger,
   Zalo, WhatsApp, Telegram, TikTok and YouTube — in both official-colour and monochrome(
   tinted) modes. WhatsApp and Telegram are also available as share buttons in the
   Social Share block.
 * Added a shared image hover effect (zoom, zoom-out, slide, blur, grayscale, sepia
   and more) to the media blocks — Image and Images Gallery now share the same hover
   controls, and the Timeline media follows suit.
 * Collection blocks (Gallery, Grid, Slides and more): border and shadow are now
   split between the wrapper and each item, so you can style the container and its
   items independently. Existing content is migrated automatically.
 * Notice: the icon can now be aligned along the cross axis (top / center / bottom).
 * Table of Contents: numbered markers now reflect the heading hierarchy (e.g. 3.1,
   3.2) using CSS counters.
 * Added inserter previews for the Post Filter child blocks (Search, Taxonomy and
   Reset).
 * Fixed the Lottie block so its animation SVG is kept out of React’s conditional
   render, preventing the animation from disappearing.

#### 1.0.6

 * WordPress.org review fixes: documented the external services the plugin can connect
   to (Facebook Graph, Instagram and Google Maps) with their Terms/Privacy links,
   and added build-tool instructions alongside the public source-code link.
 * Feed blocks: the editor-only demo media for the Facebook Feed and Instagram Feed
   blocks now uses self-contained inline placeholders instead of loading sample 
   images from a remote host.
 * Subscribe Form: uploaded file attachments are now staged through WordPress’s 
   own `wp_handle_upload()` instead of `move_uploaded_file()`.

#### 1.0.5

 * Banner: added a Content Box Width control that caps the width of the content 
   box while keeping the background full-bleed, so a full-width banner can align
   its content with the site grid.
 * Reworded the plugin name, description and tags around the WordPress block editor,
   and added a demo link to the readme.
 * Plugin-check / WordPress.org review cleanups: output-escaping and input-sanitization
   tidy-ups in the Post Filter fields and the Filter: Reset, Search and Taxonomy
   blocks.

#### 1.0.4

 * Added five WooCommerce single-product blocks (grouped under a new WooCommerce
   category, shown only when WooCommerce is active): Product Name, Product Price(
   regular/sale price + configurable strike-through), Product Rating (stars / number/
   count with per-part styling), Product Image (thumbnail carousel with arrows, 
   positions, autoplay and a fixed image height) and Product Details (Description/
   Additional information / Reviews tabs with a sliding indicator, real WooCommerce
   reviews, numbered/load-more pagination and per-tab styling).
 * Added a Post Filter block with Search, Taxonomy and Reset children: a filter 
   bar that drives a chosen Post Grid — search as you type, narrow by one or more
   taxonomies (dropdown or checkbox list) and clear everything with a reset link
   that appears only once there is something to clear. Each field has its own background,
   border, shadow and focus colour.
 * Added a Notice block (info / success / warning / danger / neutral callout with
   an icon, title, message and an optional dismiss that can be remembered).
 * Added a Data Table block (own columns and rows, styled header, striped rows, 
   hover and first-column highlights, per-column alignment, cell borders, padding
   and typography, horizontal scroll past a max width).
 * Added a Taxonomy block (terms of any taxonomy as a list, inline row, dropdown
   or grid, with counts, hierarchy, prefix/suffix, separator and styled term chips).
 * Added an RSS Feed block (entries from any RSS/Atom URL as a list or grid, with
   item count, cache time, sort order, thumbnail, date, author, source, excerpt 
   and a read-more link).
 * Added Facebook Feed and Instagram Feed blocks — posts and media fetched server-
   side and cached (tokens never reach the browser), in grid, list, masonry, carousel,
   hover-overlay or card layouts.
 * Post Grid: a styleable result count, aligned read-more buttons, a blockId that
   survives a reload, one typography panel per element, pagination that previews
   the active state on hover, and an empty state that no longer repeats itself.
 * Block CSS is now generated for the current block-theme template (e.g. the WooCommerce
   single-product template), so blocks placed directly in a site-editor template
   render their styles on the front end.
 * Front-end inline editing extended to five more blocks — Star Rating, Modal, Notice,
   Icon List and Data Table — bringing the total to 35 editable blocks.

#### 1.0.3

 * Added five new blocks: Pricing Table, Team Member, Post Grid, Progress Bar and
   Timeline.
 * Front-end inline editor: logged-in users with edit permission can click text 
   on the live page and edit it in place — changes save per block (markup and generated
   CSS preserved) and are recorded as post notes.
 * Editable blocks (30): Heading, Text, Button, Table of Contents, Progress Bar,
   Before / After, Banner, CTA, Info Box, Testimonial, Team Member, Countdown, the
   Subscribe Form fields (Name, Email, Phone, Message, Website, Date, Select, Radio,
   Checkbox, Toggle, Upload), FAQ, Tabs, Steps, Timeline, Pricing Table, Counter
   and Comparison Table.
 * New Editing settings tab: toggle the inline editor, choose which roles may edit(
   administrators always allowed, Editor on by default) and which blocks are editable.
 * Admin dashboard redesign: a left sidebar with General / Blocks / Editing sections;
   blocks shown as a searchable, group-filtered card grid with previews and enable/
   disable-all controls.

#### 1.0.2

 * Added many new blocks: Counter, Info Box, Slides (with Slide), Social Share, 
   Table of Contents, Before / After, Breadcrumb, Steps, Tabs, Video Popup, Comparison
   Table, Google Map, Images Gallery, Banner, CTA and an AJAX Subscribe Form with
   field child blocks.
 * Container: added position and offset controls; Table of Contents supports a scrollable
   list.
 * Video Popup: added an inline play mode and MP4 upload; Comparison Table gained
   dedicated badge styling.
 * Grid layout refinements and a refreshed admin dashboard.

#### 1.0.1

 * Added ten new blocks: Button, Heading, Image, Countdown, FAQ (with optional FAQPage
   schema), Social Icons, Grid, Testimonial, Separator and Text.
 * Added JavaScript translations and skeleton inserter previews for all blocks.
 * Security: hardened CSS value sanitization — colour, gradient, enum, position 
   and numeric attributes are validated against allow-lists at generation time before
   being printed inline.
 * Fixed the admin menu position and the text-domain load hook.

#### 1.0.0

 * Initial release with the Container block.

## Meta

 *  Version **1.0.14**
 *  Last updated **4 dny**
 *  Active installations **1.000+**
 *  WordPress version ** 6.4 abo nowša **
 *  Tested up to **7.1.2**
 *  PHP version ** 7.4 abo nowša **
 *  Language
 * [English (US)](https://wordpress.org/plugins/flexa-block/)
 * Tags
 * [block-editor](https://dsb.wordpress.org/plugins/tags/block-editor/)[blocks](https://dsb.wordpress.org/plugins/tags/blocks/)
   [container](https://dsb.wordpress.org/plugins/tags/container/)[fse](https://dsb.wordpress.org/plugins/tags/fse/)
   [layout](https://dsb.wordpress.org/plugins/tags/layout/)
 *  [Rozšyrjony naglěd](https://dsb.wordpress.org/plugins/flexa-block/advanced/)

## Pógódnośenja

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/flexa-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/flexa-block/reviews/)

## Sobustatkujuce

 *   [ FlexaTech ](https://profiles.wordpress.org/flexatech/)

## Pódpěra

Rozwězane problemy zajźoneju dweju mjasecowu:

     0 z 1

 [Forum pomocy pokazaś](https://wordpress.org/support/plugin/flexa-block/)