Monstroid. How to work with “Yith Newsletter Popup” plugin

This tutorial will show you how to work with Yith Popup Newsletter plugin in Monstroid theme.

Yith Popup Newsletter plugin allows you to have a floating popup with newsletter when you open the site. To manage this plugin:

1. Log into your WordPress admin panel.

2. Open Appearance > Newsleter Popup page:

   

3. You will see 2 tabs available here:

General

1. General Settings

   1. This section allows you to enable/disable the newsletter popup (Default: Off).

   2. Cookie Variable. Write here a name to be given to the cookie generated by the closing link of the popup, in this way as soon as you’ll change this value, all your visitors will see it again even if they disabled it.

   3. Enter your Newsletter window title to Popup Title field. You can also use HTML code here.

   4. Browse your popup image under the Popup Image. It is viewed best of all with a rectangular image sized like 315px X 225px.

   5. Popup Message allows you to modify the message displayed. You can also use HTML code here.

   6. Hiding text. The title displayed next to the checkbox that lets users hide the popup forever. HTML code is possible here.

   7. Custom style. Insert here your custom CSS code used for Newsletter Popup style:

      

2. Typography section allows you to modify Newsletter Popup text style. You can change:

   • Title font of message.

   • Paragraph font of message.

   • Hiding buttons fonts.

   • Newsletter Submit and Add to cart buttons font.

   • Newsletter Submit and Add to cart buttons font on hover status:

     

3. Background Settings section lets you customize the background of newsletter popup. You can choose a color to be used as background here:

   

Newsletter

You can add a newsletter form in your newsletter popup. Change the following settings here:

1. Choose if you want to enable the newsletter form in the newsletter popup.

2. Change Newsletter Name and Email Inputs Font.

3. Choose if you want to use custom submit button colors or your theme default ones.

4. Change the Newsletter submit background:

   

5. Configure the form and each field, to integrate the newsletter features of an external service.

   1. Set the action URL of the form.

   2. Change the title of the Name field.

   3. Upload or select an icon to be shown in the newsletter name input field.

   4. Change the Name field label.

   5. The attribute “name” of the email address field.

   6. Upload or select an icon to be shown in the newsletter email input field.

   7. Enter the email field label.

   8. Change Submit button label.

   9. Set the hidden fields to be included in the form. Use the form: field1=value1&field2=value2&field3=value3.

   10. Set the method for the form request:

       

Click Save button and check your site to see Newsletter Popup window when you open your site.

Feel free to check the detailed video tutorial below: