Toimii has soft launched — the service is live and sign-ups are open. Try it free →
English
English
Nordic
Suomi Svenska Norsk Dansk
Baltic
Eesti Latviešu Lietuvių
Europe
Deutsch Français Español Italiano Nederlands Polski
How these translations are made
Log in Try it free

Toimii has soft launched, so these guides describe a service you can sign up for and use today. A few pieces are still on the way — the iOS and Android apps arrive later in 2026.

How to embed a contact form on WordPress without a plugin

A Custom HTML block. Two lines. No plugin install, no PHP, no database changes — works on Block Editor or Classic Editor.

<!-- Add this anywhere on your page -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Does this actually work?

Yes. The Custom HTML block is part of WordPress core, so there is nothing to install. Two conditions follow below: your user role, and — on WordPress.com — your plan.

Step by step

1
Open the page or post
In WP Admin, go to Pages or Posts and open the entry where you want the form.
2
Add a Custom HTML block
Click the Block Inserter and search for "Custom HTML" — or type /html in an empty paragraph and press Enter. In the Classic Editor, switch to the Text tab instead.
3
Paste the embed code
Paste the two lines from your component's page in Toimii. Copy them rather than retyping — the element's name is unique to your component.
4
Publish, then test the live page
Press Update or Publish, open the live URL, and send yourself a test message. Only a message that arrives proves the whole path works.
Plan required

Self-hosted WordPress has no plan restriction at all — the Custom HTML block is part of core, on every install. WordPress.com is the one exception; see the WordPress.com question below.

Gotchas

  • WordPress silently strips <script> tags from anyone without the unfiltered_html capability. On a single-site install that means Authors and Contributors lose the embed on save with no warning — Administrators and Editors keep it.
  • If a caching plugin or your host caches pages, visitors can keep getting the copy from before you added the block. Purge the cache once after publishing, then check in a private window.
  • In the Classic Editor, paste into the Text tab — never Visual. The Visual tab re-encodes raw HTML, so the two lines come back as visible text instead of a form; switching tabs after pasting does it too. If that has happened, clear the block and paste again in Text.

Frequently asked

Why isn't my embed showing after I saved it?

Check your user role. WordPress's wp_kses() filter strips

Embedding on a different platform?

Same two lines of code, picked apart for each platform.

Squarespace

Drop a Code Block on any page. Needs a plan whose code blocks are allowed to run JavaScript.

Read the full guide
Webflow

Drag in a Code Embed element and paste the two lines. Custom code is a paid capability in Webflow — the one condition.

Read the full guide
Wix

Use Wix's Custom Element: your component's script URL in Server URL, its tag in Tag Name. The HTML embed won't work — it's a sandboxed iframe.

Read the full guide
Shopify

Add a Custom Liquid section in the Shopify theme editor — no app install, no theme code editing. Checkout pages are the one place it can't go.

Read the full guide
Static Sites

Astro, Hugo, 11ty, Jekyll — same two lines in your layout template. Builds stay fast.

Read the full guide
HTML / Custom

A plain HTML page is enough. Open it in any text editor, paste, save, upload. Three steps and you're live.

Read the full guide
React / Vue / Angular

Use the custom element straight in JSX, Vue templates, or Angular components. No wrapper component, no extra package.

Read the full guide

Ready to try it?

30-day free trial. No credit card. Set up in minutes.

No credit card required. Set up in 2 minutes.