Own your blocks.
Genesis Custom Blocks provides WordPress developers with the tools they need to take control of the new block-first reality of modern WordPress.
Take control of design.
Implement beautiful, custom designs with fine-tuned front-end templating control.
Build unique functionality.
Build blocks that function and behave exactly as you need.
Extend & integrate.
Easily extend your custom blocks to integrate with third-party apps and plugins.
How it works.
Building a custom block for the new WordPress editor is now a whole lot easier!
1. Add new block.
Add a new block in the WordPress Admin just like you would add any other post or page.
![genesis_custom_blocks_how_it_works_1 Genesis Custom Blocks - Add Block](png/genesis_custom_blocks_how_it_works_1.png)
![genesis_custom_blocks_how_it_works_2_new_ui genesis_custom_blocks_how_it_works_2_new_ui](png/genesis_custom_blocks_how_it_works_2_new_ui.png)
2. Configure block.
Add from a range of fields and configure how they’re displayed.
3. Build block template.
Build your block template file using familiar WordPress development practices and simple PHP functions.
![genesis_custom_blocks_how_it_works_3 genesis_custom_blocks_how_it_works_3](png/genesis_custom_blocks_how_it_works_3.png)
![genesis_custom_blocks_how_it_works_4 genesis_custom_blocks_how_it_works_4](png/genesis_custom_blocks_how_it_works_4.png)
4. Away you go!
Your custom block is now ready to use in Gutenberg.
Easy as!
Watch it in action.
In less than 4 minutes you'll see how a completely custom block was added, configured, styled, and deployed.
Developer docs you can rely on.
Developer tools are only as good as their docs. That's why we take them seriously.
Getting Started
If this is your first time working with Genesis Custom Blocks, these docs will get you started.
FAQs
Sometimes the question you have has been asked before. Have a look at some of the docs and guides we have for the most commonly encountered questions and challenges.
Block Fields
Fields are the center-piece for controlling dynamic content for your custom blocks. Learn about all the field types available to you and how you can work with them.
PHP Functions
The simplicity of templating with Genesis Custom Blocks is powered by the functions packaged with the plugin. Learn how to leverage these and build dynamic templates for your blocks.
Fields for your blocks.
Use a whole suite of fields to create the functionality and flexibility you need for your custom blocks.
Available for free
![genesis_custom_blocks_field_text@2x genesis_custom_blocks_field_text@2x](png/genesis_custom_blocks_field_text%402x-1.png)
![genesis_custom_blocks_field_select@2x genesis_custom_blocks_field_select@2x](png/genesis_custom_blocks_field_select%402x.png)
![genesis_custom_blocks_field_email@2x genesis_custom_blocks_field_email@2x](png/genesis_custom_blocks_field_email%402x.png)
![genesis_custom_blocks_field_image@2x genesis_custom_blocks_field_image@2x](png/genesis_custom_blocks_field_image%402x.png)
![genesis_custom_blocks_field_range@2x genesis_custom_blocks_field_range@2x](png/genesis_custom_blocks_field_range%402x.png)
![genesis_custom_blocks_field_color@2x genesis_custom_blocks_field_color@2x](png/genesis_custom_blocks_field_color%402x.png)
![genesis_custom_blocks_field_url@2x genesis_custom_blocks_field_url@2x](png/genesis_custom_blocks_field_url%402x.png)
![genesis_custom_blocks_field_radio@2x genesis_custom_blocks_field_radio@2x](png/genesis_custom_blocks_field_radio%402x.png)
![genesis_custom_blocks_field_checkbox@2x genesis_custom_blocks_field_checkbox@2x](png/genesis_custom_blocks_field_checkbox%402x.png)
![genesis_custom_blocks_field_toggle@2x genesis_custom_blocks_field_toggle@2x](png/genesis_custom_blocks_field_toggle%402x.png)
![genesis_custom_blocks_field_number@2x genesis_custom_blocks_field_number@2x](png/genesis_custom_blocks_field_number%402x.png)
![genesis_custom_blocks_field_textarea@2x genesis_custom_blocks_field_textarea@2x](png/genesis_custom_blocks_field_textarea%402x.png)
![genesis_custom_blocks_field_multi-select@2x genesis_custom_blocks_field_multi-select@2x](png/genesis_custom_blocks_field_multi-select%402x.png)
Available with Genesis Pro
![genesis_custom_blocks_field_repeater@2x genesis_custom_blocks_field_repeater@2x](png/genesis_custom_blocks_field_repeater%402x.png)
![genesis_custom_blocks_field_rich-text@2x genesis_custom_blocks_field_rich-text@2x](png/genesis_custom_blocks_field_rich-text%402x.png)
![genesis_custom_blocks_field_category@2x genesis_custom_blocks_field_category@2x](png/genesis_custom_blocks_field_category%402x.png)
![genesis_custom_blocks_field_classic-text@2x genesis_custom_blocks_field_classic-text@2x](png/genesis_custom_blocks_field_classic-text%402x.png)
![genesis_custom_blocks_field_post@2x genesis_custom_blocks_field_post@2x](png/genesis_custom_blocks_field_post%402x.png)
![genesis_custom_blocks_field_tag@2x genesis_custom_blocks_field_tag@2x](png/genesis_custom_blocks_field_tag%402x.png)
![genesis_custom_blocks_field_user@2x genesis_custom_blocks_field_user@2x](png/genesis_custom_blocks_field_user%402x.png)
Get started with Genesis Custom Blocks.
Get started for free, or unlock advanced features with your Genesis Pro subscription.
Build dynamic custom blocks for
Free
- Fully functional plugin (not just a demo)
- 13 standard block fields
Build advanced custom blocks with
Genesis Pro
- Everything in Free!!!
- 13 standard block fields
- 6 advanced block fIelds
- Advanced block export/import control
- Unlimited sites
- 24/7 support
- Additional advanced features for the rest of the Genesis product suite