Feedback Form
Feedback Form
Welcome to the “Feedback Form” documentation.
Looking to integrate a feedback form into your website? Our block allow you to collect valuable feedback from your audience, enhancing the overall user experience on your website.
In this guide, we'll show you how to use the editor to customize your feedback form block.
Step 1 : Open the Editor
1. Go to Feedback template.
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2 : Edit Feedback Form Content
1. To customize the feedback form's content, simply click the "Edit Form" button.
class="flex justify-center items-start h-auto w-auto" alt="">2. In the "Form Editor" tab, you can modify the header and choose your feedback inputs to your liking.
To add more inputs, click on the “+” icon or the "Add Input" button, then select your choice from the pop-up that appears. You can also modify the placeholder text.
To remove an input, simply click on the delete icon.
class="flex justify-center items-start h-auto w-auto" alt="">
class="flex justify-center items-start h-auto w-auto" alt="">3. To create a two-section subscription form, click on the menu icon and activate the inline toggle.
class="flex justify-center items-start h-auto w-auto" alt="">4. In each input menu, you have the option to customize its settings as needed:
When you pick validation, you can decide if your input must be filled in or not.
You can also write a message for the required input. There are other validations that vary for different inputs.
In the settings, you can assign a name that's visible only to you, used as an ID. Additionally, you can choose to show or hide the input label and help text.
class="flex justify-center items-start h-auto w-auto" alt="">5. When it comes to the button, you can choose its placement.
class="flex justify-center items-start h-auto w-auto" alt="">6. To add another step in your feedback form, click on “Add Step” button. And to remove it click on delete icon.
class="flex justify-center items-start h-auto w-auto" alt="">7. Then, you can edit the thank you page text.
class="flex justify-center items-start h-auto w-auto" alt="">8. Once you're done, add your conditions. Then click "Close" to exit the popup and proceed to other configurations.
To learn more about the conditions, simply check out our Form Conditions Documentation.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Customize Form's Style and Colors
1. Within this panel, you have the ability to modify the form's style. You can choose whether it should be right-to-left or not, adjust its rounded, and even reposition the button as needed.
You will also choose colors that harmonize with your website.
class="flex justify-center items-start h-auto w-auto" alt="">Step 4 : Adjust the Layout
In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, popup position, adding an overlay, choosing how it's displayed, and even adding animations.
class="flex justify-center items-start h-auto w-auto" alt="">
class="flex justify-center items-start h-auto w-auto" alt="">
class="flex justify-center items-start h-auto w-auto" alt="">Step 5 : Preview
Lastly, you can click on “Preview” to see how your popup or section feedback form looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">For further information on configuring triggers, please navigate to the Block Triggers section.