Contact Form

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
Contact Form Widget

Content Tab

Form Fields
  • 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.
Subject Heading
  • Labels: Add the label of the field.
  • Column Width: Set the width of the column.
Email Address
  • Labels: Add the label of the field.
  • Placeholder: Add the placeholder of the field.
  • Column Width: Set the width of the column.
Attach File
  • Labels: Add the label of the field.
  • Column Width: Set the width of the column.
Message
  • 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.
Button
  • 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.
Additional Options
  • 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

Form
  • 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.
Field
  • 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.
Button
  • 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.
Messages
  • 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.
© WebshopWorks - Professional PrestaShop Addons