---
title: How to Embed a Lumo Forms Form in WordPress
description: "## Overview After creating a form with Lumo Forms, you need to place it somewhere visitors can find and use it. You can embed a form in your WordPress content using the plugin's shortcode or its Gutenberg block. ## Step…"
url: "https://lumoforms.com/docs/embed-lumo-forms-wordpress/"
updated: "2026-10-29"
category: Getting Started
---

# How to Embed a Lumo Forms Form in WordPress

## Overview

After creating a form with Lumo Forms, you need to place it somewhere visitors can find and use it. You can embed a form in your WordPress content using the plugin's shortcode or its Gutenberg block.

## Step 1: Find Your Form

Open Lumo Forms in your WordPress dashboard and locate the form you want to publish.

Find its form ID or shortcode in the form list or form settings. The exact location may vary by plugin version.

The standard shortcode format is:

``

Replace `X` with your actual form ID. Do not publish the example unchanged.

## Method 1: Embed the Shortcode

1. Open **Pages → Add New** or edit an existing page.
2. Add a **Shortcode** block in the WordPress block editor.
3. Paste your form's shortcode into the block.
4. Save or publish the page.
5. Open the page on the front end to test the form.

For example, if your form ID is `123`, the shortcode would be:

``

Use the actual ID assigned to your form.

## Method 2: Use the Gutenberg Block

If your installed Lumo Forms version registers a Gutenberg block:

1. Open the page in the WordPress block editor.
2. Click the block inserter.
3. Search for Lumo Forms.
4. Add the Lumo Forms block.
5. Select the form you want to display, if the block provides a form selector.
6. Save the page and preview it.

The block method can be convenient because you can select the form visually instead of entering its shortcode manually.

## Step 3: Test the Published Form

Visit the page as a regular website visitor.

Check that the form loads correctly, fields are visible, the layout works on mobile, and the submit button responds as expected.

Submit a test entry and verify the resulting confirmation and submission handling.

## Common Problems

**The shortcode appears as plain text:** Make sure it is inside a Shortcode block or another supported shortcode-processing area.

**The form is missing:** Verify the form ID, confirm the form exists, and ensure the plugin is active.

**The form layout looks incorrect:** Check the page builder, theme CSS, caching, and any optimization plugins that may affect scripts or styles.

**The form does not submit:** Test required-field validation, browser console errors, and any server-side errors.

## Next Steps

Once the form is embedded successfully, test it on different screen sizes and confirm that visitors can complete and submit it without confusion.