Official Documentation — v3.0.1
AxcelersBlocks
15 Gutenberg blocks and 207 section patterns to help you build beautiful, responsive WordPress pages faster — no coding required.
Installation Guide
AxcelersBlocks can be installed in two ways. Choose whichever suits you best.
Method 1 — Install from WordPress Dashboard (Recommended)
Open your WordPress admin
Log in to your WordPress dashboard and navigate to Plugins → Add New Plugin.
Search for AxcelersBlocks
Type AxcelersBlocks in the search box. The plugin will appear in the results.
Install & Activate
Click Install Now, then click Activate. The plugin is ready to use immediately.
Method 2 — Install Using a ZIP Upload
Download the ZIP package
Download the AxcelersBlocks
.zippackage from wordpress.org/plugins/axcelersblocks.Go to Plugins → Add New Plugin
In your WordPress admin, navigate to Plugins → Add New Plugin and click Upload Plugin.
Choose the ZIP file and install
Select the downloaded ZIP file, click Install Now, then click Activate.
Method 3 — Install Manually Using FTP
Extract the ZIP file
Download the AxcelersBlocks ZIP and extract it on your computer.
Upload the plugin folder
Upload the extracted
axcelersblocksfolder to/wp-content/plugins/on your server using FTP or your host’s File Manager.Activate in WordPress
Go to Plugins in your WordPress admin, find AxcelersBlocks in the list, and click Activate.
System Requirements
WordPress 6.9 or higher — the block editor and the Abilities API (added in WordPress 6.9) are required.
PHP 7.4 or higher — PHP 8.1 or newer is recommended for best performance.
Any Theme — Works with classic and block (FSE) themes; block themes are recommended. The Full Width and Blank templates adapt to both.
ACF (Optional) — Advanced Custom Fields integration is available for the Dynamic Tags feature when ACF is active.
How to Use AxcelersBlocks
Once the plugin is active, your AXB blocks are available everywhere in the Gutenberg editor.
Adding Blocks to a Page or Post
Open the editor
Create a new page or post, or edit an existing one. The Gutenberg block editor will open.
Click the + inserter
Click the + button in the toolbar or within the editor canvas to open the block inserter panel.
Search for AXB
Type AXB in the search box. All AxcelersBlocks will appear instantly under the AXB: Blocks category.
Insert and configure
Click a block to add it. Set its content and links in the block settings, and style it in the Styles panel: Typography, Spacing, Sizing, Layout, Position, Borders, Background, Effects and Image. Use the style search to find any property, and Copy / Paste styles between blocks.
Switch device views
Use the device switcher at the top of the Styles panel — it stays in sync with WordPress’s own preview buttons. The panel shows what you are editing (Mobile only, Tablet and up, or Desktop and up), and Apply to all breakpoints copies a value to every device.
Using Pre-Built Patterns
Open the Pattern Library
Click the + inserter and switch to the Patterns tab at the top of the panel.
Browse AXB categories
AxcelersBlocks adds 207 section patterns in 19 AXB categories: Top Bar, Header, Hero, Features, About, Stats, Process, Testimonials, Pricing, Tables, FAQ, Team, Logos, Video, Blog & Cards, Image & Gallery, Call to Action, Contact and Footer.
Insert the pattern
Click or drag any pattern to insert it. Patterns insert as normal, fully editable blocks — change the text, images and colours to match your brand. New pages also offer the AXB patterns in the “Choose a pattern” window.
Configuring Plugin Settings
Open AxcelersBlocks Settings
In your WordPress admin sidebar, click AxcelersBlocks. The settings page has four tabs: Getting Started (a setup checklist), Devices, Pages and Agents.
Set Device Breakpoints
In the Devices tab, set the widths for Tablet (default 1024px) and Mobile (default 768px). Styles are mobile-first: mobile styles apply everywhere, tablet styles from just above the mobile width, and desktop styles above the tablet width.
Save
Click Save Changes. Your breakpoints are now applied across all AXB blocks on your site.
Using the Full-Width Template
When editing a page or post, open the Page panel on the right → Template → AxcelersBlocks — Full Width. This removes the theme’s content width limit and gives you an edge-to-edge canvas, with your theme header and footer. New pages start with this template by default (AxcelersBlocks › Pages). A Blank template without header and footer is also available.
Managing Font Family
Font family is managed from the Typography panel in supported text-based blocks. Select the block, open the block settings sidebar, go to the Styles area, and expand Typography. From there, choose the required value in the Font Family field.
The Font Family dropdown uses the fonts available in WordPress, including theme fonts, installed fonts, and system fonts. This lets each block follow the typography setup already available on your site..
Font family can be set separately for desktop, tablet, and mobile. In the Button block, font family can also be managed for hover styles where hover typography settings are available.
Supported blocks for font family control: AXB Heading, AXB BodyCopy, AXB Button, and AXB List Item.
The 15 AXB Blocks
All blocks appear under the AXB: Blocks category in the Gutenberg inserter. Search for AXB to find them instantly.
AXB: Box
The foundation block of AxcelersBlocks. A flexible container (like a div, section, or article) that can hold any other block. Use it to wrap sections, add backgrounds — including background video — control spacing, and build flex or grid layouts. The whole box can also be a link.
AXB: Columns
A responsive multi-column layout wrapper. Choose the number of columns, control gap and alignment at each breakpoint, and let columns stack gracefully on smaller screens — all from the sidebar controls.
AXB: Column
An individual column used inside the AXB Columns block. Each column is its own styled container, giving you independent control over width, background, padding, and other styles per column.
AXB: Heading
A semantic heading block with full typography control. Pick your HTML tag (h1–h6) for proper document structure and SEO, set font size, weight, line height, letter spacing, and colour per viewport. Supports icons and dynamic tags.
AXB: BodyCopy
Styled body text for paragraphs, spans, labels, and more. Choose the HTML tag, control typography, add an icon before or after the text, link to a URL, and use dynamic tags to pull content automatically from WordPress.
AXB: Button
A fully customisable call-to-action button. Control the label, link (URL, email, phone, anchor or a dynamic link), icon placement, typography, background, border and hover, focus and active states. It can also render a real button element (Button, Submit or Reset).
AXB: Image
An image block with fine-grained display controls: object-fit, size, aspect ratio, caption, alt text or a decorative option, loading priority and responsive image sources per device. Supports SVG and dynamic images such as Featured Image and Author Avatar.
AXB: Video
A semantic video block: a media-library file, a URL, a YouTube or Vimeo embed (privacy-enhanced by default) or a dynamic source — with poster, captions, aspect ratio and playback options like autoplay, loop and muted.
AXB: List
A styled list container for ordered and unordered lists. Choose the list style type (disc, circle, square, decimal, leading zero, alpha, roman or none), spacing, and custom marker icons from the icon library. Supports nesting.
AXB: List Item
An individual list item used inside the AXB List block. Each item can have its own icon, icon colour, and link. Supports nested AXB List blocks for multi-level lists.
AXB: Icon
One icon from the built-in library or your own SVG, with size, colour, box and hover styles per device. It can be a link (URL, email, phone or anchor); an unlinked icon without a label is hidden from screen readers.
AXB: Table
A semantic table with a caption, configurable border spacing and full style controls. Add rows, cells and sections from the toolbar; rows always stay rectangular.
AXB: Table Section
Groups rows into a header, body or footer (thead, tbody, tfoot) inside an AXB Table.
AXB: Table Row
A table row inside a Table Section, styled as one unit.
AXB: Table Cell
A header or data cell with column span, row span, scope and vertical alignment. Cells can hold blocks such as Icons and Buttons.
Hover, focus and active states included. In the Styles panel, pick an element part — Main, Link or Icon, and their hover states — to give it its own look, without writing any CSS.
Dynamic Tags Reference
Dynamic Tags let you connect AXB block content to real WordPress data. Select a tag in the block’s content settings and the block will display live data from your posts, terms, or users.
Dynamic tags are available on AXB Heading, BodyCopy, Button, Image and Video, and for Box and Button links. Open the dynamic tag picker in the block settings to search the tags, see a live preview and copy the tag code.
|
Tag |
What it displays |
Available on |
|---|---|---|
|
Post Title |
The title of the current or a specific post/page. |
Posts, Pages, Custom Post Types |
|
Post Excerpt |
The excerpt of the current or specified post. Set the length, the ending (ellipsis or none) and whether HTML is kept. |
Posts, Pages, Custom Post Types |
|
Post Permalink |
The URL of the current or specified post. Ideal for linking blocks dynamically. |
Posts, Pages, Custom Post Types |
|
Post Date |
The published date of the post. Supports custom date format strings. |
Posts, Pages, Custom Post Types |
|
Post Meta |
Any custom meta field value stored on a post. Specify the meta key. |
Posts, Pages, Custom Post Types |
|
Comments Count |
The number of approved comments on the current post. |
Posts, Pages |
|
Comments URL |
The URL linking to the comments section of the current post. |
Posts, Pages |
|
Term List |
A comma-separated (or custom separator) list of terms from any taxonomy assigned to the post. |
Posts, Custom Post Types |
|
Author |
The display name of the post author. |
Posts, Pages |
|
Term Name |
The name of the current taxonomy term (category, tag, or custom taxonomy). |
Term Archives |
|
Term Description |
The description of the current taxonomy term. |
Term Archives |
|
Term Meta |
Any custom meta field stored on a term. Specify the meta key. |
Term Archives |
|
Featured Image |
The featured image of the current or specified post. Available on the Image block as the image source. |
Posts, Pages, Custom Post Types |
|
Author Avatar |
The avatar image of the post author. Available on the Image block as the image source. |
Posts, Pages |
|
ACF Field |
A value from any Advanced Custom Fields field. Requires ACF to be installed. Specify the field name. |
Posts, Terms, Users (ACF scope) |
Per-Device Style Controls
AxcelersBlocks gives you complete control over how every block looks on every screen size — no custom CSS required. Styles are mobile-first: set the mobile look, then override what changes on bigger screens.
Desktop
Applies above the tablet width (1025px and up by default). Inherits the tablet and mobile values unless you change them.
Tablet
Applies from just above the mobile width (769px and up by default). Inherits the mobile values unless you change them.
Mobile
The base. Mobile styles apply at every width unless a larger device overrides them. Default mobile width: 768px, set in AxcelersBlocks › Devices.
Style Properties with Responsive Control
The following style categories can all be set independently for desktop, tablet, and mobile:
Frequently Asked Questions
Click the + block inserter in the Gutenberg editor and type AXB in the search box. All AxcelersBlocks will appear grouped under the AXB: Blocks category. You can also scroll down to the category list and look for AXB: Blocks directly.
Yes. AxcelersBlocks works with any WordPress theme — classic themes (like Astra, GeneratePress, or OceanWP) as well as block/FSE themes (like Twenty Twenty-Four or Kadence). The blocks render inside the standard Gutenberg editor regardless of which theme you use.
Yes. AxcelersBlocks is free on WordPress.org under the GPL-2.0-or-later license. AxcelersBlocks Pro is a paid add-on with 33 more blocks, Custom CSS and Interactions, AI tools and Figma import.
Go to AxcelersBlocks › Devices in your WordPress admin. Set your Tablet width (default 1024px) and Mobile width (default 768px), then click Save Changes.
Yes. When the ACF plugin is active, choose Custom field in the dynamic tag picker, enter the ACF field name and pick the scope (post, term or user) to show the value in any supported AXB block.
No. AxcelersBlocks uses a block-based inline CSS system — styles are collected and printed only for the blocks that are actually used on each page. There are no global CSS files loaded on every page. This keeps your pages lean and fast.
The AXB Box block is a flexible container — think of it as a super-powered div or section. Use it to wrap other blocks, apply a background (solid, gradient, or image with overlay), control padding, set up a Flexbox or Grid layout, or define a section of your page. Most patterns start with an AXB Box as the outer wrapper.
Yes. The AXB List Item block supports nesting — you can insert another AXB List block inside a List Item to create multi-level, hierarchical lists. This works for both ordered and unordered lists.
Keep the free AxcelersBlocks plugin installed and active. Download Pro from My Account → Licenses, upload the zip in Plugins → Add New → Upload Plugin and activate it. Then go to AxcelersBlocks → License, paste your license key and click Activate.
Deactivate the old site in My Account → Licenses (or in AxcelersBlocks → License on that site), then activate the key on the new site. Local and staging sites don’t use a site slot.
Your site keeps working and Pro features keep running. Updates, Pro downloads and support pause until you renew. Renew any time from My Account → Licenses — your key stays the same, and an early renewal adds a full year to your current expiry date.
You can ask questions and report issues on the official WordPress.org Support Forum for this plugin. For additional help, visit axcelersblocks.com or contact the team at contact@axcelershub.com.