Embedding Forms on Your Site

Shortcode

Every form has a unique shortcode. Find it by going to Xtreme Forms > All Forms — the shortcode is displayed next to each form title.

Copy the shortcode (e.g., [xtreme_form id="42"]) and paste it into any post, page, or text widget.

Gutenberg Block

In the WordPress block editor:

1. Click the + button to add a new block.
2. Search for Xtreme Forms.
3. Select the block, then choose your form from the dropdown.

The form renders directly in the editor so you can see a live preview while building your page.

Elementor Widget

If you use Elementor:

1. Open the page in the Elementor editor.
2. Search the widget panel for Xtreme Forms.
3. Drag the widget onto your layout.
4. Select the form from the dropdown in the widget settings.

The Elementor widget supports all standard Elementor styling options — margins, padding, typography overrides, and responsive visibility.

PHP Template

For developers who need to embed a form in a theme template:

<?php echo do_shortcode('[xtreme_form id="42"]'); ?>

Popup / Modal

Combine Xtreme Forms with any popup plugin. Paste the shortcode inside the popup content area. The form loads when the popup triggers (on click, on scroll, on exit intent, or on a timer).

Styling Tips

Xtreme Forms inherits your theme's typography and input styles by default. To customize further:

• Use the Form Styles tab in the builder for no-code color, spacing, and border adjustments.
• Add a custom CSS class in the form settings and target it in your theme's stylesheet for full control.