EmailSendX Docs
EmailSendX Docs
/
Docs/Integrations/Elementor

Elementor

Two native Elementor widgets — drag an EmailSendX form or a newsletter signup box straight onto the canvas, pick which form it shows, and style it without touching CSS.

Setup

  1. Install the EmailSendX plugin and connect your API key.
  2. Make sure Elementor is active. The plugin detects it automatically — no extra add-on to install.
  3. Open any page with Elementor.

Check it's detected

In WordPress, go to EmailSendX → Integrations. Elementor should show a green Active badge along with the version it found.

Find the widgets

In the Elementor editor, look for the EmailSendX category in the widget panel. It sits directly under Basic, near the top — you shouldn't have to scroll. You can also just type “emailsendx” into the panel search.

There are two widgets:

  • EmailSendX Form — embeds a form you built in EmailSendX. Its fields, spam protection and confirmation email all come from that form, so there is nothing to rebuild and nothing that can fall out of step.
  • EmailSendX Newsletter — a quick email-capture box that adds people straight to a contact list. Single opt-in, no form required.

Choose the form or list

Drop a widget on the page and open the Content tab.

  • EmailSendX Form → the Form dropdown lists every form in your workspace, by name. No IDs to copy.
  • EmailSendX Newsletter → the Contact list dropdown lists your lists. You can also set the heading, description, button text, placeholder, success message and a consent line, and optionally collect a first name.

Dropdown says “No forms found”?

Check your connection on EmailSendX → Settings, and confirm the form exists in EmailSendX under Forms. The dropdown reads live from your workspace.

Style it to match your site

Open the Style tab. The controls are grouped into three sections:

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

Elementor's own controls work on top

Everything on Elementor's Advanced tab still applies — margin, padding, background, border, box shadow, motion effects, responsive visibility, custom CSS. The EmailSendX controls style the form itself; Elementor styles the box around it.

Hiding labels keeps them available to screen readers, so a placeholder-only form stays accessible.

Shortcode fallback

The widgets render through the same shortcodes as every other builder, so you can drop one into an Elementor Shortcode widget — or anywhere else — and get identical output.

bash
[emailsendx_form id="YOUR_FORM_ID"]
[emailsendx_newsletter list="YOUR_LIST_ID" size="large" radius="pill"]

The plugin's Forms and Newsletter tabs list each form and list with a ready-to-paste shortcode.

Put a form on your Elementor page

Install the plugin, connect your key, and drag the widget onto the canvas.

Download the pluginWordPress plugin docs