How can I add a form action with a URL to my webhook in Webflow if I don't see the "add form action" button in form settings?

Published on
September 22, 2023

If you don't see the "add form action" button in the form settings of Webflow, it means that you are using a free or Lite plan. The "add form action" feature is only available with higher-tier plans. However, there is still a way to add a form action with a URL to your webhook in Webflow. Here's how you can do it:

  1. Create a custom HTML embed: Go to the desired page in the Webflow Designer. Drag and drop an HTML Embed element onto the canvas where you want your form to appear.

  2. Open the HTML embed: Double-click on the HTML embed element to open its settings panel.

  3. Add the form code: In the HTML embed panel, paste the HTML form code you want to use.

  4. Add the form action URL: In the form code, locate the form tag (<form>) and add the action attribute with the URL of your webhook endpoint. For example, <form action="https://your-webhook-url.com" method="POST">.

  5. Update the form method: Optionally, you can also specify the form method attribute to be "POST" if you haven't done so already. This is the most common method for submitting form data to a server.

  6. Style the form as needed: Use the Webflow Designer to style the form and its elements according to your design preferences.

  7. Publish the website: Once you're satisfied with the custom form, publish your Webflow website for these changes to take effect.

By following these steps, you can add a form action with a URL to your webhook even if you don't have the "add form action" button in Webflow's form settings.

Additional questions:

  1. How can I add a form action with a URL to my webhook in Webflow?
  2. What should I do if I can't find the "add form action" button in Webflow's form settings?
  3. Is it possible to add a form action with a URL to my webhook in Webflow's free plan?