Contact Form Widget

Set up a contact form on your shop to allow your site’s visitors a simple way to get in touch with you. The widget is based on the standard PrestaShop contact form, extended with flexible design options.

Contact Form Widget

Content Tab

• Subject Heading: Choose from a select or a hidden value.
• Attach File: Enable or disable attachments.
• Size: Set the height of the fields to extra small, small, medium, large and extra large.
• Labels: Show or hide the labels of the fields.

• Labels: Add the label of the field.
• Column Width: Set the width of the column.

• Labels: Add the label of the field.
• Placeholder: Add the placeholder of the field.
• Column Width: Set the width of the column.

• Labels: Add the label of the field.
• Column Width: Set the width of the column.

• Labels: Add the label of the field.
• Placeholder: Add the placeholder of the field.
• Column Width: Set the width of the column.
• Rows: Set the rows of the textarea.

• Text: Add the text of the button.
• Size: Set the height of the fields to extra small, small, medium, large and extra large.
• Column Width: Set the width of the column.
• Alignment: Set the alignment of the button to the left, center, right or justify.
• Icon: Select an icon from the FontAwesome library.
• Icon Position: Choose the icon position from before or after.
• Icon Spacing: Set the space between the text and the icon.

• Configure Module: Open the module settings.
• Messages: Choose between default or custom.
• Success: Change the success message text.
• Error: Change the error message text.

Style Tab

• Columns Gap: Set the space between the columns.
• Rows Gap: Set the space between the rows.
• Label Spacing: Set the space between the field and the label.
• Label Color: Choose the color for the field's label.
• Typography: Set the typography options for the fields' label.
• Checkbox Spacing: Set the space between the checkbox label and box.

• Typography: Set the typography options for the fields.
• Text Color: Choose the color for the field's text.
• Background Color: Choose the color for the field's background.
• Border Color: Choose the color for the field's border.
• Border Width: Set the border width.
• Border Radius: Set the border radius to control corner roundness.

• Typography: Set the typography options for the button
• Text Color: Choose the color for the button’s text
• Background Color: Choose the color for the button’s background
• Border Color: Choose the color for the button’s border
• Border Width: Set the border width
• Border Radius: Set the border radius to control corner roundness
• Animation: Set the animation for hover.

• Typography: Set the typography options for the button.
• Success Text Color: Choose the color for the success message.
• Error Text Color: Choose the color for the error message.