How to use create forms and use inputs

TeleportHQ allows you to easily create and set up forms to collect leads, contacts or other submissions directly in your projects. Check out how easy it is to create a fully functional form.

1. How to access and manage forms

To view and manage all of the forms in a TeleportHQ project: Go to the Left panel -> Forms section.

Here, all of the forms in a project will be visible and if there are no forms, you can create one from this panel.

To navigate to a particular form from this panel, click on the Layers icon on a form.

To Delete a form from your project, click on the Delete icon on a form.

From the Forms section you can also increase the form limits of your Workspace. 

There are 4 tiers of Form expansions:

1. 2K Submissions/month and 5 Forms - 5$
2. 5K Submissions/month and 10 Forms - $10
3. 10K Submissions/month and 20 Forms - $15
4. 50K Submissions/month and 50 Forms - $50

2. How to create a form

There are several ways to create a form in TeleportHQ:

A. Use a premade form section

To use a premade form:

• Go to the Left panel -> Sections
• Search for Contact form
• Select one of the premade forms

B. Create a form using the AI Builder

To create a form using AI:

• Go to the Toolbar at the bottom of the Canvas -> AI Assistant
• **Ask the AI Assistant to create a form **

C. Build manually

To create a form manually:

• Go to the Left panel -> Elements
• Click or drag a form element in the project

To add new fields to the form:

• Click on the Form element 
• From the Right panel click on the Add elements button in the first section
• Alternatively you can add elements from the Left panel -> Elements -> Form section

3. How to style a form

To style any element of the form such as the main container, fields, labels or the button:

• Select any of these elements
• Use the properties from the Right panel to make styling changes

Read more about styling in TeleportHQ to help you customize your form.

4. How to set up a form (behavior and email notifications)

Once a form is added to a project you can customize how it works, add security, limits and set up email notifications.

To open Form settings:

• Select a form
• From the Right panel click on the green Manage button.

In the settings tab of the new window you can customize the following:

1. Name - will change the name of the form for easier search and navigation.
2. Confirmation message - will change what happens when a form is successfully submitted
3. Error message - will change what happens when the form submission encounters an error

The options available for both the confirmation and error message are the following:

• Clear the form - Clears all of the fields and attempts to submit the form
• Clear the form and show alert - Clears all of the fields and displays a browser alert. You are able to customize the text of the alert
• Redirect to a page - Redirects the user to a page from the TeleportHQ project
• Redirect to an URL - Redirects the user to any URL
• Show a component - Displays a selected component under the Form element 

C. Notifications - decide if you want to receive email notifications with the information submitted and choose who else apart from the owner of the project will receive notifications

4. Spam filter - Add Google reCAPTCHA functionality to your form to prevent the form from being spammed
5. Status - Set an expiration date for the form after which submissions will no longer be permitted and set up a maximum submission limit

5. How to view, manage and export submissions

Form submissions will be collected inside the Settings panel of each form. To view and manage the submissions for a form:

• Select a form in the project
• Go to the Right panel -> Click on the green Manage button
• Go to the Submissions tab in the settings window

How to view your submissions

In the Submissions tab you will be able to view all of the submissions as a list and if you click on a submission you will see all of the details of a submission. You can also click on the Toggle column filter button to add or remove columns and reorder them.

How to manage your submissions

To delete, export or report as spam one or more submissions, check the box next to the submission and click one of the buttons above the submissions panel.

Use the search functionality in the top right hand corner to search for individual submissions.

How to export your submissions list

To export the entire list of submissions, click on the Download submissions button on the top right side of the window.

How to use AI to improve your form and analyze submissions

In the Submissions tab of the form window click on the Purple AI button to open the AI Assistant. This assistant will focus on your form and give insights about your form submissions, identify trends, troubleshoot issues, and understand your data better with AI-powered analysis.

Use the Quick prompts or write your own prompts to learn more about the form and submissions.

6. Alternative end-point option

If you do not want to have your submissions saved in TeleportHQ and want to add a different endpoint, perhaps something like Formsubmit.co you need to: 

• Select the Form element in the design canvas
• In the right inspector, open the Attributes section
• Copy and paste the URL of the server which will receive your data into the Action attribute of the form
• Set the method attribute to POST
• Set the Enctype to application/x-www-form-urlencoded

Follow all of the setup steps on the end-point’s website to ensure that the submissions are correctly sent.

Updated on: 18/11/2025