Skip to main content

Signature Field for Elementor Pro Form

Updated today

With this extension, you can add a signature field to Elementor Pro Form. Select "Signature" from the Type list on any form field.

Settings

  • Signature Pad Width - Set the width of the signature pad. Supports px and % units, and is responsive across devices.

  • Aspect Ratio (Width ÷ Height) - Control the proportions of the signature pad.

  • Alignment - Align the signature pad to the left, center, or right.

Style

On the form Style tab, under the Signature section, you can configure:

  • Pad Border Radius - Round the corners of the signature pad.

  • Pad Border Width - Set the border thickness.

  • Pad Background Color - Background color of the drawing area.

  • Pen Color - Color of the signature stroke.

  • Icon - Choose a custom icon for the clear button.

  • Clear Button - Configure color, background, hover background, border, border radius, and icon size for the clear button.

Using Signature on PDF Generator

You can insert the signature on a PDF using the PDF Generator extension with the HTML converter.

Using Signature in Emails

You can use the signature image directly in emails. Enable the "Save to File" toggle in the signature field settings, then use the field ID shortcode in the email message to attach the signature.

On Dynamic Email, the signature image works correctly only if your email software supports embedded images or data URL images.

Did this answer your question?