An application called popup windows has been provided inside the store control panel where you can promote the special product offers or any news that belongs to the store and it is very important to attract visitors to your store
Features of this application include the following:
allows you to display popup windows based on a condition
you can specify to show it on all pages or on specific pages.
This app has an option to display the popup window only once for the user instead of showing it every time the user visits the page. This helps avoding spaming users.
The popup can contain any HTML content such as text, images, videos, or a combination of them.
Through this article we will explain all the features of this application and how doing the own settings
In the beginning to access the application please go from store control panel to Apps and Services
In order to be able to create a new window please click on add a new popup icon .
the next image for clarification
After clicking on add a new popup icon you can click on the name of the window popup or click on the three-point icon and then click on the edit icon so that you can create the settings for this window
The following picture illustrates both ways
The window set up is consists from three parts
Popup settings, Multi-lingual settings, Appearance
Part 1: Popup Settings
In this part you will found the basic fields setup that you can do the setting from as the following
- Popup (Status)
Through this icon you can control the enable or disable the appearance of the popup window on your online store ,,, certainly if you want to activate the app must enable the status
- Popup showing method
inside this icon there is a list of four choices that you can choose one of them to determine the appearance place of the window on your store
First Choice: on Homepage
This means that the popup window will appear only on the home page store. After set this option you will see the sub-setting which include the following:
Hours interval
When this option is enabled you can specify the hours in which you want the window to appear on the home page store ,,,
Next image for illustration
If this option is disabled popup windows will appear all the time ,,,
Date interval
When this option is enabled you can specify the start and end of a specified date, for example the date can be specified for a month
If this option is disabled popup windows will appear during the months of the year ,,,
Next image for illustration
Second Choice: All pages
This means that the popup window will appear on all the pages of the store with a box called Excluded URLs . You can include the links that you dont want to display in the popup window. If there is no links are added inside the excluded urls box, the popup window will appear on all store pages.
Please note when you type the links inside the excluded urls box that each URLS you wish to exclude separated by a new line
The following picture shows the location of excluded urls box
Date interval
When this option is enabled you can specify the start and end of a specified date, for example, the date can be specified for a month
If this option is disabled popup windows will appear during the months of the year,,,
Third choice: on specific links
This means that the popup window will appear on specific pages in your store, and you can put the specific links you want popup windows to appear just by placing them in the URLs box.
Date interval
When this option is enabled you can specify the start and end of a specified date, for example, the date can be specified for a month or more than it as needs
If this option is disabled popup windows will appear during the months of the year,,,
The fourth Choice: CSS Selector
This means that you can put a specific element code existing on your store so that when you click this element the popup window appears
Next image for illustration
Date interval
When this option is enabled you can specify the start and end of a specified date, for example, the date can be specified for a month or more than it as needs
If this option is disabled popup windows will appear during the months of the year,,,
- Prevent Closing
Through this icon, you can control the enable or disable prevent a user to close the popup window by clicking on the background site or pressing at escape button.
It is best to disable this icon so as not to inconvenience visitors of your store in the behavior they want to do
- Repeat
inside this icon there is a list of three choices through them you can control the frequency of the popup window on your store
First choice: Always supply
This means that the window will be displayed to store visitors on the pages chosen by you. always as long as the pages are updated or enter on other pages and then return to the selected pages
Second Choice: The offer is one time per user session
This means that the window will be displayed once only in one user session
Third choice: Display again after x days
Through this selection, you can set specific duration days to be displayed to store visitors after the end of the last session. this done by inserting the particular period into Set the display frequency box.
Next image for illustration
- Delay
Through this icon you can control the display window after specific a second of entering the main page store or any other pages
Next image for illustration
- Customer groups
Through this icon you can choose a specific clients group of more you want to apply pop-up on them. At least one customer group must be selected!
Part 2: Multi-lingual settings
In this part, the content of the pop-up window is added like image, text or video, so always the choice is image expresses the popup window whether it is a offer or marketing option for the store etc,,, through the popup window content-box
The popup window box contains an editable toolbar that allows you to upload a picture with the possibility of inserting a link into the picture.
The following image shows the location of the icon of the image through which the image of the window is raised
After uploading the image you can insert a link in the image that reflects its content by clicking on the link icon
The following images illustrate the location of link icon with how to include a link to the window
After you upload the image in the Popup Content you can click on the picture to show you the picture properties which through it you can control the size of the image (Minimize or Maximize), Determine the location of the picture whether on the right, left or center ... Also there is image properties icon which when press at it can you know the link source image if you need it with the possibility to include title of this image and also control the dimensions of the image
and there is a feature to insert a link to the window, also you can delete the image by delete icon
The following images illustrate for all icons of the image properties when clicking on the image
You can also upload video inside the popup window contents and this by Video icon ,,, After clicking the icon placed video link
Part 3: Appearance
In this part you can control the width, height and shape movement of the appearance popup window on the storefront through the following icons
- Width
Through this icon you can determine the width pop-up window
- Height
Through this icon you can determine the height pop-up window
- Animation
inside this icon there is a list of many forms of popup movements which you can choose fit with you
- Fancybox aspect ratio
through activating this icon will be assigned a cover or frame for the pop-up window corresponds to the measurement of the width and height which was putted previously
- Fancybox auto resize
through activating this icon will be assigned a cover or frame for the pop-up window, which automatically matches any measurement of width and length image that has been placed.
We prefer to activate the icons of Fancybox aspect ratio and Fancybox auto resize when doing settings popup window
Please pay attention after doing any step inside the settings application pressing at Save icon
The price of the app is 9$ with knowing that it is free only for the enterprise package only
On the next link you can know more about the prices of the packages with the applications attached with each package
Comments
0 comments
Please sign in to leave a comment.