Coming soon, fast templates with an unlimited number of modules for 1 UAH/order

Configuring the module "NeoSeo Pop-up messages" for the online store {SEO-shop}, OpenCart 2.x, 3.x, ocStore

 

The contents of the instructions for setting up the module "NeoSeo Pop-up messages" for the online store {SEO-shop}, OpenCart 2.x, 3.x, ocStore

1. Installing the “NeoSeo Pop-up Message Box” Module

2. Editing module settings

3. Creating windows

4. Creating a new popup window

 

  1. Installing the module “NeoSeo Pop-up message windows”

To install the module “NeoSeo Pop-up message windows” you need to:

  1. Upload files from an FTP archive to the root of your site.

  2. Go to the administrative panel of the site and select the section “Add-ons” -> ”Modules”:

  1. In the opened module list, select “NeoSeo Pop-up message windows” and click thebutton “Install”:

  1. Go to thesection “Add-ons”-> ”Add-ons Manager” and in the opened Click on thebutton “Refresh”.

 

The installation of the module is complete and you can proceed to editing the module settings.

 

  1. Editing module settings

To edit module settings, go to the administrative panel of the site and select thesection “Add-ons” -> ”Modules”. In the opened module list, select “NeoSeo Pop-up message window” and click on thebutton “Edit”:

After that, the window for editing the module settings appears on the screen:

 

In this window, set the “option that isStatus”responsible for the module activity and click the “Save” button.

Then you can proceed to the creation of windows.

 

Creating windows

Managing and configuring pop-up windows of the module is located in thesection 

“Marketing”- “NeoSeo pop-up windows”.

After the transition, you willpop-up windows control window:

see aHere you can see the following elements (in the screenshot):

  1. “Add new window” button - Opens creation dialog new popup window.

  2. Filter created windows - for easy search.

  3. Brief information about the created windows.

  4. Action buttons, such as “Edit” and “Delete”

 

Creating a new pop-up window

After clicking on the “Create window” button (# 1 in the screenshot above), a form for selecting options for the new window will open:

  • Status. Whether this window will be displayed.

  • The position of the window. This field is used to select the position of the pop-up message box relative to the pages of the site. The module offers the following location options: “Left top,” “Right top,” “Center top”, “Left bottom”, “Right bottom”, “Center bottom”, “Center window”, “Center left”, “Center right”.
    For example, select theposition “Center of the window”:

  • Button to close the window. Using this field you can hide / show the button to close the pop-up message box.

  • Pages to display the window. You can select the pages on which this window will be displayed. For example, if you need to create different windows for the product card and for the main page of the site: The

option “is also availableYour own route”. If it is selected, an additional field will appear to indicate the route.

  • Enter your route. Appears when selecting the option “Your own route” in the “Page to show” field. Here you must specify the internal route “route”. Used for non-standard OpenCart modules or for adding a window to modules that are not listed in the list.

  • User action to display the window.  Allows you to specify how the window will be displayed. “Automatic display” - Will be shown to the user when entering the page or when the page is updated. “When clicking on the selector” - the window will be shown to the user when clicking on a specific element on the page. “When hovering over the selector” - the window will be displayed when you hover the mouse cursor over a specific element on the page. When selecting the options “When clicking on the selector” or “When pointing to the selector,” an additional field will appear in which you will need to specify the selector to trigger the option. The selector must be specified suitable for jquery.

  • JQuery selector. This option will appear when you select the options “When you hover over a selector” or “When you click on a selector” in the “User action to show the window” field.Here you must specify the selector itself. For example .element-class or # element-id

  • Sort. Specifies the sort index when selecting a window to display. For example, if there is a window for displaying on all pages and a window for displaying on a specific page, then the choice between them will be determined by the sorting index. The smaller the sorting index, the faster the window will be shown. 

  • Number of hits This field is intended to specify the number of times the userwindow when visiting the site:

    is shown theIf the field is left blank, a window will always be displayed (that is, a pop-up window will appear when you refresh the page or when you go to another page of the site):
     

  • The time to show the window (ms). This setting is intended to specify the required amount of time in milliseconds before a pop-up window is displayed on the website page:

  • To determine the required size of the pop-up window, specify their width and height in the fields “Minimum window height” and “Minimum window width”:

  • Font color of the header.  This field is used to select the font color of the message's popup title:

  • Header background color. This field is used to select the background color of the message's popup title:

  • The background color of the window. This field is intended to indicate the background color of the pop-up window:

  • Window image. If you need to select an image as a background of the pop-up window,in thefieldoption “Image window” left-click on the imageand select the “Edit”:

In the dialog box that opens, select or load the required image:

  • Window title. This field is intended to indicate the popup title in all languages ​​of the store (in this case, for English, Russian and Ukrainian). For example, add the title “Get a discount on goods”:

  • Window text. This field is intended to specify the text of the pop-up window in all languages ​​of the store (in this case, for English, Russian and Ukrainian languages). For example, add the following window text:

     

Important !!! After adding all the changes you need to click thebutton “Save”:

After saving all the changes, we get the following type of pop-up message box:

Related products