In this article, you will learn how to embed a Form directly on your website using API code. This configuration is specifically for creating more customizable Forms. Therefore, you need to know some HTML coding. To integrate it, follow these steps:
Go to the 'Form API' menu.
Select the Form you want to embed on your website. Then, click the 'More' button and choose 'Embed Code'.
Click the 'API' tab. Here, you will see several parts of the Form. Pay attention to the Endpoint and Request sections.
Note:
Endpoint will be the link connecting the Form on your website to your MTARGET account, and Request is the required field in the Form code that needs to be included in the HTML Editor.
If you use components like chatbox, multiple choice, or any component with more than one option, you need to add "[ ~ ]" (without spaces) between the values. This serves as a connector between values. For example, if you use the values Male and Female in your checkbox, the values should be like this:
{
"email": "String",
"home": "String",
"checkbox-X10": "Male[ ~ ]Female", (WITHOUT SPACES)
"multiple-Sq5": "String"
}Prepare the code that you have customized with the Endpoint and Request of the Form.
Now go back to your website. Choose the settings that allow you to insert and modify HTML code on your site.
After finding it, select the location where you want the Form to appear.
Paste the customized HTML code into your website.
Save the configuration. Open your website to check if the Form appears in the correct location.
All data entered by users in the Form will be integrated into the Form campaign in your MTARGET account.