Feedback Form
Overview
This block allows us to integrate the Hyper Portal forms into your website so that your visitors can communicate with you by filling out some fields and press the Submit button.

Sample Feedback Form Block

Settings
You can connect any Hyper Portal form to this block, all you need is to know the form's ID.

Find Form id
To find the Form id, navigate in HyperPortal to : Templates > Forms.

Click on the "pencil" icon to view/edit the form specifications.
The form is visible as a .json file, to find the form id, navigate to the bottom of the file and find "definitionId". This is the id you need to fill out in de block id field.

Background color

Set the background color of this block/section.
Font color

Set the text color here. Titles, subtitles and content will all use the same color setting
Post Submit redirect button text

This is the text which will be displayed on the Submit button
Post submit redirect button style

Pick any of the 6 available button styles
Post submit redirect URL

Post submit close (redirect) automatic

Set this to redirect automatically after form completion, add timeout in seconds.
Text
This text is displayed in the left column
Prefix

Small prefixx/title shown above the main title
Form title

This is main title
Form description

This is the main content, visible underneath Prefix & Title
Success Title

This is the title that will be displayed after succesfull form submit
Success message

This is the text/content that will be displayed underneath the title, after form submission
Submit button text

This is the text visible on the submit button.
Required field text

This is the text that will be shown when a required field is not filled out
Submit failed message

This text is shown when form submission failed.
Title error message

This title is shown above the Failed Submiy message
Buttons
Description buttons align

Align button description to the Left, Centre or Right
Description buttons align direction

Choose to display the button description Horizontal or Vertical
Description Buttons

Click "+ Add" to add a new button. Pick any of the 6 available button styles, add description text to be displayed on the button and add an internal or external url.
Add as many buttons as needed.
In case you need help with setting up your form, please don't hesitate to contact our support team.