Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us an email via [email protected]

Updated: 31/01/2019 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/48

Highlight Features 

• Create/Edit one or multiple popup
• 25+ default popup templates
• 4 popup triggers: Exit-intent popup, after users spend X seconds on the page, after users scroll X% of the page, after users view X pages on the website
• 5 popup types: Yes/No button, Subscribe Form, Social Sharing, Contact Form, Static Popup
• Assign template to each popup 
• Display popup on any page
• Full-screen popup
• Use WYSIWYG editor to edit the content of the popup
• Use CSS to style the popup
• Report of popup performance

System Requirements

 Your store should be running on Magento 2 version 2.1.x.; 2.2.x; 2.3.x

Configuration

First, you have to enable the extension in Stores > Configuration > Magenest > Popup

Add New Popup Template

In Magento 2 backend, go to Content > Magenest Popup > Manage Template. On this page, you can manage all popup templates, on the Action column, you can select to edit, delete, or preview the template.

You can add default templates (25 at once) by clicking on Load Template Default button.

You can create a new popup template by clicking on Add New Template button. For new popup template, you can name the template, choose the popup template type from 5 available types and customize the content and style with HTML and CSS.

Add New Popup

Go to Content > Magenest Popup > Manage Popup, you can view and manage all the available popups. 

You can create new popup by clicking on Add New Popup button on the right side.

 In General Settings, you can name the popup, choose the popup type, active time (Start Date - End Date), and priority

 In Popup Configuration, 

• Popup Template: Assign the template to this popup. You can add more template on Manage Template page
• Popup trigger: Choose 1 from 4 popup trigger to display popup
• Number X: For popup triggers as After customers spend X seconds on the page; After customers scroll X% of the page, After customers view X pages on the website, you can define the X in this setting
• Popup Position: You can display the popup in All pages, Homepage, All CMS Pages, All Category Pages, Product pages
• Stores: Set the storeviews to display popup
• Enable Cookie Lifetime: Duration (in seconds) before popup appears again for the same customer
  
  

Create Call-to-Action Buttons

In Magento 2 back end, you will see the Magenest Promo Bars icon on the left menu bar. Go to Magenest Promo Bars > Manage Buttons.

In order to create a Call-to-Action button, click on Add New Button on the top right

• Status: To display/hide the button
• Button title: The title shown in the back-end management
• Content: The text shown on the button/ The call-to-action phrase. You can use this setting to style the button title (color, font, size, etc)
• Text size (px): To change the size of the text. Since the size in the content setting is limited to 36pt, we have added this text size setting. which allows you to add unlimited font size (px)
  In case both font size settings are setup, the value in the text size (px) will be taken.
• Color for text: Same as the text size settings, the color setting is added with a color picker for you to style the text easily
• Hover color for text: In here you can set the color of the text when customers hover over the button. This setting also has a color picker
  
  

• Button settings: You can change the button shape and text alignment using sliders
• Background color for button: The color of the button
• Hover color for button: The background color of the button when customers hover over the button
• Border style: There are 4 available styes - Solid, dotted, dashed, double
• Border width: Adjust the width of the button border (0px- 10px)
• Background color for border: The background color of the button border can be modified with a color picker
• Hover color for border: The background color of the button border when customers hover over the button

 You can see the preview of the button on the top of the page while editing.

Create Popup

Go to Magenest Promo Bars > Manage Bars, you can view all the promotion bars that are created.

You can create a promotion bar by clicking on Add New Bar button.

Bar Settings

• Status: To display/hide the promotion bar

• Bar title: The promotion bar name shown in Magento back end

• Bar height: Adjust the promotion bar height (0px - 150px)
• Background image: Upload the background image for the promotion bar

• Sliders: You can add unlimited sliders to the promotion bar. 
  Click on Add Slider button to add a new slider. 
  Click on Select to Edit or Delete the slider(s)
  Click on Preview button to view the changes on the Live preview
• Content: When you choose Select > Edit, the slider content can be modified in this content settings
• Text size (px): To change the size of the slider text. Since the size in the content setting is limited to 36pt, we have added this text size setting. which allows you to add unlimited font size (px)
  In case both font size settings are setup, the value in the text size (px) will be taken.
• Time life for each content (seconds): Time to switch among sliders
• Text color: Same as the text size settings, the color setting is added with a color picker for you to style the text easily. In case both color settings are setup, the value in this text color setting will be taken.
• Background color: The background color of the promotion bar. In case you use the background image, this field is unnecessary and vice versa.
• Text vertical alignment: The slider content alignment on the promotion bar (0px - 50px)

• Type Button: Assign the button created in Magenest Promo Bar > Manage Button to this promotion bar
• Position Button: Change the button alignment on the bar
• Button URL: The redirect URL when customers click on the CTA button
• Show button close: To display the icon  to close the bar 
• Display after page load (seconds): The time to display the promotion bar since the page is opened on the browser
• Auto-hide after (seconds): The time to close the bar since the page is opened on the browser

Bar Position

• Design Theme: The current website's theme
• Assign to Store Views: Choose the store you want to display the promotion bar
• Sort Order: The order of the promotion bar with other widget in the same container
• Page: Choose the specific page you want to display the promotion bar or All pages
• Container: Choose the position on the page where you want to put the promotion bar
• Sticky: Make the promotion bar sticky to the page (Yes to Enable/ No to Disable)

 We recommended that you should not set 2 promotion bars sticky on the same site. It might cause errors.

Save the configuration then clear cache in System > Cache Management.

• When a new update is available, we will provide you with a new package containing our updated extension.
• You will have to delete the module directory and repeat the installing steps above.
• Flush the config cache. Your store and newly installed module should be working as expected.

Support

• We will reply to support requests within 2 business days.
• We will offer lifetime free update and 6 months free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
• Support DOES NOT include other series such as customizing our products, installation and uninstallation service.

Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.

Magenest