Form Builder - Drag & Drop HTML Form Builder

Templates

Components
Blocks
Properties

Content
Style
Advanced

Click on an element to edit.

B I u S a

Components
Blocks
Settings
Properties

After

Inside

Element Positioning

Content
Style
Advanced

Export html

VvvebJs

Page was successfully saved!.

New page

Template ?

Page name

File name

Form Settings

Slapform Account Email * We'll send submissions directly to your email! Need to sign up?

Debug Mode (slap_debug) Forms with debug mode enabled will not submit or count towards your submission limit. Great for testing!

Form ID (slap_form_id) Appended Form ID value.

Email Subject (slap_subject) Appended Form ID value.

Redirect URL (slap_redirect) URL to go to after the form submission, also known as a 'thank-you page'.

Webhook Endpoint URL (slap_webhook) Slapform can send the form submission data to a webhook endpoint of your choice.

Want to learn more about these options? Read about the name triggers for Slapform!

Help

What Makes a Great Online Form Builder?

For most businesses and websites, it's in the tiny details of a form builder where you'll find the most differences. These differences can make or break how effective a form builder is for your business's needs and make customers want to fill them out. To save you time and help you make the best forms possible, we've designed an effective form builder that you can use to quickly scaffold out a form and customize it to your needs.

It all boils down to a simple requirement: you need to create labels and questions for the input fields that will ultimately help you collect information from your customer or lead. The fields you can establish in a form might be free form text boxes, dropdowns, check boxes, radio buttons, or maybe something a little more customized. At the end of the day, we feel the most effective form builder is one that is not only simple, but powerful and, most importantly, can be exported to work on any website.

Learn more about how you can leverage Slapform to build awesome forms for any website!

Explore Slapform

Export html

Pasting the HTML on your site

When you are done customizing your form, you will be left with the HTML, which makes up the functionality part of the form.

You can now paste the HTML on your website.

How to add HTML to a WordPress site.
How to add HTML to a Shopify store.

Styling the form with CSS

By default, an HTML form will look quite hideous without styling.

If you want the styling too, you have three options:

Option 1: Include and use Bootstrap 4.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

Option 2: Use our custom Slapform CSS library.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slapform@latest/slapform.min.css">

Option 3: Style the form yourself.

If you are already using Bootstrap, you don't have to do anything. If you are not using Bootstrap and don't want to use Bootstrap, then you can use our custom Slapform CSS library.

File Manager

Element Configuration