[Announcement] Introducing Gallery – Ready To Use Solutions Right Inside Your Dashboard

With over 30,000 installations now, we are one of the largest repository of not only customer logos, but, also a wide variety of use-cases that help improve on-site conversion rate and customer engagement. We thought it was time to put all this collective wisdom into a set of ready-to-use templates that you can use out-of-the-box with little or no customization. And, we obliged…

Presenting, The Gallery

A repository of ready to use marketing solutions

WebEngage Gallery

Have you been following our #WebEngageLive series on Twitter? We’ve collated solutions to problems that are most frequently encountered by online businesses, across industry verticals. Gallery is a logical outcome of this effort. Before we jump into how this works, here’s a quick glimpse of what does the gallery contain.

Use-cases Galore. Solutions Galore

Click and deploy solutions for your use-case; for your problem; for your industry!

We are building this repository at a breakneck pace. Check some sample cases for these industries to get a sense on what’s coming – E-commerce, Travel / Hotel, Real Estate, Healthcare, Classifieds / Listings, Blog / Content, Banking & Financial Services, Education, SaaS / Enterprise.

Grab your visitor’s attention with a well-designed welcome overlay incentivizing sign ups.

Customer acquisition in the hyper-competitive e-commerce industry is getting difficult by the day. Gallery offers a gamut of ready to use solutions to convert anonymous visitors into leads. Here’s a few samples.

Click and deploy solutions for running lead generation campaigns on your website (See more)(See less)

Highlight a promotion, deal, coupon, bundle etc. using unobtrusive sticky bars in the header or footer.

Shoppers abandon cart due to reasons like high price, a better deal elsewhere, complicated checkout process etc. When it comes to tackling this problem, prevention is better than recovery. Here’s some of the Gallery solutions we’ve devised towards this.

Click and deploy solutions for reducing Cart Abadonment (See more)(See less)

And there’s more. We’re adding several other ready to use solutions for use cases like Product Discovery, Personalized Messaging, Newsletter Subscription, Increasing Social Clout, Voice of Customer, Customer Satisfaction Survey, NPS etc.

How To Use Gallery?

As simple as – Click  ≫  Preview  ≫  Use

Step 1. Choose your template

  1. When creating a new Notification or Survey in your Dashboard, you can now choose one from the Gallery.
  2. You can browse around, filter solutions by your Use Case and Industry.
  3. You can also look at a live preview of exactly how the solution would look and work.
  4. Once you’ve found a solution you want to use, you need to … wait for it … this is important … click on the USE THIS button and you are good to go! 🙂

Well, almost. We take you through a few guided steps, telling you what we’ve preconfigured and how you can change things as follows.

Step 2. Customize content, visuals and targeting rules

For Notifications, you can customize the content and presentation properties.

For Surveys, you can customize the questionnaire and “thank you” message.

You can set Targeting, stating when, where and to whom the campaign gets shown – learn more about our targeting engine.

Additionally, you can customize the Appearance fully, by applying your own CSS if required.

Step 3. Go Live!

One more click to Activate your campaign and voila!

From zilch to a well-designed running campaign in minutes! As always, we’d love to hear your feedback on this.

Trusted by 30K websites. Live use-case gallery: #WebEngageLive

[Announcement] Revamped Targeting Engine – Introducing Traffic Segments And Event Based Targeting

Today, we are very excited to unveil our new targeting engine for all customers.

All your on-site campaigns (surveys and notifications) can now be targeted in a more elaborate way which includes user profile, behavior and intent data. The targeting screen (second step in campaign creation) on your dashboard is now split into 3 broad categories:

1. Where to show? (Session Level Targeting)
2. Whom to show? (Traffic Segment Targeting)
3. When to show? (Event Trigger Targeting)

Underneath is a quick guide on each of these sections and samples on how to use some of the key components therein.

1. Where to show? (Session Level Targeting)

A user’s activity in any session is a clear indication of his/her intent. Using this section, you can now target users who have expressed their intent in a certain way. E.g. users who have visited certain pages, or have performed more than x number of search queries in a session, or have certain cookies planted in their browser etc.

Page URL Targeting

Here’s how an e-commerce store typically configures an on-site promotion to display when a user visits product pages of product-1 OR product-2.

Another example – let’s say you are an online travel website that allows users to book flights. You’d like to display dynamic on-site promotions/offers to users searching for flights based on the sector they are searching flights for. E.g, in the screenshot below, ALL users performing flight searches FROM NYC to any destination BUT Boston, will get to see a pre-configured offer or message.

WYSIWYT – What You See Is What You Target

WYSIWYT (pronounced /ˈwɪz.i.wɪT/) – What You See Is What You Target is a cool new way for marketing teams to build dynamic rules without having to need their developers for any kind of data integration. E.g if you had to run a promotion on product pages where the product price is greater than $50, you can now do that without needing your developer. Check out this cool explainer video on the feature!

To use this feature you specify the URL of that page on which the variable, you intend to use for targeting, could be found.

See the next steps on using WYSIYT →

2. Whom to show? (Traffic Segment Targeting)

Now, we let you build segments on clickstream information of users. That is, all the data that you see inside Google Analytics can now be used to create a segment of users and target them with specific messages. And the great thing? You don’t need to have Google Analytics on your website, WebEngage tracks and stores all this data for you. These are the options within traffic segment targeting:

Device, Visitor Type & Referrer (Traffic Source)

Here’s a scenario – you run an SEM campaign, for the keyword, say, “shoes”. You want to target users who were acquired by this campaign AND are repeat visitors. Underneath is how can achieve the same. Simple!

3. When to show? (Event Trigger Targeting)

You are gonna love this! In layman terms, we “keep an eye” on what the user does while (s)he is on a particular page on your website. E.g, we track the amount of time a user spends, or, the quantum of scroll done on any page, or, whether a user is about to leave your website altogether!

Well, there’s more… We now let you pass your own events so that you can use them to target users. E.g. you could use events like user logged in, added to cart, visited pricing page more than 5 times etc as criterion to target customers with specific messaging.

Leave Intent Targeting

Are you struggling with high bounce rate and cart abandonment rate on your website? Wait no further and try this hot selling stuff from us. We give you a unique ability to present modal overlays to users who are “about to leave” your website. We do this by tracking the cursor movement and display pre-configured overlays just before the user tries to close or switch tabs. E.g you could use this feature to display an overlay like the one below for users trying to abandon your site with items in their cart.

Read more about Leave Intent Targeting here →

Custom Event Targeting

This is the new stuff we have introduced. Any user action on your website can now trigger a push message on the web. To be able to use events, you need to pass data to WebEngage via the JavaScript SDK. If you are an existing customer, the SDK already sits on your website. You need to use our track method to pass eventscheck out the documentation here.

Underneath are a few sample use-cases around how you can use event targeting.

Sample 1: Targeting users with an on-site message as soon as they add an item to their cart.

Sample 2: Targeting users as soon as they login to your web application. However, the message should ONLY pop for Premium users (we call these as attributes for events).

Sample 3: Targeting users who added any shoe worth more than $150 to their cart AND are leaving your website without completing the transaction.

This change is a step in the direction of WebEngage 2.0 – a multi-channel engagement suite that allows you to segment users and engage with them via email, on-site messages (our current stuff), in-app messages, push notification and text messages. We have brought in the concepts of users and events into our engagement module. We’ll maintain (and enrich) profile of all users on your website/app and maintain his/her activity trail so that you can create meaningful segments for engagement. If you are an existing customer, please pass this documentation to your developers to start using the user and event modules in your dashboard.

We’d love to hear your feedback on this change.

Aside, if you have built some interesting use-cases using our targeting options, and, you’d like to get featured in our case-study section, please get in touch with us.

Trusted by 30K websites. Live use-case gallery: #WebEngageLive

[#WebEngageLive] Personalizing Checkout Experience To Reduce Cart Abandonment

At WebEngage, one of the key pain points we solve for our customers is to reduce their bounce rate and cart abandonment. In the last 6 months, we have amassed tons of data to understand the root cause of the problem and help you solve it better.

We measure consumer psyche based on data collected on thousands of websites globally. This gives us some amazing insights into what works versus what doesn’t when it comes to conversion rate optimization on your cart/checkout page.

The #WebEngageLive series on this blog is aimed at bringing those insights to you. If you have anything to do with e-commerce or online travel, you’d find this post useful.

The Key Insight

Over 70% of users on your site abandon their carts. Depending upon your category and checkout flow on the site, a bulk of them do so anonymously. The reasons vary, but more often than not it revolves around comparative price or an alluring discount offered by your competition.

Reasons For Card Abandonment

Using behaviorally targeted push messages, almost 25% of such users can be made to stay on the checkout page for a bit longer. Interestingly enough, if you present a personalized offer to such users (a real-time push, while they are still on the checkout page), you’d end up converting almost 20% more than usual.

Does That Mean Discounting?

Neither exactly nor always. The point is – loyalty needs to be rewarded and there are many ways to do it.

These are some of our observations –

  • Most companies have some or the other rule based incentives for their users.
  • Most of the times, users aren’t aware of these incentives because they’re not triggered at the right moment, to the right users.
  • Users, therefore, bounce off the website, uninterested.
  • Incentives remain unused leading to loss of potential sales.

An interesting solution to engage potential consumers would be to trigger these incentives/offers/promotions when its needed the most.

Here’s a scenario …
A user lands on your site, intends to make a purchase, adds a product to cart and goes to the checkout page. Then (s)he decides to leave. What do you do? Well, make one last attempt to reach out with your best offer for the user to finish the transaction!

And here comes the sales pitch! … 😉
WebEngage can be a very effective tool in reducing the cart abandonment to a great deal. For illustration sake, let us consider you own an online clothing store. Your core clientele would most probably be the female demographic aged between 18 and 25. Money spenders and perennially distracted, which explains the high bounce rates from your cart page. Here’s how we help you convert them …

You have an inventory of unused offers, discount codes etc which you decide to leverage with WebEngage. Here are three different ways you can use WebEngage to push the right offer at the right time and make a sale instead of struggle with abandoned carts:

Use-case I: Use our Callout Notifications just next to your “got a coupon code?” box on the checkout page

Even if your user reaches the cart (s)he is still in two minds about the purchase (you can guess that by the time spent on the page). At this juncture, you choose to pop a discount code as shown and lure the user into making a purchase. Everybody loves surprises, you see!

Related reading:
Callout Notifications: blog.webengage.com/callout-notifications
Targeting Rules: help.webengage.com/targeting/how-to-setup-targeting-rules

Use-case II: Catch hold of users bouncing off the cart!

Did you know that we have a targeting capability inside WebEngage which allows you to push a Notification to users who are “about to abandon your site“? We call it Leave Intent Targeting. The idea is simple – make one last attempt to close a sale, before the user leaves your site.


Related reading:
Modal Notifications: blog.webengage.com/modal-notification-layout
Leave Intent Targeting: blog.webengage.com/leave-intent-targeting

Use-case III: Personalized offers based on user profile and purchase history

Loyalty is a rare quality and also, an under appreciated one. Users feel good when you recognize them and give them a little something just for the fact that they have stuck with you for so long. We let you achieve this via, what we call as, Custom Targeting. Don’t you love it when you see something like this?

Need to see more? Check out our live use-case gallery: #WebEngageLive



[Announcement] WYSIWYT (What You See Is What You Target) – Live Targeting On Webpage Content/Data

Customers, you are gonna love this! We have a introduced a brand new way to target users on your site – based on content/data present on your website’s pages. We call this WYSIWYT (pronounced /ˈwɪz.i.wɪT/).

Index:

What is WYSIWYT?

What You See Is What You Target is a cool new way for you to build rules based on data/content that can be visually located on your website.

Take a look at this quick explainer video to begin with:

Loved it? 🙂

Why/When should I use it?

First thing first, everything that you can do with WYSIYT is possible with our custom rules. However, to use custom rules, there’s some amount of JavaScript variable integration that has to be done on your website. Given how much marketing and product folks love us for NOT having to involve their development/IT teams in WebEngage experiments, we took the plunge and created this visual targeting add-on inside WebEngage.

With WYSIWYT, you can now build dynamic rules without fiddling with any code. These rules can be based on any visual content or data that you can SEE on your website. E.g in the video above, you saw how WYSIWYT was used to push a notification on your product pages, ONLY when the product’s price is greater than $200. You can now build similar rules from the comfort of your dashboard. Also, this rule can be paired up with all the existing targeting rules. Yes, you heard it right – no code needed. Underneath are a few more use-cases to explain the possibilities.

Using WYSIWYT to offer an instant discount code to users abandoning your cart page, if their total cart value is more than, say, $500.

We have helped hundreds of e-commerce companies globally reduce their cart abandonment. The best aspect of what we do is that we are an instant solution – on your website, at the moment of the abandon! WebEngage’s push engine gives you this instant ability to control abandonment. Take a look at this. And, this. And, this. And, this. And, this … We can go on and on.

Now, let’s say, you wanted to use one of the samples above, on your cart. But ONLY when the total cart value is, say, more than $500.

Do you SEE the “total cart value” on your website’s checkout page? Yes? Done!

All you have to do is to “find” the placeholder for “total cart value” (shown above) and then build a rule saying “total cart value is greater than $500” (shown below).

These are the possible outcomes on your website!


Using WYSIWYT to push notifications/surveys to signed-in users.

Don’t all of us want to personalize a users experience on our website? Websites use WebEngage to push highly personalized messages/offers in different areas of their workflow. Here’s a sample.

Coming back to the point, let’s say, your goal was simple – to push a notification ONLY to logged-in users on your website.

Do you SEE something on your site, that helps you visually identify when you are logged-in? Is it the “My Account” link? Or, the “Logout” button? Or, the non-existence or Sign-in button? Did you say yes? Okay, done!

You locate the placeholder to find such an identifier for the “logged-in” state of the user (shown above) and then build a rule saying “Sign-in placeholder doesn’t exist” (shown below) – which essentially means pushing something to users who are signed in.

Here’s the outcome on your website!

Using WYSIWYT to nudge returning visitor who have items in their cart, pending checkout.

Our Callout Notifications have been increasingly used to re-target such users. Here’s a sample.

Let’s say, you wanted to configure such notifications on your site. Needless to say, this only needs to be shown to users who have items pending for checkout in their cart.

Do you SEE anything on your site, which visually indicates that a user has some items in the cart? Yes? Done!

You can locate the “cart item count” variable on your site (shown above) and then build a rule saying “cart item count greater than 0” (shown below).

Here’s the outcome on your website!

Using WYSIWYT to generate leads from users on your listing pages, if (s)he is viewing a premium listing.

Premium partners/advertisers need a premium treatment. What if you could generate leads for them or run promotions like this, or this, or this for them on your website?

Let’s say you want to push a time-delayed lead generation survey (like this, or this) on your website but ONLY when a user viewing a “Premium Listing” page on your website.

Do you SEE a way to identify a “Premium Listing” on your website? An icon saying “featured” or “premium”? Or, something else? If yes, done!

You can locate the “Premium listing marker” on your site (shown above) and then build a rule saying “Premium listing marker exists” (shown below).

Here’s the outcome on your website!

How to use WYSIWYT?

The feature is now a targeting option under the “targeting rules” section for each of your surveys/notification. Underneath is a screenshot from the targeting page. You start by opening the URL on which on need to find a placeholder (node).

Did you do something cool with WYSIWYT for your CRO? Let us know, we’d love to feature you in our case-study section.

Note: WYSIWYT is only available in the Premium and Enterprise plans. If you need to try this one out before upgrading, let us know – we’ll give you trial access for a week. Also, there’s no extra code needed for this add-on to work. Your current integration code will do the job. Please make sure that the page on which you are trying to locate a placeholder has the WebEngage widget integrated.

Need to see more, but don’t have the patience for such long reads?
Check out our use-case gallery on Twitter

#WebEngageLive



[Case Study] How WorldRemit Improved The Conversion Rate On Traffic Coming From Their Email Marketing Campaigns By 25%

Customer Profile
WorldRemit LogoWorldRemit is a rapidly growing online money transfer company that is shaking-up the traditionally offline remittances industry. Its award-winning service enables migrants and expatriate workers to send money oversees from 50 countries to more than 110 destinations. WorldRemit is available on the web or via smartphones or tablets. Money is received as a bank deposit, cash pickup, to a Mobile Money service or as a mobile airtime top-up.
The Objective
WorldRemit uses email and social media to provide customers, fans and followers with short-burst promotion. Because these offers are targeted at selected individuals, the company needed to offer a tailored experience for those people within its website. Placing static content within the existing CMS would not have provided the targeting required.

The product team had these two major goals when they chose to use WebEngage:

  • To support targeted promotions with a custom online experience.
  • To prove these promotions have an uplift on conversion to justify using them.
How WorldRemit used WebEngage to achieve their objective?
The WorldRemit team created their on-site promotions using WebEngage Notifications – adding copy, uploading images, styling the notifications and most importantly, using targeting rules to pop these to the right segment of users coming to their site via corresponding email marketing campaigns.

WebEngage Notification in action

Targeting was maintained across email and web by identifying the promotion with a URL query parameter that passed the promotion code through to the WorldRemit website. WebEngage was configured to behaviorally target users based on their activity on the site. E.g. on the desktop site, once a user (who came to the site via an email campaign) tried to leave the website, a pre-configured push notification (like the one above) would pop on the site.

Using A/B testing, the WorldRemit team found out that users who were nudged with a WebEngage Notification, converted 25% better than the rest.

For more on such rules, here’s a quick knowledgebase on WebEngage’s Targeting engine.
How did WorldRemit put it all together?
In a nutshell, here’s how this worked – WorldRemit, while sending out emails, would append a unique tracking parameter in the URL to the links inside the email’s body. When a user clicks on those links and comes to the website, WebEngage starts tracking user journey if a Notification/Survey is pre-configured to display for that tracking parameter. Using an interesting mix of engagement levels, behavioral and device targeting, WorldRemit improved the conversion funnel for such users via some interesting on-site Notifications.

Here’s a step-by-step guide on how WorldRemit set up this campaign:

1. Inject WebEngage Tracking Parameters in Email Campaigns.

2. Create Notification > Choose a Layout.

3. Create Notification body > Choose/create Theme.






4. Add rules for the Notification > Activate the Notification.
By adding, Page URL Targeting rule, it was made sure that the Notification was ONLY shown to users coming via the email campaign. Further, the rules (as shown below) were differently set for users coming via their desktop browser versus mobile devices. The image underneath shows rules for two different Notification Layouts, desktop and mobile modal respectively.

The team at WorldRemit set up this entire campaign in less that 45 mins. The best part being that at no point in time, they had to change any code on their website – all the knobs and controls they needed, were inside WebEngage’s dashboard!

The Result!
Users seeing WebEngage notifications on-site, converted 25% better compared to those that did not see the promotion – WorldRemit ran A/B tests to come to this conclusion.

Best practice landing page development suggests continuing the visual journey for the user and carrying a consistent message was a key driver behind this. Which essentially means WebEngage makes your email marketing even more awesome! 🙂

Credits: Thanks to Depesh Mandalia (Head of Conversion Rate Optimisation at WorldRemit) for his input into this case-study. WorldRemit uses WebEngage to collect customer insights and optimize the RoI on their online marketing spends. Via WebEngage push messages, WorldRemit ensures that their customers receive a great user experience. At WebEngage, we love the fact that the WorldRemit team are huge advocates of our toolkit.

Need to see more, but don’t have the patience for such long reads?
Check out our use-case gallery on Twitter

#WebEngageLive



[Release Announcement] Callouts – Speech Bubble Style Push Notifications With Visual Selection Of The Pointer

We are glad to present our latest Notification Layout to you. Say hello to Callout Notifications.

In layman terms, we have made it super easy for you to choose a section or an HTML element (text box / layers / images etc) or a link on your website and create a push notification message pointed at that element. Add to that the magic of targeting rules, you can choose to show these notifications ONLY to visitors who match a certain criteria (e.g. show only to visitors coming from Google search or only after a user has spent certain amount of time on the site etc. Here’s more on targeting).

Try A Live Demo Of Callout Notification

Here’s how a Callout Notification looks like, on customer’s website:

Do you like the ability to push such notifications that can be pointed at links or sections on your website? That too, without adding any extra code to your website? We have put together a bunch of use-cases where you’ll find this layout very handy:
  • Announcing new features on your website. Take a look at this use-case, for example. More often than not, every new feature is a small link or button on your site which faces discovery issues. This link or button or HTML section on your website doesn’t get the user attention that it deserves. Use our Callout to improve the discovery of such features. You can thank us later 🙂
  • Display personalized and to-the-point call to actions to users based on their traffic source. If you want to draw the attention of a visitor coming from, say, an affiliate website, to a specific link on the page, you can do so using our targeting rules. We have a wide range of options that allow you to choose who would you like to display each of your notifications to – based on traffic source (ads, affiliates, organic etc), based on visitor’s GEO, based on URL patterns of pages that a user on your website is visiting, based on cookies, based on time spent etc. Here’s a comprehensive guide on targeting rules.
  • Educate users on how to optimally use your features; make them productive. Check out this use-case. Users on your site tend to use your product in a certain way. There’s always a room for you to educate them on how to go about using your features so that they can be more productive. Using custom targeting, these Callouts can be displayed based on user behavior.
  • Improve your demo and on-boarding process with callouts. Is yours a SaaS or an Enterprise software product? Callouts are a great tool for on-boarding new users and helping them in getting started with your product. Contextual messaging can make a huge difference in conversions – try us and see for yourself.
  • Display targeted notifications to returning users based on their actions in the past. Take a look at the opening sample image in this post which illustrates how a visitor who abandoned his/her cart in the previous session is being targeted dynamically upon returning back to the site. Via our dynamic notifications, we have improved sales by over 5% for some of our customers – here’s a case-study.

Tempted to use this new layout? Sure! Underneath is a step-by-step guide on how to use Callout Notifications:

Step 1. Create a Callout Notification
a. You start by choosing a layout. Select Callout in the list.

b. Add content to your callout box – it supports HTML rich content. You can switch to HTML editor mode by clicking on </> icon in the “Description” box.

Step 2. Add layout specific options, choose theme and preview live
a. Specify options like box width, arrow directions etc.

b. Choose from the list of available system themes or create your own. Properties like background color, fonts etc can be customized as shown below.

c. An in-place live preview window gives you an idea of how your notification is going to look like.

Step 3. Choose where you want to point your callout to
a. Now comes the trickiest part! To which section or link or HTML element on your site should this Callout point to? There are two possible ways to specify that – #1. if you know the ID attribute value of the element on the HTML page, select the second option (as shown below) and mention the ID value. Save and you are good to go. #2. If all of what was said in #1 sounds alien to you, select the first option (as shown below) and specify a page URL on your site where that element is visually present.

b. When you click on “open link”, the URL opens in a new window with a WebEngage toolbar loaded on the page. Please note that the WebEngage default code should be present on this page for the node selector to work.

c. Your page now runs in selection mode. You can hover over and select the node where you want the Callout to be pointed at.

d. Add an identifier for this element – a name that you can use even at a later date.

e. Welcome back to the dashboard! You just selected the HTML node to which this Callout will be pointed to. To change node, click reset.

Step 4. Add targeting rules
You can choose from a wide range of options like page URLs, users GEO, traffic source etc to filter the audience who should see this notification on your website. Here’s a complete guide on all available targeting options.

Step 5. Activate and go live!

Step 6. Get realtime stats and reports. Optimize.
a. View the performance summary of your notification in real-time.

b. View aggregate reports for users who are engaging with your notification. Tweak your notification to optimize performance.

Hope you liked what you saw. If you are an existing customer, you can log on to your dashboard and use this new layout right away. Your comments/feedback will help us improve – let it come.



[Case Study] How Yatra Cross-sold Hotel Inventory To 5% Of Its Customers Booking Flights – WebEngage Impact

Customer Profile
Yatra.com is India’s leading online travel company. Positioned as a brand “Creating Happy Travellers”, it provides information, pricing, availability, and booking facility for domestic and international air travel, railway reservation, hotel bookings, holiday packages, buses, and car rentals. Yatra offers a host of travel services designed to make business and leisure travel easier. Yatra is the second largest online travel agent in India and generates over USD 70 Million in revenues.
The Objective

As expected, most customers quickly go ahead with “Find Flights” options, as shown below, rather than choose the “Find Flights + Hotels” option. This, despite the fact that Yatra has some really strong and compelling hotel deals to offer.
The product marketing team had these two major objectives:

  • Figure out a compelling way to convey some of the “hottest deals” to users without obstructing their experience.
  • Cross-sell their hotel inventory to fliers who didn’t choose the “Find Flights + Hotels” option.
How Yatra used WebEngage to achieve their objective?

This was a clear cut use-case for our Notification product. However, unlike regular use-cases, the messaging had to be dynamic based on user query. E.g. a flier searching for “Delhi-Mumbai” flight – the hottest deal that should be showcased had to be a hotel in Mumbai .. and so on.

Welcome to WebEngage’s Dynamic Notifications!

Underneath is a sample of the final product, as being shown to customers searching for domestic flights on Yatra.

How did Yatra put it all together?

We allow the use of [[tokens]] in Notifications, which essentially means that you can add pre-defined placeholders while creating a push message in the dashboard, and replace them with real values while rendering it on your site, dynamically, via our JavaScript API.

Here’s a step-by-step guide on how Yatra set up this Dynamic Notification:

1. Create Notification > Choose a Layout.

2. Create Notification body > Add Tokens > Choose/create Theme.





3. Add rules for the Notification > Activate the Notification.

4. Tweak the integration code to pass dynamic information.

//in addition to the default WebEngage integration code, here's how Yatra
//makes the rules and tokes work inside this notification
_weq['webengage.notification.ruleData'] = {
  flightOnly: (true|false) //depending upon user query
};
 
//for users searching only for flight, Yatra triggers an AJAX request to their
//server for fetching the best hotel deal relevant to user's query.
//once the data is available, here's how token content is populated.
_weq["webengage.notification.tokens"] = {
  totalMin: "16,815",
  flt_code: "SG-851",
  org_code: "BOM",
  dest_code: "DEL",
  ddate: "Fri, 21 Mar",
  dtime: "05:55",
  atime: "08:10",
  hotelName: "The Beaufort Inn",
  totalStrike: "21,562",
  totalMin: "16,815",
  url: "http://dpack.yatra.com/flights-hotels/dyna/wait?type=R
        &amp;viewName=normal&amp;scope=dom&amp;flexi=0&amp;noOfSegments=2&amp;
        flight_depart_date=12/03/2014&amp;arrivalDate=14/03/2014&amp;ADT=1
        &amp;CHD=0&amp;INF=0&amp;class=Economy&amp;origin=DEL&amp;destination=BOM
        &amp;partial=true&amp;source=flights"
  ...
  ...
  /* similarly all other [[tokens]] were populated with data */
};

It took less than 2 hours of effort for Yatra to go live with this Notification on their site.

The Result!

Of

all the users booking on a flight on Yatra, we managed to get 5% of them to upgrade to a “flight + hotel” combination deal. In a nutshell, WebEngage helped Yatra cross-sell its hotel deals to 5% of the total audience booking a flight on the site.

Credits: Thanks to Animesh (Head of Marketing & Alliances at Yatra) for his inputs on this case-study. Special thanks to Guru and Sandeep from Yatra’s development team who build some very interesting use-cases on top of our JavaScript API. Close to 20 people at Yatra, in product and marketing, use WebEngage every day. We love them!

Need to see more, but don’t have the patience for such long reads?

Check out our use-case gallery on Twitter

#WebEngageLive


[Announcement] Introducing the Modal (Lightbox) Notification Layout

We are excited to announce the addition of yet another gem in our kitty, a brand new Notification layout – we call it the Modal (Lightbox) layout. This layout allows you to build blocking page overlays containing rich HTML content – no prizes for guessing that though 🙂

Try a demo of Modal (Lightbox) layout

Here’s how a sample layout looks on customer’s website:

Our Modal (Lightbox) layout in action

Cool, ain’t it? 🙂 You can use this layout for a wide variety of use-cases. For your ready reference, we have put some of them underneath:

  • Display page blocking content to users exiting your site. This layout can be used in conjunction with our leave intent targeting to convert users who are exiting your site, by making one last attempt to stop them from leaving by displaying a relevant offer/message/promotion.
  • Create page diversions based on rules. Want to ask visitors coming from Mexico to your “.com” website to visit your “.com.mx” website instead? Want similar rules based on traffic source (Google Search, Affiliate site), cookies, user’s browser, platform etc to create an overlay and ask users to go somewhere else? Say hello to the Modal (Lighbox) layout. Check out the targeting rules you can use.
  • Display offers/deals on your campaign landing pages. Do you run ad campaigns to get people on your site? Use our traffic source targeting to identify such users and display an overlay on your landing page. You can design the content therein to be rich HTML with images, hyperlinks etc.
  • Blocking page content to drive paid content subscriptions. Wanna drive paid content subscription on your site? Present a page blocking overlay to visitors asking them to buy a subscription. Using targeting, you can choose to do it only on certain categories of content or sections of your site.
  • Handhold first time visitors on your site. Educate the first time visitors on how to use your site. Add images, screenshots, videos etc in the content area to make the most of it. Once you have created the notification, you can specify “for new visitors only” in the targeting section. Simple!

Can’t wait to use it? We know! It can really get tempting 😉 The best part with this is that, if you are an existing customer, you won’t need to change ANY code on your website. Like all things WebEngage, this too will work out-of-the-box. Here’s a step-by-step guide on how to create this notification for your website:

Step 1. Create a notification

Choose the Modal window layout to start creating your notification

Step 2. Add content and call-to-action (and

preview the changes live!)

Add rich HTML content to the content area and an optional call-to-action

Step 3. Configure options specific to this layout (Modal) and add/modify UI theme

Choose the width of content area, alignment of c2a button etc

Tweak the UI color scheme by modifying theme

Step 4. Add rules to filter the audience which gets to see this notification (more on targeting here)

The rule above says – display this notification ONLY on this post (url) for users leaving the site (leave intent)

Step 5. Advanced options; activate and go live!

Optionally run the notification as a campaign, activate and go live!

Step 6. Get realtime stats and reports. Optimize.

Realtime clickthrough reports – based on geo, browser etc

Demo time? If you are using a PC browser, try moving towards the browser close button and see this notification in action; else, try clicking on the button below:
Try a demo of Modal (Lightbox) layout

Hope you liked what you saw. Your comments are welcome.

Not a customer yet? Join the league of 15,000 websites globally who trust us with their on-site conversions and customer engagement. Start your 14 day FREE trial today!

Stay tuned. We love you!