Drupal Form Builder module

Create a form for your Drupal website to collect leads, inquiries and survey answers. Describe it in words, get an AI draft and make it multi-step.
  • 4.8 rating
  • 10,000+ reviews
  • Free plan available
  • AI-Powered
No credit card needed
Online Form Builder widget for website

Trusted by over 3,000,000 small businesses, agencies and top global brands worldwide

Create your Form Builder module

Configure your Form Builder and add it to your Drupal website for free!
  1. 1. Customize the template
  2. 2. Create your form
  3. 3. Add it to your website

Screenshots

  • Create an inviting contact form with rounded style and compact fields grouping
    Create an inviting contact form with rounded style and compact fields grouping
  • Make use of more than 20 diverse input elements and break them into manageable steps
    Make use of more than 20 diverse input elements and break them into manageable steps
  • Add ratings and scales with comments fields to shape surveys and collect feedback
    Add ratings and scales with comments fields to shape surveys and collect feedback
  • Arrange drop-down fields with placeholders and embedded calendars for easy and fast filling in
    Arrange drop-down fields with placeholders and embedded calendars for easy and fast filling in
  • Enjoy a flexible interface with styles and custom colors to fit into any website concept
    Enjoy a flexible interface with styles and custom colors to fit into any website concept
  • Allow your users smooth experience from any device
    Allow your users smooth experience from any device
1 / 6

Create custom forms for your Drupal website

Drupal Form Builder lets you collect leads, feedback, survey answers and orders on your website. This Drupal Form module from Elfsight works from one editor: you set up the form there and add it to your Drupal page with a code.

  • Start with AI setup: describe the form in words and get a draft to edit.

  • Pick the fields you need from 24 field types.

  • Keep long forms easy to finish: split them into steps and show or hide fields based on answers.

  • Get requests where you work: send submissions to up to 3 email addresses, plus CC and BCC.

Start from one of 180+ templates, including Application Forms, Booking Forms, Order Forms and Surveys.

Features of Form Builder for Drupal

Here is what you can set up in the Elfsight editor:

  • 24 field types for the details you want to collect;

  • Inline layout or floating pane, depending on where the form should appear;

  • The action after submission: a message, a redirect to a URL or hiding the form;

  • Invisible CAPTCHA, turned on by default, so visitors solve nothing.

You can study all the features in the live editor.

Drupal Form module or Elfsight Form Builder?

Choose Elfsight Form Builder when you want to build a form in a ready-made editor and place it on your Drupal website with a code. You edit the form in Elfsight, and the changes show on the published form without republishing. AI setup gives you a draft from a description, and you can add steps and conditional logic. Submissions go to up to 3 email addresses plus CC and BCC, and you manage the form from one dashboard. If you want forms built and managed directly inside your Drupal core architecture, a native Drupal module is the better fit.

How to add Form Builder to Drupal

Follow these steps to add your form to one Drupal page or to all pages of your website.

Add to a specific page

  1. Open the free Elfsight editor.

  2. Set up your form: add the fields you need and adjust the settings.

  3. Click the button that adds the form to your website and copy the code.

  4. Log in to your Drupal website’s backend, click Manage, then select Content.

  5. Select the page you want to add the form to and click Edit.

  6. Convert the page into the Full HTML format.

  7. Click the Source button to open the initial HTML view.

  8. Paste the code into the place where you want the form to appear.

  9. Save the changes.

Add to all pages

  1. Log in to your Drupal website’s backend, go to the Structure tab and click Block layout.

  2. Scroll down, choose any Footer section, for example Footer first, and click Place block.

  3. Click Add custom block.

  4. Enter the name of the block.

  5. Convert the content into the Full HTML format.

  6. Click the Source button to open the initial HTML view.

  7. Paste the code into the required area.

  8. Save the changes.

  9. Uncheck Display title.

  10. In the Content types section, check all the pages of your website.

  11. Select the needed Region in the Select dropdown.

  12. Scroll down to the bottom of the page and click Save blocks.

  13. Open a published page and check that the form appears.

Form Builder template catalog

Choose from our ready-to-use widget templates to use as is, or customize them to suit your style.
  • Return Order Form

    Create a form to request a product return.

    • IntegrationsConnect in the editor: Stripe, Mailchimp, Google Sheets, Zapier, Make.com, Webhooks and Google Analytics.
  • Quotation Form

    Create a website form with the template for the quotation statement with the recent sale prices.

    • IntegrationsConnect in the editor: Stripe, Mailchimp, Google Sheets, Zapier, Make.com, Webhooks and Google Analytics.
  • Rsvp Form

    Create a website form with the template to invite guests with RSVPs.

    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Job Application Form

    Create a form for collecting job application resumes.

    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • File Upload Contact Form

    Create a form for collecting contact details with a file upload feature.

    • File uploadsCustomers attach files — photos, documents, resumes — right in the form.
    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Emoji Feedback Form

    Create a form to receive emoji response feedback.

    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Customer Review Form

    Create a form to collect customer product reviews.

    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Shopping Registration Form

    Create a form with a file upload function to collect registrations for online shopping.

    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Timer Quiz

    Create a website survey with the template and integrate a countdown timer.

    • Multi-stepSplit into steps, so a long form feels short.
    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • Product Recommendation Quiz

    Create a quiz to collect users' product recommendations using the template for website.

    • Multi-stepSplit into steps, so a long form feels short.
    • IntegrationsConnect in the editor: Google Sheets, Stripe, Mailchimp, Zapier, Make.com, Webhooks and Google Analytics.
  • No suitable form template?
    Create your form with Elfsight AI by describing your requirements in plain language, or build your own form using our form builder.

See all templates

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight AppsMulti-platform version that suits for any sitefrom $0 / monthstart with free plan
  • Unlimited websites

  • Free support

  • Free installation help

  • Special price for multiple apps

  • Fully customizable