EmailSendX Docs
EmailSendX Docs
/
Docs/Integrations/Block Editor

Block Editor (Gutenberg)

Two native blocks for the default WordPress editor. Insert a form, see it render live while you edit, and colour it from your own theme palette.

Setup

Install the EmailSendX plugin and connect your API key. There is nothing else to enable — the blocks register themselves with the editor.

Insert a block

Click the + inserter and look for the EmailSendX category — it sits just under Text. Or type “emailsendx” into the block search.

  • EmailSendX Form — embeds a form you built in EmailSendX. Fields, spam protection and the confirmation email all come from that form.
  • EmailSendX Newsletter — a quick email-capture box that adds people straight to a contact list. Single opt-in.

Hover a block in the inserter and you'll get a preview of what it looks like before you place it.

Choose the form or list

Select the block and open the Block tab in the sidebar.

  • EmailSendX Form → pick from the Form dropdown, which lists your forms by name.
  • EmailSendX Newsletter → pick a Contact list, then set the heading, description, button text, placeholder, success message and consent line.

The editor preview is the real thing

The block renders through the same code that runs on the front end, so what you see while editing is exactly what your visitors get — not an approximation.

Styling and theme colours

The sidebar has three style panels:

  • Layout — alignment, width, size, field spacing.
  • Fields — field style (outlined, filled, underline), corner radius, label visibility, field background / text / border colours.
  • Button & text — accent, button text colour, solid or outline, button alignment, full-width, label colour.

Use your theme's palette

The colour pickers accept your theme's own colours, not just hex codes. Pick “Brand” (or whatever your theme calls it) and the form stores the theme variable rather than a frozen hex value — so if you later change that colour in your theme, the form follows it automatically.

Site editor, patterns and templates

Because these are ordinary blocks, they work anywhere blocks do — inside a template in the site editor, in a reusable block or pattern, or in a template part like a footer. Put a newsletter box in your footer template once and it appears site-wide.

Shortcode fallback

The blocks render through the same shortcodes as every other builder. Use them in a Shortcode block, the classic editor, or a theme template:

bash
[emailsendx_form id="YOUR_FORM_ID"]
[emailsendx_newsletter list="YOUR_LIST_ID" width="full" button_full="yes"]

Add a form to your next post

Install the plugin, connect your key, and insert the block.

Download the pluginWordPress plugin docs