Marketing · Gutenberg

Objection Handler block for WordPress

Address common sales objections with paired concern/response cards — great for landing pages, pricing pages, and sales copy.

Get Blockenberg

Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.

Get Blockenberg

What it actually does

Address common sales objections with paired concern/response cards — great for landing pages, pricing pages, and sales copy.

Inspector panels on this block: Objections, Headline, Layout & Style. Those titles come from index.js, not from a shared template.

Behavior controls: “Layout” options: Stacked (one per row), Grid (2 columns); “Pair style” options: Split (side by side), Cards (stacked).

Where to find it

Gutenberg inserter → Marketing → search “Objection Handler” (block name `blockenberg/objection-handler` in block.json). Style it in the sidebar after insert.

How to use Objection Handler block for WordPress

  1. Install Blockenberg. Install from WordPress.org and activate the plugin.
  2. Insert the block. Edit a page, click +, search for “Objection Handler”, insert it. Category: Marketing.
  3. Configure inspector controls that exist on this block. Open Objections. Set “Icon (emoji)”, “Objection / Concern”, “Response”, “Show headline section”.
  4. Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.

Inspector controls from this block’s code

ControlWhat the code does
Icon (emoji)Text field in the inspector. Saved as `objections`.
Objection / ConcernMultiline text field in the inspector. Saved as `objections`.
ResponseMultiline text field in the inspector. Saved as `objections`.
Show headline sectionOn/off toggle in the inspector. On by default. Saved as `showHeadline`.
HeadlineText field in the inspector. block.json default: Still have questions?. Saved as `headline`.
SubheadlineText field in the inspector. block.json default: We hear these concerns all the time. Here's what you should know.. Saved as `subheadline`.
LayoutSelect control; the chosen value is saved on the block. Options: Stacked (one per row); Grid (2 columns). block.json default: stack. Saved as `layout`.
Pair styleSelect control; the chosen value is saved on the block. Options: Split (side by side); Cards (stacked). block.json default: split. Saved as `style`.
Show iconOn/off toggle in the inspector. On by default. Saved as `showIcon`.
Objection column labelText field in the inspector. block.json default: Concern. Saved as `objectionLabel`.
Response column labelText field in the inspector. block.json default: Our Answer. Saved as `responseLabel`.
Border radius (px)Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`.
Gap between rows (px)Numeric range control in the inspector. Range 4–40. block.json default: 16. Saved as `gap`.
Colors — BackgroundColor control in the inspector. block.json default: #ffffff. Saved as `bgColor`.
HeadlineColor control in the inspector. block.json default: #0f172a. Saved as `headlineColor`.
SubheadlineColor control in the inspector. block.json default: #64748b. Saved as `subColor`.
Objection bgColor control in the inspector. block.json default: #fff7ed. Saved as `objectionBg`.
Objection textColor control in the inspector. block.json default: #9a3412. Saved as `objectionColor`.
Objection borderColor control in the inspector. block.json default: #fed7aa. Saved as `objectionBorderColor`.
Response bgColor control in the inspector. block.json default: #f0fdf4. Saved as `responseBg`.
Response textColor control in the inspector. block.json default: #166534. Saved as `responseColor`.
Response borderColor control in the inspector. block.json default: #bbf7d0. Saved as `responseBorderColor`.
Label colorColor control in the inspector. block.json default: #64748b. Saved as `labelColor`.

What the front-end script actually does

When this is the right block

Notes from the implementation

viewScript: this folder’s frontend.js is enqueued on the front end for this block.

FAQ

How do I add the Objection Handler block in WordPress?

Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Objection Handler”. It sits under Marketing. After insert, open Objections and set “Icon (emoji)”, “Objection / Concern”, “Response”, “Show headline section”.

What makes Objection Handler different from other Blockenberg blocks?

Address common sales objections with paired concern/response cards — great for landing pages, pricing pages, and sales copy. Inspector labels on this block include “Icon (emoji)”, “Objection / Concern”, “Response”, “Show headline section”.

Is the Objection Handler Gutenberg block free?

Yes. Objection Handler ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.

Can I style Objection Handler to match my theme?

Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Objections, Headline, Layout & Style).

Related marketing blocks

Get Blockenberg

Install Blockenberg from WordPress.org, then insert Objection Handler from the Gutenberg inserter.

Get Blockenberg