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).