Tutorial: Seamlessly Integrate Customizable Online Forms into Your WordPress Website

Building online forms that seamlessly blend with your website has never been easier. Jitt offers an exceptional solution for creating customized online forms with its intuitive drag-and-drop form builder, eliminating the need for coding expertise.

In this tutorial, we will guide you through the process of integrating Jitt-powered forms into your WordPress website, specifically focusing on WordPress.org (self-hosted) while noting that the same process applies to WordPress.com (cloud-hosted).

Why Jitt?

Jitt provides an efficient way to create and integrate online forms, catering to diverse business needs and websites, including the ones that runs on WordPress.

Its user-friendly interface empowers users to design forms without dealing with complex coding, ensuring a smooth experience for form creation and implementation.


Before diving into the integration process, ensure you have the following prerequisites:

  1. A WordPress website.
  2. A form powered by Jitt, which you have already completed and set up for publishing.

Preparing for Form Installation

To begin the integration process, you need the HTML code snippet of your Jitt form. This code is essential for embedding the form on any website, including WordPress. Follow the steps below to obtain your HTML code:

  • Navigate to the Form Manager by clicking on “Forms” in the header.
  • Choose the desired form you wish to integrate and locate the “Actions” button beside it. Click on it to reveal a drop-down menu.
  • Select “Publish & Share” from the drop-down menu.
  • At this point, you will have two embedding codes available. The first HTML code enables you to display the form on your website with the theme assigned to the form. The second code allows you to share the form on your website without any design elements.

Copy the code that aligns with your preferences for how you want the form to be displayed on your WordPress website.

Installing Your Form

Now that you have obtained the HTML code for your Jitt-powered form, follow these steps to seamlessly integrate it into your WordPress website:

  1. Go to the desired page in Edit mode where you want to place the form.
  2. Create a new “block” element for your WordPress page. To do this, either type “/html” and select the “HTML code” block element, or click on the “+” sign and search for “HTML code” to select the appropriate block element.
  • Paste the Jitt form’s HTML code into the HTML code text area field within the block.
  • Preview the page to see how the form appears, or save the page to publish the changes immediately.


You have successfully integrated your Jitt-powered form into your WordPress website. The form is now ready to collect data from your visitors, and you can enjoy the seamless integration that Jitt provides.

By leveraging Jitt’s user-friendly interface and its compatibility with WordPress, you can effortlessly create and implement online forms that elevate your website’s functionality and user experience. Empower your WordPress website with Jitt’s versatile form-building capabilities today!

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: