Design System is here - Read the release post

Learn GeneratePress

Effects Options

Our Effects feature is one of the more advanced aspects of GenerateBlocks Pro. It allows you to build complex CSS effects for your blocks directly inside the editor.

Pattern Library

Demos of the patterns in our library can be found on our Pattern Library site.

Admin dashboard and platform

Hooks for the GenerateBlocks admin screens, the GenerateBlocks settings, the plugin’s feature flags and the scans that find where a style, token, condition or form is used. Jump to Dashboard screens generateblocks_dashboard_screens GB Free — since GenerateBlocks 1.2. GenerateBlocks Pro uses it for its own pages. The generateblocks_dashboard_screens filter lists the admin screens that get … Read more

Conditions: registering types and rules (Pro)

Hooks for adding condition types, changing the rules and metadata the editor shows, and controlling who can use conditions. To build a condition type, see Registering conditions. To change the rules of a built-in type, see Conditions: built-in rule filters. Jump to Registering generateblocks_register_conditions GB Pro The generateblocks_register_conditions action fires on init at priority 10, … Read more

Conditions: built-in rule filters (Pro)

Each built-in condition type has a filter for its list of rules. Every filter receives and returns an array of rule key => label. The labels fill the Rule select in the editor. To change the rules of every type from one place, use generateblocks_condition_rules. How a rule you add behaves depends on the type, … Read more

Registering conditions (Pro)

Conditions decide whether a block, menu item or overlay panel is shown. GenerateBlocks Pro ships types such as location, user role and device. You can add your own type with a class that tells GenerateBlocks which rules and operators it offers and how to evaluate them. To hook into the existing types, see Conditions: registering … Read more

Dynamic tags: output and rendering

Hooks for changing what a dynamic tag outputs, which blocks and HTML can use tags, and how tags are previewed in the editor. To register your own tag, see Registering dynamic tags. For who can use dynamic tags and how meta is read, see Dynamic tags: meta access and security. Jump to Changing a tag’s … Read more

Registering form actions (Pro)

A form action is what a Form block does with a submission once it has been sanitized and validated, such as sending an email or posting to a webhook. GenerateBlocks Pro registers four actions: email, email-signup, webhook and confirmation-email. You can register your own with GenerateBlocks_Pro_Form_Action_Registry. For the hooks around form processing, see Forms: processing … Read more

Editor: inspector controls and panels

JavaScript hooks for adding to or changing the controls in the block editor: the block inspector, the style panels, individual controls and presets, and the GenerateBlocks editor sidebar. These are wp.hooks filters and actions. Add them with wp.hooks.addFilter() or wp.hooks.addAction() in a script that loads in the block editor, after wp-hooks and the GenerateBlocks editor … Read more

Registering form integrations (Pro)

A form integration adds a service to the form editor, such as an email marketing list or a webhook. GenerateBlocks Pro includes Mailchimp, ActiveCampaign, Brevo, ConvertKit, MailerLite and a webhook. You can add your own with generateblocks_pro_register_form_integration(). For the hooks around integrations, see Forms: email, webhooks and integrations. To run your own code on a … Read more