← All Guides

WordPress Forms

Add codaForms to WordPress without plugins. Works with any theme and page builder.

2 minutes Beginner friendly

Prerequisites

  • A codaForms account (sign up free)
  • A self-hosted WordPress site (Business plan for WordPress.com)

Note: WordPress.com free/personal/premium plans don't allow custom HTML/JS. You need a Business plan or self-hosted WordPress.

Gutenberg (Block Editor)

For WordPress 5.0+ with the default editor.

  1. Create or edit a page where you want the form
  2. Add a Custom HTML block:
    • Click the + button to add a block
    • Search for "Custom HTML"
    • Select the Custom HTML block
  3. Paste your embed code:
<script src="https://codasite.ai/forms-embed.js" data-form="cf_xxxxx"></script>
  1. Publish or Update your page

Elementor

For sites using Elementor page builder.

  1. Edit your page with Elementor
  2. Add an HTML widget:
    • Search for "HTML" in the widgets panel
    • Drag the HTML widget to your page
  3. Paste the embed code in the HTML Code field
  4. Update your page

Classic Editor

For older WordPress sites or Classic Editor plugin.

  1. Edit your page
  2. Switch to Text mode (not Visual)
  3. Paste the embed code where you want the form
  4. Publish or Update

Theme Files (Advanced)

Add forms directly to your theme templates.

Edit your theme's PHP file (e.g., page-contact.php):

<?php get_header(); ?>

<main>
  <h1>Contact Us</h1>

  <!-- codaForms embed -->
  <script src="https://codasite.ai/forms-embed.js" data-form="cf_xxxxx"></script>
</main>

<?php get_footer(); ?>

Why Not Use a Plugin?

codaForms doesn't require a WordPress plugin because:

  • Faster: No plugin overhead or database queries
  • More secure: No PHP code running on your server
  • Simpler: Nothing to update or maintain
  • Portable: Same code works on any platform

Ready to get started?

Create your first form in under 2 minutes.

Create Free Account