How To Add Web Push Notifications to CS-Cart

How To Add Web Push Notifications to CS-Cart (The Easy Way)

CS-Cart is one of the most popular eCommerce site builders in the world. Using CS-Cart, you can create a full-blown online store in seconds. But how do you add push notifications to a CS-Cart site?

Push notifications can help you increase traffic, engagement, and revenue for your store by creating very simple push notification campaigns. The best part is that push notifications can be really affordable and simple to execute.

In this article, we’re going to show you step-by-step how to add web push notifications to CS-Cart.

We’re going to show you how to do it using PushEngage. PushEngage is the best push notification software in the world. But you can use this tutorial for practically any vendor.

Let’s dive right in.

How to Install Push Notifications on CS-Cart

Installing push notifications to CS-Cart isn’t really difficult. As long as you follow each step in this tutorial, you’ll be fine.

At the end of it all, you should see a welcome push notification on your site like this one:

Welcome Push Example

Let’s dive in.

Step #1: Set Up Your PushEngage Account

Head over to the PushEngage home page and click the Get Started button:

PushEngage

You can try out PushEngage for free. But we recommend selecting a paid plan to unlock all the powerful features it offers. Since CS-Cart is an eCommerce site builder, you should ideally get the Enterprise package to get full access to automated push notification campaigns.

Once you’ve signed up for your PushEngage account, head over to your PushEngage dashboard and go to Settings » Site Settings » Installation Settings:

PushEngage Site Settings

You can set your logo, site name, and site URL here. Once that’s done, we’ll move on to the installation. But you should really get this done right now so that you can test your push notifications later.

Step #2: Get the Installation Code from PushEngage

To install push notifications, you’ll need to get an installation code from your PushEngage dashboard. Head over to Settings » Site Settings » Installation Settings:

Add Push Notifications on HTTPS site

Depending on whether your site has an SSL certificate installed, go to either the HTTP tab or the HTTPS tab to get your installation code.

Copy this Javascript code snippet. You’ll need it soon.

Step #3: Place the Installation Code in Your CS-Cart Site

Login to your CS-Cart dashboard by going to example.com/admin.php, and head to Website » Pages:

CS-Cart Pages Settings

Select a page where you want to show the push notification opt-in, hover on it until the gear icon appears, and click on Edit:

Edit Page in CS-Cart

Then, scroll down and activate the HTML editor:

CS-Cart HTML Editor

And now, paste in the code snippet that you got from the PushEngage dashboard.

Once that’s done, save your changes and you should get an opt-in for push notification subscriptions.

Step #4: Configuring the PushEngage Opt-In

Finally, in your PushEngage dashboard, go to Settings » Subscription Settings » Subscription Dialogbox » Edit:

PushEngage Installation Settings

Here, you can customize your push notification opt-in. The best way to approach this is to treat it like any opt-in. You want to give your visitors a solid reason to subscribe. If you need some help with that check out our article on how to create a custom push notification opt-in.

And if you’d like some templates to get started, you should check out this article on high-converting push notification opt-ins

Step #5: Create a Welcome Notification

Now that you’re done setting up the opt-in, it’s time to test if it’s set up the right way.

The best way to do this is to create a welcome notification and then subscribe to your push notifications to see if everything works. A welcome notification is a push notification you send a new subscriber to confirm their subscription and welcome them on board.

So, how do you do that?

Head over to Settings » Site Settings » Installation Settings and configure your welcome message:

New Welcome Push Notification

And it’s really that simple.

Now, all you have to do is head back to your site and subscribe to your own notifications. At this point, it’s also a really good idea to conduct a full test of your push notifications setup because you’re ready to create campaigns now. It’ll help you troubleshoot common issues before your visitors see them and start complaining about a broken user experience.

Wrapping Up

That’s all for this one, folks!

If you’ve already added web push notifications to your CS-Cart site, you should really start building your push notification campaigns next. A good place to start is to check out our article on creative push notifications for inspiration.

But if you’re a marketing pro and you don’t need any help with creative ideas, you should take a look at our article on automated push notification campaigns. These are more advanced ideas that keep growing your traffic, engagement, and revenue on autopilot.

We recommend creating your campaigns using PushEngage. PushEngage is the #1 push notification software in the world and your campaigns will be in good hands.

So, if you haven’t already, get started with PushEngage today!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Engage and Retain Visitors AfterThey’ve Left Your Website

Increase the value of every web visit with Push Notifications that are hard to miss.

  • Forever Free Plan
  • Easy Setup
  • 5 Star Support