Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Formidable Team / Last Updated March 24, 2022

How to Embed a Form on Any Website (Not Only WordPress!)

Want to embed a form on a non-WordPress website? With Formidable Forms, you can do it in three simple steps.

How to embed a form on any website with Formidable Forms

When customizing a WordPress website, you can easily add advanced features using intuitive tools. With a form builder plugin such as Formidable Forms, you can even embed online forms using the Block Editor. However, you might struggle to transfer this functionality to a non-WordPress website.

Fortunately, you can embed a form on any website using our plugin, whether it's a WordPress page or not. You'll just need to copy the API form script and paste it into your website's HTML. By doing this, you can avoid the hassle of creating a completely new contact or sign-up form on yet another Content Management System (CMS).

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

In this post, we'll discuss why you might want to embed a form on a website. Then, we'll show you how to use our API Webhooks add-on to embed forms on a non-WordPress site. Let's get started!

Why embed a form on a non-WordPress website?

When you have forms embedded in your website, you invite visitors to interact with your content in a specific way. The most common example is a contact form embed code. If you embed an email form in your website, it enables users to send personalized inquiries.

Formidable Forms contact form example

You can see contact forms on almost any website, but these aren't the only type you can create. A flexible form plugin will enable you to design online surveys, polls, and quizzes. With the right form template, you can even plan events and organize online registrations or create listings.

Property form example for WordPress

Additionally, if you're looking to add an interactive element to your website, forms can be an effective option. Rather than having inaccessible web pages, you can embed email forms to engage online users. This simple feature can help you capture new leads and collect feedback from repeat customers.

Simply put, visitors tend to prefer websites that allow them to get in touch via simple forms. Even better, you can boost user engagement and keep visitors coming back with effective form design.

How to embed a form on a non-WordPress website

Now that you know how forms can benefit you, let's discuss how to embed on a website. With our Formidable Forms plugin, creating these elements is simple. Using the drag-and-drop customizer and pre-designed templates, you can quickly design forms that meet your needs.

However, since it's a WordPress plugin, Formidable Forms can't directly embed a form on a non-WordPress website. Fortunately, it is possible to add a Formidable Form on a different site. By doing so, you can extend the features of this plugin to have forms embedded in any website.

Step 1: Sign up for Formidable Forms Pro

To get started, you'll need to access a Formidable Forms premium plan. Both the Business and Elite plans come with an API Webhooks add-on. This will enable you to send data to another website and ultimately embed a form.

To access it, go to your WordPress dashboard and install Formidable Forms Lite. Once you activate the plugin, you will see the Upgrade page.

To embed email form in website you need Formidable Forms Pro

If you've already purchased a business plan, click on Connect an Account and log in. Otherwise, select Get Formidable Now and choose from the list of plan upgrades.

After you purchase a plan, you'll be able to download and install Formidable Forms Pro. Finally, enter your license key in the General Settings to start using the advanced features.

Step 2: Insert a form on a WordPress website

Even if you want to embed a form on a non-WordPress website, you'll need to create a form in WordPress first. Using Formidable Forms, you can either use the pre-designed templates, or drag and drop certain features to customize a blank form as needed.

After you have created a form, it will be listed in your WordPress dashboard under Formidable → Forms. Here, you'll be able to preview, edit, or delete them.

Forms list for WordPress

On the above screen, click on the form you want to embed on your WordPress site. Then select Embed.

How to embed on a website (a form)

This will give you a list of options for where to place your form. You can click on Select existing page or Create new page to customize its placement on your WordPress site:

Form embedding options

To embed the form on a non-WordPress website, choose Insert manually. Then copy the information under API Form Script.

API form script for embedding

Step 3: Paste the API form script in another website's HTML

Next, navigate to your non-WordPress website. Based on your CMS, there will be different ways to edit your website's HTML. Website builders such as Squarespace and Wix have their own steps for this process, so be sure to check your CMS's official documentation for instructions.

For this tutorial, we'll be using Wix. Similar to WordPress, you can add HTML code to blog posts with a block.

Wix HTML code block

Then, paste the API form script that you copied earlier into your new HTML block. You'll also need to add this HTML code snippet:

<script src="https://yoursite.com/wordpress2/frm_embed/form-key-here"></script>

Simply copy and paste the code into your website's HTML. The example above will include the URL where the form is hosted as well as the form key.

When you're finished editing your contact form embed code, publish the page. Then visit the published version on your website to see if the form was imported properly.

Now you should have a functional form on both your WordPress website and a different CMS!

Wix survey form

Embed a form conclusion

Web forms are essential tools for any business site. They can help capture leads and boost visitor engagement. With a form-building plugin such as Formidable Forms, you can easily embed a form anywhere on your WordPress website. Then, you can transfer this feature to a non-WordPress site using its API form script.

To review, here are the three steps you can follow to embed a form on any website:

  1. Sign up for Formidable Forms Pro.
  2. Insert a form on a WordPress website.
  3. Paste the API form script in the HTML of another website.

With our Formidable Forms plugin, you can create a variety of form types and embed them on any website. Check out our plans to access the API Webhooks add-on!

Start making a form

Read more about how to use forms

  • How to Link to a WordPress Form How to Link to a WordPress Form [4 Different Ways!]
    Read More
    How to Link a Button to a Form in WordPress How to Link a Button to a Form in WordPress [A Simple Way!]
    Read More
    How to Create a Lead Capture Form in WordPress How to Create a Lead Capture Form in WordPress [Easy & Fast]
    Read More

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Leave a Reply Cancel reply

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

Get Email Updates

Popular Resources

    • How to Create a Searchable Database on a WordPress Site
    • Create a WordPress Custom Calculator: Easy, Powerful Results
    • How to Create a Fitness Tracker in WordPress
    • Formidable Views: The Best WordPress Custom Application Plugin
    • How To Require Email To Download Files in WordPress
    • How to Create Conditional Drop Down Lists in WordPress Forms
    • The Best Gravity Forms Alternative: Formidable Forms vs Gravity Forms
    • How to Make a Quiz in WordPress
    • WPForms Alternative: Formidable Forms vs. WPForms Compared

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews