[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

PrestaShop 1.6.x. How to work with “TM Newsletter” module

PrestaShop 1.6.x. How to work with “TM Newsletter” module

This tutorial shows how to work with TM Newsletter module in PrestaShop 1.6.x:

Prestashop_1.6_How_to_work_with_TM_Newsletter_module_1

This module allows to add a popup to the home page suggesting site visitors to subscribe to your site newsletter.

  1. Open the admin section and navigate to Modules -> Modules and enter “newsletter” to the search.

    You should see three enabled modules: Newsletter, Newsletter block and TM Newsletter. If one of them is not installed and disabled, you need to enable it as they are interrelated:

    Prestashop_1.6_How_to_work_with_TM_Newsletter_module_2

  2. In Modules -> Modules -> TM Newsletter -> Configure you will be able to manage the module settings:

    • Live mode – set it to Yes to enable the newsletter popup;
    • Would you like to send a verification email after subscription?
      – enable/disable subscription verification;
    • Timeout for guests – the number of hours before the popup appears once again for unregistered users;
    • Timeout for customers – the number of hours before the popup appears once again for registered users.
  3. Save the changes:

    Prestashop_1.6_How_to_work_with_TM_Newsletter_module_3

  4. To change the background image, access your site folder on the server via FTP or through hosting cPanel.

    1. Open themes/themeXXX/css/modules/tmnewsletter/views/css/front.css and locate this part of code around Line 20:

      #newsletter_popup {
                background: url("../../../../../img/secondtopimg.png");

      As you see, the image used is secondtopimg.png and can be found in the themes/themeXXX/img folder:

      Prestashop_1.6_How_to_work_with_TM_Newsletter_module_4

    2. Upload your image to themes/themeXXX/img under the same file name:

      Prestashop_1.6_How_to_work_with_TM_Newsletter_module_5

      If you use different file name, i.e. different name and file extension, you need to change it in front.css.

  5. To edit the default text, perform the following steps:

    1. Navigate to Localization > Translations in your admin panel.

    2. Select Installed modules translations, themeXXX (where XXX is your theme number), the needed language to edit and click on the Modify button:

      Prestashop_1.6_How_to_work_with_TM_Newsletter_module_6

    3. Find tmnewsletter module translation section (use Ctrl+F for a quicker search) and click on the translations quantity to see all the tabs:

      Prestashop_1.6_How_to_work_with_TM_Newsletter_module_7a

    4. Replace the text in the fields with your own. For example, we will edit the original text:

      Enter your email address to receive all news, updates on new arrivals, special offers and other discount information.

      To the following:

      Enter your email address to receive all the latest news!!!

    5. Save the changes:

      Prestashop_1.6_How_to_work_with_TM_Newsletter_module_7b

  6. Refresh the site to see the updated newsletter popup:

    Prestashop_1.6_How_to_work_with_TM_Newsletter_module_8

You may need to clear Smarty cache and browser cache to see the changes on the site.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to work with “TM Newsletter” module