The embedded forms feature allows you to collect information from any existing form on your website that was created outside the platform into Connectif. This way, you can easily send all the data that is already being collected in your eCommerce to Connectif.
How to access?
You can access the embedded forms through the path "Content > Forms".
Interface
The main interface of the forms consists of 7 blocks:
1. Creation: to create new embedded forms.
2. Search: to search for forms by name.
3. Views: to toggle how the form list is displayed, such as cards or rows.
4. Filters: to filter the displayed forms based on their status and type.
5. Form list: to view the forms that match the selected filters, if any.
6. Form information: to review details of a form, such as its type or if it is activated.
7. Embedded form options: to manage and perform other actions with a specific form.
Functionality
There are two types of embedded forms:
- Sign-up: Sign-up forms automatically store the contact's email. Through its configuration, it also allows you to subscribe the contact to the newsletter and notify the registered URLs responsible for notifying the subscription to your eCommerce.
- Event: Event forms allow you to collect any data you wish to store in Connectif, except for the contact's email as an identifier in Connectif.
1. Create an embedded form
In the main form interface, click on Create embedded form (1) and configure the steps in the wizard.
In the step 1. Basic configuration, change the name of the form, select the type and the URL where it is hosted on your website.
In step 2. Select a form, if there are multiple forms at the selected URL, choose the appropriate form.
In step 3. Associations, map the email collected by the form to the contact's "Email" field.
In step 4. Configure the dataset associated with the event, select which fields from the form you want to import and, if necessary, edit them.
2. Edit an embedded form
In the embedded form options (7), click on Edit form and configure the steps in the wizard.
In step 1. Basic configuration, change the name of the form, select the type and valid source URLs.
In step 4. Configure the dataset associated with the event, change the fields you want to be available when the form is submitted.
3. View strategies using an embedded form
In the embedded form options (7), click on More , in the dropdown menu select View usages.
In the pop-up dialog, if the form is being used in any workflow, a list with the names of the strategies and the nodes where it is being used will be displayed.
4. View statistics of an embedded form
In the embedded form options (7), click on More and in the dropdown menu select Statistics.
Check the summary of statistics generated by the form and the most frequent results collected.
5. Deactivate an embedded form
In the embedded form options (7), click on More and in the dropdown menu select Deactivate.
6. Reactivate an embedded form
In the embedded form options (7), click on More and in the dropdown menu select Activate.
7. Archive an embedded form
In the embedded form options (7), click on More and in the dropdown menu select Archive.
8. Unarchive an embedded form
In the view filters (4), click on the Show Archived toggle. In the embedded form options (7) click on More and in the dropdown menu select Unarchive.
The unarchived form will appear in the default view of the form list.
9. Delete an embedded form
In the embedded form options (7), click on More and in the dropdown menu select Delete.
In the pop-up message, confirm the deletion of the embedded form by clicking on Delete, otherwise click on Cancel.
10. Limitations of embedded forms
It is not possible to integrate forms whose submission is not performed through a native browser POST request. Without page reload, the submitted information cannot be collected in Connectif.
In these cases, it is recommended to use Sending a form via AJAX to Connectif.
Keep Learning!
To take full advantage of your Connectif account, we recommend continuing with the following articles:
- Welcome after sending an embedded form, to react to a contact's subscription in an embedded form.
- Survey-type forms, to view the most frequent responses from contacts in your forms.
- Detect and react to web links created outside of Connectif, to create strategies that react to any link on your website.
- Integration with Facebook and Instagram, to connect your Facebook Ads account with Connectif.