Email Subscription Widget

Email Subscription

The Email Subscription widget allows you to add a subscription form to your site, enabling visitors to sign up for your newsletter. You can customize the form’s layout, button style, and placeholders to match your design while integrating it with PrestaShop's default email subscription system.

Subscription box is an essential tool for every webshop that collects leads or sells products and services. You can customize the visual appearance of the input and submit button such as icon, color, spacing, typography, borders and more.

Email Subscription Widget
Email Subscription Widget

Content Tab

Form Fields
  • Layout: Choose from inline or multiline.
  • Size: Set the height of the fields.
  • Alignment: Set the alignment of the email field to the left, center or right.
  • Placeholder: Placeholder of the email field.
  • Button Spacing: Set the space between the email field and the button.
  • Button Alignment: Set the alignment of the box to the left, center, right or justify.
  • Button Text: Text of the button.
  • 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.

Style Tab

Form
  • Alignment: Set the alignment of the form to the left, center, right or justify.
  • Max. Width: Set the maximum width of the whole form.
Email
  • Typography: Set the typography options for the email field.
  • Text Color: Choose the color for the email field text.
  • Background Color: Choose the color for the email field background.
  • Border Color: Choose the color for the field border.
  • Text Color Focus: Choose the color for the email field text for focus.
  • Background Color Focus: Choose the color for the email field background for focus.
  • Border Color Focus: Choose the color for the field border for focus.
  • Border Width: Set the border width.
  • Border Radius: Set the border radius to control corner roundness.
  • Padding: Set the padding for the field.
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
  • Text Padding: Set the padding for the text.
Messages
  • Position: Select the position of the error message from before or after the form.
  • 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