Forms are easy implementations that allow you to collect a lot of important data about your customers. Discover how you can add them to your website and completely customize their styling in this article.
The first step is to create and edit a case in your editor. If you don’t know how to do this, you can follow this article about how to add a case .
Please note that you have to drag the button instead of just clicking it.
The next step is the configuration of the form.
Method gives you the option to pick between GET and POST.
A GET protocol keeps the information stored in the URL. This information is visible to everyone. GET is used to request data from a specified resource.
POST is used to send data to a server to create/update a resource. This information is invisible to others and embedded in the body of the HTTP request.
When you’ve completed the configuration you can completely customize your form in the next step. You can customize all fields and style them by clicking the gear icon.
Every element has 5 key styling options:
Dimensions gives you the option to change the width and height of your element. Another feature of this part of the styling is the option to customize the padding and margin of your element.
Padding enables you to change the position of for example the text of a certain element within the text area itself.
Margin on the other hand enables you to change the position of the complete element compared to other elements in the pop-up.
Make sure your form has been saved, close the editor and add this case to one of your journeys. If you don’t know how to do this, you can read this article about how to add a journey .