Back to Help
WebNotification

CREATE YOUR FIRST WEB NOTIFICATION

What is a Web Notification?

A Web Notification is an automated notification that you can display to your visitors directly in their browser.

ConvertLoop allows you to prompt in-app web notification to your website visitors based on their behavior.

Within these web notifications, you can display anything you want to your visitors to make announcements, capture their information, make them notice something valuable in your product, or get them to take action.

Any web notification that you create will be displayed to the user segment you choose, even before you have captured their email address, on both web and mobile devices.

This way, you don’t have to wait to capture a person’s email before you start communicating with them in an automated, relevant, personalized way to get them to take action.

What to use a Web Notification for

With ConvertLoop, the days of preset pop-up notifications are finally over!

Think of web notifications as a blank canvas, where you can display anything you want to your visitors.

You can add text, insert images, embed a video, insert a lead-capture form, add a link, include a Call-to-Action button… anything you can think of including in an email, you can include in ConvertLoop’s Web Notifications.

ConvertLoop’s web notifications are ideal in any of the following scenarios:

  • Informing visitors of a special offer that is taking place during a specific time and providing a link to access it (e.g. 2x1 Lunch-time offer from 1-3pm)

  • Announcing a new product or feature that you just launched (e.g. Check out ConvertLoop’s new Web Notifications)

  • Offering a lead magnet and inserting a lead-capture form that people can fill out (e.g. Fill out the following form to download the “Ultimate Guide to Behavior Tracking” for FREE)

  • Providing an exclusive offer for a specific user segment (e.g. Gold Plan Users get 50% off any purchase today)

How to create your first Web Notification

To create your first Web Notification, follow these steps:

  1. Sign in to your ConvertLoop Account and select the App you want to create the Web Notification for.

  2. Click on the Messages option in the top navigation bar and select the Web Notifications option.

  3. Once on the Web Notifications page, click on the red New Automatic Web Notification button.

  4. Name your Web Notification.

  5. Select the user Segment that will receive the Web Notification in the drop-down menu under Segment. If you want to show your Web Notification to all the people who visit your site, select the “All People” option in the drop-down menu; if you want the Web Notification to appear only to the people whose contact information you’ve already captured, select the “Contacts” option; if you want your Notification to appear only to the people whose contact information you still haven’t captured, select the “Guests” option in the drop-down menu; if you want the Web Notification to appear only to a specific user segment that you have previously created, select it from the drop-down menu. (If you still haven’t created any specific Segments, click here to learn how to do it)

  6. Choose where you want your Web Notification to appear on your visitors’ browser: in the center of the page, in the top right corner of the page, or in the bottom right corner of the page.

  7. Now, select when you want the Notification to appear on your visitor’s browser: after the page loads, when the visitor has scrolled down to a specific percent of the page, when the visitor has been on the page for a specific number of seconds, or when the person is about to leave your site (this last option is not available for mobile devices).

  8. Choose the pages in your website where you want the Notification to be displayed. If you want it to be displayed on every page in your site, select the “All pages” option; if you want it to be displayed only on specific pages, select the “On specific paths” option, and write down the path of the pages you want to display your notification on. Here are some examples of how to write down the path for your Web Notification:
    • if you want it to appear on your homepage, just write /
    • if you want it to appear on a page whose URL is yourdomain.com/pricing, write /pricing as your path
    • if you want it to appear on a page whose domain is yourdomain.com/shop, write /shop as your path
    • if you want it to appear on a page whose domain is yourdomain.com/features, write /features as your path
    • if you want it to appear on a page whose domain is yourdomain.com/gifts, write /gifts as your path If you want your Web Notification to appear on several pages, write down each of the page’s path separated by a comma (e.g. /,/pricing,/shop,/features,/gifts).You can display the Notification on as many pages as you want.
  9. Now, select the frequency with which you would like to display your Notification. If you want to display it only once, select the “Only once” option; if you want to display it each time the person visits your site, select the “Every time” option; if you want to display it every few days, select the “Every _ days” option and write in the number of days; if you want to stop displaying the notification after it has been shown a specific number of times, select the “Limit to _ number of times (max)” option and write in the maximum number of times you would like to display your notification.

  10. Choose the color of the text that will appear in the Notification and the color of the notification’s background. Then, in the Editor on the right hand side, write your content and design your Notification in the Editor, just as you would an email.

  11. Preview how your Notification would look on desktop and mobile devices by clicking on the desktop and mobile icons on the top left corner of the Notification Editor.

  12. Save your Notification by clicking on the “Save as Draft” button, or save and activate it by clicking on the “Save and Activate” button.

Check out the following example where we create a new Web Notification:

ConvertLoop Email Marketing Automation User Analytics Data Intelligence

Please note that you can turn your Web Notifications on and off by clicking on the Status button for each Notification, as shown in the example above.

How to use HTML to customize your Web Notification

Since ConvertLoop wants to give you the possibility to customize your web notifications as freely as you can customize your emails, you can use HTML to design them just the way you like.

To use HTML, click on the red Show HTML Source link at the top right corner of the Notifications Editor, and start writing!

How to personalize your Web Notifications by inserting contact variables

In ConvertLoop, you can personalize your Web Notifications to include your contacts’ information, just as you would in an email message. That way, you can make your Notifications more human and relevant, and less like a bulk pop-up.

To include your contact’s variables in your notification, click on the Contact {…} option that you will find in the menu of the Notification Editor. Then, select the variable you would like to include.

How to insert a button in your Web Notification

Inserting a button in a Web Notification is really easy. Simply click on the Button option in the menu of the Notification editor. Then, fill out to required fields, and click on Ok.

How to insert an image in your Web Notification

Inserting an image in a Web Notification is just as simple as inserting an image in an email message. Simply click on the image icon in the menu of the Notification Editor. Then, fill out the required fields, and click Ok.

How to embed a video in a Web Notification

Coming soon…

How to embed a lead-capture form in a Web Notification

Coming soon…

Didn't find what you were looking for?

Get in touch, we're always happy to help. Email us at: [email protected]

Search