In this article, we’ll cover the steps for embedding Forms in your WordPress site using either the block (Gutenberg) editor or the Classic Editor.
NOTE: If you use WordPress.com as your site's web host, you'll need the Business plan or higher to embed Forms on your site.
Alternatively, consider using a different host. Doing this will mean switching to a self-hosted WordPress.org setup. Find WordPress-recommended hosts here.
Where to get the embed code
Open the Form you want to embed, and then click Embed at the top right of the Kit Form builder.
A window will pop up with different embed options:
From the JavaScript tab, click Copy to copy the JavaScript embed code. Now, you’re ready to paste it into WordPress.
Embed via the Block (Gutenberg) editor
Add a Custom HTML block at the place where you want the Form to appear.
Paste in the JavaScript embed code:
Click the HTML block's Preview tab, and your Form should appear in it.
Embed via the Classic Editor
Switch the Classic Editor from Visual to Code mode.
Paste your JavaScript code at the place where you want the Form to appear:
Switch back to Visual mode (if you want).
You won’t see your Form in the editor, but you should see it on the page when you preview or publish it.
NOTE: If your WordPress site doesn't seem to use either of these editors, you may have a more complex theme.
We aren't able to provide help documentation for all WordPress themes. So, if you're having trouble pasting our JavaScript embed code into an HTML or code block in your theme, it's best to contact your theme's support.
Quick tips
If you want your Form to show up as embedded within your post or page, make sure it’s set to "Inline" (as opposed to "Modal" or "Slide in")
If you’ve opted in to your own list and have your Form set to be hidden to existing subscribers, you may need to use an Incognito/Private browsing window to see your Form on the page