Newsletter model

The Email Signup Block in the Footer Section allows customers to subscribe to your newsletter, helping you grow your email marketing list. It includes a newsletter modal popup with customizable delay settings and background images.

  • Go to Shopify Admin > Online Store > Themes.

  • Click Customize on your active theme.

  • Navigate to Footer Section > Add Block > Email Signup.

  • Configure the settings as needed.

Modal settings

  • Enable newsletter modal : Enable or disable the newsletter model.

  • Modal Popup Width : Customize the newletter model popup width.

  • How many days should modal not show (Setting to 1, will show after One day) : Customize the modal how many days should modal not show.

  • Delay modal appearing (Milliseconds, e.g 1000 = 1s) : Set the delay modal appearing.

  • Overlay Background color : Customize the overlay background color.

  • Overlay Transparency (0.01 to 1) : Adjust the transparency of the overlay (value between 0.01 and 1).

Modal content

  • Text alignment : Choose heading position( Left, Right, Center ).

  • Upload modal image : Upload the image (Recommended size based on design requirements).

  • Enable Background Color (Used as Background Image Overlay Color too) : Allows adding a background color for the section.

  • Content Background color : Customize the content background color (Set Your Preferred Color).

  • Overlay Transparency (0.01 to 1) : Adjust the transparency of the overlay (value between 0.01 and 1).

  • Form Style : Choose the form style (Style 1 to Style 6)

  • Gap between Text Box and Button (in px) - Not for 'Form Style 4 & 5 : Customizer spacing between columns.

  • Sub Title : Add a short text to the content.

  • Newsletter Title : Customize the Newsletter title.

  • Newsletter content : Customize the Newsletter content.

  • Newsletter Additional Text : Customize the Newsletter additional text.

  • Enable Social Icon : Enable or disable the social icon.

Section Color settings

  • Title Color : Customize the title color (Set Your Preferred Color).

  • Sub Title color : Customize the subtitle color (Set Your Preferred Color).

  • Form Background Color : Customize the form background color (Set Your Preferred Color).

  • Form Button bg color (Not for Style 4) : Customize the form button background color (Set Your Preferred Color).

  • Form Button Text color : Customize the form button text color (Set Your Preferred Color).

  • Form Button Hover bg color (Not for Style 4) : Customize the form button hover background color (Set Your Preferred Color).

  • Form Button Hover Text color : Customize the form button hover text color (Set Your Preferred Color).

  • Newsletter Additional Text color : Customize the newsletter additional text color (Set Your Preferred Color).

  • Social Icon color : Customize the social icon color (Set Your Preferred Color).

  • Social Icon Hover color : Customize the social icon hover color (Set Your Preferred Color).

PreviousDividerNextGDPR Cookies