User guide
Before implementing Form on your website, please share your URL with our team.
Copy the embed code available in the Gigz app by going to the “Connect” page, in the “Form” section. Then click the “Copy the script” button.
Add the code to the HTML file of the relevant page.
Customisation
To customise the appearance of your form, you can apply style properties to the following elements. Values must be entered in quotation marks.
Container (Form):
form-flex-direction: changes the content orientation (“row” or “column”)
form-gap: sets the spacing between fields (e.g. “8px”)
form-background-color: changes the form's background colour (e.g. “blue”)
form-border-style: changes the border style (e.g. “dashed”)
form-border-width: changes the border thickness (e.g. “2px”)
form-border-color: changes the border colour (e.g. “green”)
form-border-radius: rounds the form's corners (e.g. “8px”)
form-padding: sets the form's inner spacing (e.g. “12px”)
form-max-width: sets the form's maximum width (e.g. “400px”)
Fields and dropdown menu:
input-border-style: sets the border style (e.g. “solid”, “dashed”, “dotted”)
input-border-color: changes the border colour (e.g. “#000”, “red”)
input-border-width: sets the border thickness (e.g. “1px”, “2px”)
input-border-radius: creates rounded corners on the fields (e.g. “5px”, “24px”)
input-font-size: controls the font size (e.g. “16px”, “24px”)
input-padding: sets the field's inner spacing (e.g. “8px”, “12px”)
input-background-color: changes the field's background colour (e.g. “white”, “#F0F0F0”)
Button:
button-background-color: changes the button's background colour (e.g. “blue”, “#0032FA”)
button-color: changes the button's text colour (e.g. “white”, “#FFF”)
button-border: sets the button's border style and colour (e.g. “none”, “1px solid red”)
button-border-radius: creates rounded corners on the button (e.g. “6px”, “12px”)
button-padding: sets the button's inner spacing (e.g. “10px 12px”, “8px 16px”)
button-font-size: controls the button's text size (e.g. “14px”, “18px”)
button-width: sets the button's width (e.g. “100%”, “200px”)
button-height: sets the button's height (e.g. “auto”, “40px”)