Newsletter Wizard Pro is a module for Prestashop designed to allow you to quickly create highly targeted professional and responsive newsletters in minutes via a flexible and easy to use drag and drop Prestashop newsletter designer.<\/p>\n\n\n\n
Installation<\/h2>\n\n\n\n
The installation procedure is very much similar to most other Prestashop modules. No core changes are required therefore installation is straight forward. Be sure to follow the instructions below for a successful installation:<\/p>\n\n\n\n
\n
Upload the module folder to your store\u2019s module folder: {root}\/modules\/<\/code><\/li>\n\n\n\n
After uploading the module, in the Prestashop Back Office, head over the to the Modules<\/strong> section.<\/li>\n\n\n\n
Search for the module and choose the install <\/strong>option<\/li>\n\n\n\n
After a successful installation the module is ready to be used. Initially the module\u2019s main configuration page will be displayed. We\u2019ll take a look on how to use the module below.<\/li>\n<\/ul>\n\n\n\n
Configuring the module<\/h2>\n\n\n\n<\/figure>\n\n\n\n
Configure the module to open up the newsletter wizard pro dashboard.
The dashboard is divided into 4 tabs; namely Mailing Lists, Campaigns, Schedules and Settings.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Creating your first newsletter requires you to first create a newsletter, this can be done from under the Campaigns tab. Before a newsletter can be sent, it must be assigned to a mailing list, mailing lists can be created under the Mailing List tab. Finally, before a newsletter can be sent to a designated mailing list, a schedule must be set up. This is done under the Schedules tab.<\/p>\n\n\n\n
Let’s take a look at each tab in more detail:<\/p>\n\n\n\n
Mailing Lists<\/h3>\n\n\n\n
Mailing lists are lists of customers your newsletter will be sent to. This section allows you to create highly targetted lists to send your email campaigns to. A few examples of the types of targetted lists that can be created are:<\/p>\n\n\n\n
\n
Customers who have not placed an order in the last x Months (Lapsed customers)<\/li>\n\n\n\n
Customers who have ordered products from a specific category<\/li>\n\n\n\n
Customers who have never placed orders <\/li>\n<\/ul>\n\n\n\n
Let’s create our first mailing list by pressing the create mailing list button. You should see the form below:<\/p>\n\n\n\n<\/figure>\n\n\n\n
Lets take a look at each of the options.<\/p>\n\n\n\n
Name<\/strong> Enter a name to help you identify this mailing list, for example : Mailing List for Christmas 2019<\/p>\n\n\n\n
Signed up to newsletter<\/strong> Send the newsletter only to customers have opted to receive newsletters.<\/p>\n\n\n\n
Has Orders<\/strong> Send to cusatomerts who have either placed orders in the past or not, or choose any to send to both.<\/p>\n\n\n\n
Less than (x) Orders<\/strong> Send to customers who have placed less than X orders in the past.<\/p>\n\n\n\n
More than (x) Orders<\/strong> Send to customers who have placed more than X orders in the past.<\/p>\n\n\n\n
Orders Placed After<\/strong> Send to customers who have placed orders after the specified date only.<\/p>\n\n\n\n
Orders Placed Before<\/strong> Send to customers who have placed orders before the specified date only.<\/p>\n\n\n\n
Customers registered after<\/strong> Send to customers who registered a customer account after the specified date.<\/p>\n\n\n\n
Customers registered before<\/strong> Send to customers who registered a customer account before the specified date.<\/p>\n\n\n\n
Products Purchased From<\/strong> Send only to customers who have purchased products from the selected categories. Select the appropriate categories here from the category tree.<\/p>\n\n\n\n
Product Restrictions<\/strong> Only send to customers who have purchased specific products. Search the name of the product and select from the list of products which appear. Repeat this process to add multiple products.<\/p>\n\n\n\n
Customer Groups<\/strong> Send only to customers belonging to the selected customer groups.<\/p>\n\n\n\n
The options above can be combined to create highly targetted list such as: <\/p>\n\n\n\n
Send to customers who registered in the last 6 months and purchased Products X, Y, Z or Send to customers who registered in the last 3 months but never placed an order<\/p>\n\n\n\n
Save the mailing list and we can later assign a campaign to this mailing list when we’re ready to send out the newsletter. On the next page we’ll look at the campaigns tab.<\/p>\n\n\n\n
Campaigns<\/h3>\n\n\n\n
Now we’re ready to start creating our newsletter. Press the create new campaign<\/strong> button to get started. The first things you’ll see is a grid of startet templates to get you started. Choose one most approiate to your campaign.<\/p>\n\n\n\n
You should now see something similar to the following:<\/p>\n\n\n\n<\/figure>\n\n\n\n
The above is the newsletter wizard pro designer, divided into two sections. The left hand section is the newsletter itself. We can compose our newsletter by editing, dragging and dropping elements here. The right hand side contains the collection of toolboxes to help you design and set the properties of your campaign. The right hand side is split onto 3 tabs. Lets take a look at each one in turn.<\/p>\n\n\n\n
Campaign<\/h4>\n\n\n\n
Set the proprties of the newlsetter campaign here. The following fields need to be populated:<\/p>\n\n\n\n
Campaign Name<\/strong> Give your campaign a name, for example Christmas 2019 newsletter<\/p>\n\n\n\n
Email Subject Line<\/strong> The subject line to appear in the recipent mail inboxes. Make your subjects grab attention by including emojis to add some dazzle to your subject lines.<\/p>\n\n\n\n<\/figure>\n\n\n\n
From Email Address<\/strong> The email address which will appear as the senders email address when they receive your newsletter. This should match your domain or the smtp account from which you will send your emails (we discuss smtp settings later in this guide)<\/p>\n\n\n\n
From Name<\/strong> The name of the sender to appear in the recipients inbox. This could be your shop name or the name of the team member reponsible for customer relations in your organisation.<\/p>\n\n\n\n
Builder<\/h4>\n\n\n\n
The builder tab is where you’ll find the tools needed to build your newsletter content. Switch over the builder tab and you’ll see a grid of blocks available. Each block lets you add content to your newsletter. To add a content block to your newsletter, drag it onto the newsletter (in the left hand side) to the position in the newsletter where you want to place the new block. Don’t worry, you can drag existing blocks in the newsletter after they have been placed if you need to adjust the positions later.<\/p>\n\n\n\n
Let’s take a look at each block and explore their options.<\/p>\n\n\n\n
Text Block<\/h4>\n\n\n\n
A text block allows you to place a block of text in the newsletter. To edit an existing text block in the newsletter, hover over it and press the pencil icon. Alternatively add a new block by dragging the text block over and onto the newsletter, this will launch the text block builder.<\/p>\n\n\n\n
You should see the following:<\/p>\n\n\n\n<\/figure>\n\n\n\n
Number of columns<\/strong> Choose either a one column layout or 2 column layout. When choosing a 2 column layout, column tabs will appear at the top of the text block builder to allow you to switch between the two.<\/p>\n\n\n\n
Content<\/strong> Enter the text content which should appear in this block of text. Make use of the toolbar to customize the layout and appearance of the content.<\/p>\n\n\n\n
Font Style<\/strong> Adjust the overall font size, colour and style for the text block.<\/p>\n\n\n\n
Alignment<\/strong> Change the alignment of the text in the text block.<\/p>\n\n\n\n
When you’re done editing the text block press Save & Close to exit the textbox builder.<\/p>\n\n\n\n
We’ll take a look at the image caption block in the next page.<\/p>\n\n\n\n
Image Caption Block<\/h4>\n\n\n\n
The image caption block allows you to create a block which contains both an image and text. Drag or edit an existing image caption block to launch the image caption block builder.<\/p>\n\n\n\n
The image caption block contains several options which we’ll take a look at below.<\/p>\n\n\n\n
Under the first group – Image, you’ll see the ability to upload<\/strong> an image. Click this to open the file manager which will display existing images in your image library. You can also upload new images here.<\/p>\n\n\n\n
Once an image has been selected, you can add a link by clicking the Link action. Adjust the size of the image by dragging the slider left and right.<\/p>\n\n\n\n
Below the image is the text editor for the text content. Edit the text content in here directly, formatting the content as required.<\/p>\n\n\n\n
Expand<\/strong> the Layout panel to reveal options related to the layout:<\/p>\n\n\n\n
Text Alignment<\/strong> Alignment of the text within the image block<\/p>\n\n\n\n
Number of columns<\/strong> Select the number of columns. Selecting 2 will add another column which contains an image and text combo. Column tabs should also appear at the very top of the builder to allow you to switch between the two columns and edit the image and content for each column.<\/p>\n\n\n\n
Text Styling<\/strong> Adjust the font face, style and colour for the text in the active column.<\/p>\n\n\n\n
Image Alignment<\/strong> Adjust the alignment of the image within the active column.<\/p>\n\n\n\n
Image Block<\/h4>\n\n\n\n
Image blocks allow you add images to your newsletter. Drag or edit an existing image block to launch the image block builder.<\/p>\n\n\n\n
You should see something similar to the below.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Image<\/strong> Click on Browse<\/strong> to open up the file manager, where you can select from existing uploaded images or upload a new image to your image library. After selecting the image you can add a link by clicking the Link<\/strong> action. To Adjust the image size simply drag the slider left and right.<\/p>\n\n\n\n
Image Alignment<\/strong> Change the alignment of the image within the image block.<\/p>\n\n\n\n
Border<\/strong> Add a border to the image by selecting the border style, width and color.<\/p>\n\n\n\n
Image Grid<\/h4>\n\n\n\n
The Image grid block allows you display a one, two or more images in a grid layout. Launch the Image grid Builder block and you will see the image upload control.<\/p>\n\n\n\n
Click on the browse<\/strong> button to select or upload an image from your image library. Assign a link if you need to just like you did previously with the image and image caption blocks.<\/p>\n\n\n\n
After adding your first image, you can continue to add images by pressing the add another image button.<\/p>\n\n\n\n
Social Links<\/h4>\n\n\n\n
Add links to your social media pages by adding a social links block to your newsletter. After launching the social links block builder you will see two tabs at the top : content<\/strong> and style<\/strong>.<\/p>\n\n\n\n
The content tab<\/h4>\n\n\n\n
The content tab is where you can add, remove or rearrange icon links to your social media pages. To add a new icon, select the social media platform from the dropdown menu under Add New Icon and press add platform.<\/p>\n\n\n\n<\/figure>\n\n\n\n
After adding the new platform, it will appear in the list of existing icons under the content tab as well as in your newsletter. Edit the Page URL of the newly added platform under the content tab to match the URL of your social media page or profile.<\/p>\n\n\n\n<\/figure>\n\n\n\n
You can also change the platform by selecting a different platform from the drop down menu. To rearrange the icon in the newsletter simply drag the platform up or down and drop it where desired and to remove it click the icon.<\/p>\n\n\n\n
The style tab<\/h4>\n\n\n\n
You will see the following under the style tab:<\/p>\n\n\n\n<\/figure>\n\n\n\n
Alignment<\/strong> Choose the display alignment of the social media icons.<\/p>\n\n\n\n
Icons Style<\/strong> Choose whether you want outlined icons or solid filled icons and then choose the color \/ design of the icons you want to use in your newsletter.<\/p>\n\n\n\n
After setting up your icons it will look similar to something like the below in the newsletter designer panel:<\/p>\n\n\n\n
Button<\/h4>\n\n\n\n
Add a call to action via buttons. Add big bold buttons to your newsletter by utilizing the button block. Launch the button block builder by either dragging it on to your newsletter or editing an existing button.<\/p>\n\n\n\n
The button block builder is divided into 3 sections: Content<\/strong>, Design<\/strong> and Font<\/strong>.<\/p>\n\n\n\n
Content<\/h4>\n\n\n\n<\/figure>\n\n\n\n
Button Text<\/strong> Enter the text to appear within the button<\/p>\n\n\n\n
Button Link<\/strong> The url to the page the button should link to, including http:\/\/ or https:\/\/<\/p>\n\n\n\n
Design<\/h4>\n\n\n\n<\/figure>\n\n\n\n
Padding<\/strong> Enter the padding for the button, increasing padding will increase the size of the button.<\/p>\n\n\n\n
Button Color<\/strong> Choose a color for your button<\/p>\n\n\n\n
Button Radius<\/strong> Drag the slider to adjust the corner radius size of your button.<\/p>\n\n\n\n
Button Width<\/strong> Choose either Fit to Text or Full Width<\/p>\n\n\n\n
Border<\/strong> Choose a border style, color and width for your button .<\/p>\n\n\n\n
Font<\/h4>\n\n\n\n
Choose the font face, style and colour for the button text<\/p>\n\n\n\n
Divider<\/h4>\n\n\n\n
Add a horizontal divider to your newsletter to visually separate different content sections, to help build an aesthetically well organised newsletter which will in turn result in content which is easier to read and doesn’t frustrate your users.<\/p>\n\n\n\n
Launch the divider block builder and you will be presented with the following options:<\/p>\n\n\n\n
Color<\/strong> Choose the color for your divider<\/p>\n\n\n\n
Divider Width<\/strong> Choose the thickness for the divider<\/p>\n\n\n\n
Spacing Top<\/strong> Spacing in pixels above the divider<\/p>\n\n\n\n
Spacing Bottom<\/strong> Spacing in pixels below the divider<\/p>\n\n\n\n
Code Block<\/h4>\n\n\n\n
If you need to insert a block with custom HTML code, use the code block. Drag it to your newsletter and enter your custom HTML into the text editor which appears on the launch of the code block builder. Make sure your code block is valid HTML or you’ll get unexpected results! This feature is only advised for those who know exacgtly what they are doing.<\/p>\n\n\n\n
Footer Block<\/h4>\n\n\n\n
The footer block allows you to display your company information, copyright notices and the unsubscribe link. The footer block builder allows you to edit the content displayed and adjust the font face, size, color and style.<\/p>\n\n\n\n
Now that we have finished looking at the newsletter builder tab, next we’ll take a look at the design tab.<\/p>\n\n\n\n
Design tab<\/h3>\n\n\n\n
The design tab lets you customize the design of the main newsletter sections, which are the header, body and footer<\/p>\n\n\n\n
Lets start by looking at the header. Expand the header and the design panel for the header will appear.<\/p>\n\n\n\n<\/figure>\n\n\n\n
A description of each of the options are below:<\/p>\n\n\n\n
Background color<\/strong> The background for the header section. Why not choose a color that matches your site branding?<\/p>\n\n\n\n
Background Image<\/strong> If you’d like a background image to appear instead of a colour, choose an image large enough here. Once uploaded you will be presented with further options to adjust the placement ofand size of the background image. Note: Background images are not widely supported in all email clients and therefore should not be used if they can be avoided.<\/p>\n\n\n\n
Border Top<\/strong> Choose a border style, size and colour to line the top of the header<\/p>\n\n\n\n
Border Bottom<\/strong> Choose a border style, size and colour to line the bottom of the header<\/p>\n\n\n\n
Padding Top and Padding Bottom<\/strong> Adjust the top and bottom padding for the header<\/p>\n\n\n\n
Header Text<\/strong><\/p>\n\n\n\n
Set the font size, style, colour and face here. The font chosen here will be applied to any text blocks placed within the header section, unless you choose to override the font settings in the text block itself.<\/p>\n\n\n\n
The design panel for the Body and Footer are similar to the Header.<\/p>\n\n\n\n
Next we’ll take a quick look at how to test your newsletters.<\/p>\n\n\n\n
Sending Test Newsletters<\/h3>\n\n\n\n
While building your newsletter, you can send a test version of your newsletter. To send a test click the send a test action at the top right corner of the newsletter builder.<\/p>\n\n\n\n<\/figure>\n\n\n\n
A popup will appear where you can enter a list of email addresses to send a test copy of your newsletter to. Make sure to test your newsletter across all popular email clients if you can.<\/p>\n\n\n\n
Now that we have discussed how to create a mailing list and how to build a newsletter, we’ll not look at how to create a schedule to send your newsletter.<\/p>\n\n\n\n
Schedules<\/h2>\n\n\n\n
After create a mailing list and new newsletter campaign, the next step you’ll want to undertake is sending out your newsletters.<\/p>\n\n\n\n
Head over to the schedules tab and press create schedule under this tab. You’ll see a form similar to the below:<\/p>\n\n\n\n<\/figure>\n\n\n\n
Campaign<\/strong> Select the campaign you wish to schedule for sending<\/p>\n\n\n\n
Mailing List<\/strong> Select the mailing list this campaign should be sent to<\/p>\n\n\n\n
Send Date \/ Time<\/strong> The date and time to newsletter should be sent. You’ll need to set up a cron job for this to work, we’ll look at how to do this later.<\/p>\n\n\n\n
Batch Size<\/strong> For larger mailing lists, you may wish to limit the batch size in which your newsletters are sent. The mailing list will be mailed into batches of the size you specify here. Leave empty or 0 if you do not wish to divide the sending of the newsletters into batches.<\/p>\n\n\n\n
Setting up your cron job<\/h3>\n\n\n\n
Setting up your cron job allows the module to check for shcedules on a regularly basis and process any pending schedules. There are a few ways you could set up a cron job. The first is to use built on cron module built into Prestashop and another possible way is to use a free third party cron service.<\/p>\n\n\n\n
When setting up a cron job, make sure the cron job is set to run every hour or so to ensure your schedules are sent at the time you schedule them.<\/p>\n\n\n\n
Your secure cron url can be located under the schedules tab and is unique to your store. It should look similar to the following:<\/p>\n\n\n\n
You can also set up a newsletter to be sent immediately. Simply create a schedule and choose a date in the past. After saving the schedule, select send now from the action list in the schedule list.<\/p>\n\n\n\n
Settings<\/h2>\n\n\n\n
The settings tab allows you to configure the module settings.<\/p>\n\n\n\n
Mail Server Settings<\/strong> By default, the module will use your global prestashop mail server settings to send the newsletters. However, if you wish to override these settings here and use a different mail server you can enter the smtp settings in this section.<\/p>\n\n\n\n
Bounces<\/strong> The module is capable of logging into the inbox from which the newsletter is sent. For instance, this could be an email address like news@:demo. com. The module then scans the inbox for bounced emails or email delivery failures subsequently ensuring that future newsletters are not sent to these email addresses. This helps your domain maintain a healthy spam score reputation.<\/p>\n\n\n\n
To enable the feature you must provide valid imap inbox account and server details, these can usually be obtained by the email hosting provider.<\/p>\n\n\n\n
This concludes the user guide for the module.<\/p>\n\n\n\n
![\"configuration\"](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration.webp\")
<\/figure>\n\n\n\n![\"configuration](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-tabs.webp\")
<\/figure>\n\n\n\n![\"Creating](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-mailing-new-new.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-builder.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-subject.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-text-block.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-image-block.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-social-new.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-social-platform.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-social-style.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-button-content.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-button-design.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-design.webp\")
<\/figure>\n\n\n\n![\"Campaign](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-campaign-test.webp\")
<\/figure>\n\n\n\n![\"Creating](\"https:\/\/www.prestafusion.com\/blog\/wp-content\/uploads\/documentation-images\/newsletterwizardpro\/configuration-schedule-new.webp\")
<\/figure>\n\n\n\n