Forms and submissions
Forms and Submissions sections offer the settings to operate the website forms and data retrieved from users.
In the form settings, you can set the type of CAPTCHA to be used in the project, as well as configure form submission notifications.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/Q30C8GQ2Xt0c9M9pfFj0L_image.png?format=webp)
By default, forms use reCAPTCHA v3, which is a special anti-bot service. If the service determines a suspicious user, such a user will need to confirm that he is not a robot by passing a CAPTCHA test.
You can choose which type of CAPTCHA should be used in the forms on your website:
- Google reCAPTCHA v3 (secret key provided by Taptop)
- Google reCAPTCHA v3 (your own secret key)
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/w0ggYziG4CxpRj46xiKci_image.png?format=webp)
The first type is enabled by default. If you want to set up CAPTCHA on your own, choose the second type.
To set up CAPTCHA on your own, you need to obtain a site key and a secret key by registering your website in Google reCAPTCHA. Then, you need to enter the received keys in the appropriate fields to add CAPTCHA.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/FPR2X3FEhVPK3mwRlztj6_image.png?format=webp)
You may receive form data by email or using Webhook.
Receiving from data by email or using Webhook is available with the Basic hosting plan.
You may add emails to receive notifications when forms on the site are completed. To do this, click Specify emails next to the form name and enter the desired addresses in the window that opens.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/ATkaINcSNpkqleiOGaxIg_image.png?format=webp)
If recipients are already specified, you will see their number in the Addressee column. You may update the list by clicking the number.
To receive notifications about new leads from project forms in Telegram, you may use our Telegram bot. This will help you track customer requests on-the-fly.
Enabling notifications option for the user
You may enable Notifications in the project settings in the Integrations section. Follow Integrations -> Telegram -> Add Telegram user.
In the form, please enter connection information.
Find our bot @taptopforms_bot (https://t.me/taptopforms_bot) on the Telegram and run /start to get the code.
Copy the code from the bot into the appropriate field. Enter the username and select the project forms you want to receive notifications from. Click Add to confirm.
Ready! Telegram notifications are enabled. If you want to turn off notifications, move the slider to the left.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/aU0GZdhVZjpnOwXqzP0Gm_image.png?format=webp)
You may also edit the details or remove the integration by clicking on the three dots to the right.
With successful connection, the Telegram bot will send you a confirmation message.
With successful connection, the Telegram bot will send you a confirmation message.
When the user fills out a form on the site, you will receive a message from the bot with the following data:
- name of the form;
- URL;
- application number;
- data from all filled fields.
Adding multiple users
You may enable notifications from project forms for multiple users. To do this, you need to repeat the procedure above from the very beginning by clicking Add Telegram user. A new user must also launch @taptopforms_bot in the Telegram application, receive the code and copy it into the form.
When notifications for a new user are enabled, their data will appear in the list of Telegram integrations.
Adding notifications for multiple projects
If you want to receive lead notifications from multiple websites, you need to set up notifications for each project. You need to re-run /start with the Telegram bot every time to get a new code.
Webhook is a method for sharing data when using different applications. It uses callbacks, so you can retrieve data from forms in your system.
You need to configure a URL to which an HTTP request will be sent when the data changes.
To configure, you will need an API connector, for example, Albato, Zapier, Make. Or you may use proprietary tools.
Move to the project settings and select «Integrations» in the left menu. Select «Webhooks» from the list and click Add Webhook.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/V0lnekPIOT4LXuCl5mRU4_image.png?format=webp)
To integrate with Taptop, provide a link to Webhook and select the form to receive data. Save the changes by clicking the Add button.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/5pke9LzFPUW9o0BT5-0v1_image.png?format=webp)
Here you are! Webhook is connected. If you want to temporarily disable integration, move the switch to the left. There is no need to delete the webhook.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/ylasfHgY4QiS6ijwNTzmB_image.png?format=webp)
You may edit or remove the integration by clicking the three dots to the right of the webhook.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/9u0RDgpdMGahlNJC-BgOF_image.png?format=webp)
With webhook, all fields created in the form are delivered, including the date and time of filling.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/6XuAOqlSZnaPkDj1E0anb_image.png?format=webp)
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/p6_kYC3Rn3AYzX6k88STN_image.png?format=webp)
Data from one form can be delivered using several webhooks, or data from several forms can be sent to one webhook.
All the data retrieved from the user forms can be found in the section Submissions.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/PU2dqXQH4y1jSsOF93NTF_image.png?format=webp)
To view the retrieved data, hover the mouse on the desired form and click on the Show Results button.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/c5hFCSowc5DPc8TYiHdCb_image.png?format=webp)
The retrieved data will be displayed in the pop-up window.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/-jDdH59DOhWjGhNRxoW_3_image.png?format=webp)
With the Free Hosting plan, the first 3 responses will be available to you. To view all data or select a specific form, go to the Basic plan.
You can delete or export the retrieved data. To do this, select the desired form by checking the box to the left of its name.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/eYNCxquP3DXcCBd_uOQJX_image.png?format=webp)
You can download data from a selected form or for only a specific period. To export specific data, use filters.
![Document image Document image](https://images.archbee.com/aRtDa67qY7h5V_hQeJwhz/pd6t_B4IYVG6LG_YVNW-z_image.png?format=webp)
Data filtering and export is available on the Basic hosting plan. The data will be exported in .csv format.