Show engaging pop-ups in the most important touchpoint with your customers to guide them through the sales funnel, deliver special offerings and increase conversion. Display coupon codes, offer free shipping, collect emails with your favourite email automation services, highlight new collections or just welcome the visitors at the right moment and in the right place. Select which visitors should see your campaign and in what conditions. Use colourful images and text to engage the customers with your offer or message and reach your goal.
— Use images and text
— Add HTML code
— Collect emails
— Build pop-ups
— Target certain visitors
— Schedule availability period
After the add-on installation is completed, the Popups menu will appear in the Marketing section.
How to create a popup window in HTML
If the Banner management add-on is installed, you can choose “Graphic banner” type for your new popup window.
After you have created a new popup window, you will find three new tabs available: Settings, Content and Conditions.
The Setting tab will allow you to adjust the popup:
— "Position"—Ten options are available: top, top-start, top-end, center, center-start, center-end, bottom, bottom-start, bottom-end, bottom-wide.
— "Width"—The popup width in pixels.
— "Margin"—The popup margin in pixels.
— "Padding"—The popup padding in pixels.
— "Block page main content"—If enabled, blocks the page main content, until pop-up will be closed.
— "Animation speed"—Five types of animation speed are available: slower, slow, normal, fast, faster.
— "Animated entrances"—Forty-one types of animation entrances are available.
— "Animated exits"—Forty-one types of animation exits are available.
— "Show time"—The time for showing the popup in milliseconds (1s = 1000ms).
The Content tab will allow you to add HTML code to the created HTML popup window.
For example, to make the popup look like this, the following code was used:
<div style="background-color: #555555; margin: -20px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.simtechdev.com/images/demo/popups/christmas.jpg" alt="" /><span style="position: absolute; top: 44px; width: 100%; font-size: 20px; color: darkred; left: 0px; text-align: center; font-family: tahoma, arial, helvetica, sans-serif;">UPTO 50% OFF</span> <span style="position: absolute; top: 87px; width: 100%; font-size: 38px; color: black; left: 0px; text-align: center; font-family: 'trebuchet ms', geneva, sans-serif;"><span style="font-family: tahoma, arial, helvetica, sans-serif;">Christmas</span> holidays!</span> <span style="position: absolute; top: 160px; width: 100%; font-size: 15px; color: gray; left: 0px; text-align: center; font-family: tahoma, arial, helvetica, sans-serif;">GET AMAZING DEALS ON ALL BRANDS.</span> <div style="text-align: center; width: 100%; position: absolute; top: 205px;"><a style="border-radius: 2px; background-color: black; border: none; color: white; padding: 10px 50px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;" href="index.php?dispatch=products.on_sale">SHOP NOW!</a>
If you are creating a graphic banner pop-up, you can choose the banner from the list of banners of your store.
The Conditions tab allows you to set up the conditions for the popup displaying.
— "Show on page"—Choose pages where you want the popup to be displayed.
— "Timeout"—The duration of the pause before display. If the popup is slow enough not to appear in normal use, you can enter the duration of the pause (one-three seconds) to ensure it is displayed as intended.
— "Show when leaving the page"—Show the popup at the moment when customer is going to leave the page.
— "Show once in session"—Show the popup only once during a user’s session. The popup display data is logged and saved in the user’s session.
— "Re-show after"—Choose the time interval after that the popup will be displayed again.
— "Show to authorized users"—Show the popup only to the authorized users.
— "Users"—Choose users who you want the popup to be displayed.
— "User groups"—Choose user groups that you want the popup to be displayed.
The add-on is compatible with CS-Cart and Multi-Vendor 4.9.0 and above.
All our products comply with CS-Cart code architecture and Simtech Development established standards.
To produce free of bugs add-ons, all our products undergo several testing stages.
Adapting to any CS-Cart version
On your request we can adapt the add-on to another CS-Cart version.
30-day money back
If you are not satisfied with the add-on within the first 30 days after the payment, you can get a refund.
A detailed and step-by-step user guide is written for every add-on.
No extra actions. Without programming knowledge you will be able to install our add-ons.
Add-ons use language variables for all texts and can be edited under Administration → Languages → Translations.
If any questions or issues appear, our managers will contact you back in 24 hours. Email us at any moment: email@example.com
100% Open Source
We provide only easy-to-customize add-ons. With the help of developers or on your own, you are able to modify all extensions.
We are open to customers' suggestions and constantly updating our products to meet your needs.