Eye-catchers help you get more chats by drawing your visitors’ attention to the chat widget on your website. Campaigns can be used as eye-catchers but are more engaging, more personalized, and way more fun. Make use of LiveChat’s Campaigns and grab your visitors’ attention with an eye-catcher that is easily customizable, retina-ready, and responsive.
LiveChat lets you set automated campaigns to proactively start communication with your customers and invite them to chat. This is not the only way campaigns can be used. If you would like to make the chat option more visible on your website, you can set up a campaign to be displayed as soon as the page loads. This way, you get an eye-catcher that is easily customizable, retina-ready, and whose performance you can track.
Key benefits
Why should you start using the eye-catcher campaign or switch from using our old eye-catcher to a campaign that will serve as an eye-catcher? Here are a few good reasons:
Campaigns are retina-ready. Your eye-catcher campaign will look much better on retina screens than our old eye-catcher.
They are easy to customize. You can add images, text, clickable buttons, links, and more.
Their performance can be tracked. You can check your campaign conversion in the Reports section of the LiveChat agent app. If you want to go even deeper, you can track the number of campaigns as well as the number of clicks on buttons with the Google Analytics integration. Experiment with different images and messages to check what converts best.
They can be customized by page or type of visitor. You can set up conditions so that a different eye-catcher campaign is displayed for first-time or returning visitors, or on specific pages on your website.
They are more sensitive to language. Unlike our traditional eye-catcher, which is just a visual file, the message of the eye-catcher campaign is easy to edit and adjust to the language of your choosing.
Campaigns will not be displayed when there are no agents who are accepting chats on your license.
Example usage: coupons giveaway!
One of the coolest templates you can find is the Coupon template. With this template you can seamlessly distribute promo codes among your customers. And thanks to the campaigns feature, you can easily distinguish the desired group of recipients by their browsing history, location or even behavior!
Start your promo campaign by selecting the Coupon template -> Customizing the looks -> adding the coupon code you want to share -> and saving! See below how you can proceed!
Set it up
To set up your attention-grabbing campaign, log into your LiveChat agent app, and go to Engage>Campaigns. If you already have some campaigns set up, make sure to enable Multiple campaigns by switching the toggle in the top right-hand corner to green.
This way your eye-catcher campaign will be displayed first, and your other campaigns will be displayed when their conditions are met. Once multiple campaigns are enabled:
1
Select Recurring.
2
Select Add new campaign.
3
Select a campaign template that fits your use case. Click here to learn more about campaign types.
4
Customize your campaign with pictures, texts and buttons the way you like. Select Next: set conditions to proceed.
5
Here you can set conditions that will determine when your eye-catcher campaign should pop up. If you’d like it to appear immediately on your visitors’ screens, set the delay to zero seconds, and if you’d like it to appear everywhere on your site, delete all other conditions. Select Save to proceed.
6
Name your campaign and tick Set campaign live if you want to make it work immediately. Select Save to finalize the set up.
That’s it. To check how your new eye-catcher looks on your website, open your website in a new private/incognito window.
To open a private/incognito window, press Ctrl+Shift+P or N, depending on the browser, for computers running on Windows OS and Cmd_Shift+P or N, depending on the browser, for computers running on Mac OS.
To open a private/incognito window, press Ctrl+Shift+P or N, depending on the browser, for computers running on Windows OS and Cmd_Shift+P or N, depending on the browser, for computers running on Mac OS.
Campaigns limits
Image upload limit
Max image size: 2300x1500px
Characters limits
Header: 80 characters
Subheader: 220 characters
You can see a live characters counter while typing your campaigns messages, and whenever you’ll go over the limit, you’ll receive a clear message about it.
Best practices for campaign images
The most exciting element of the eye-catcher campaign, or any other campaign for that matter, is the image. This section provides guidelines for choosing an image that will load fast and attract attention but won’t overwhelm your website visitors.
The formats supported are .jpg, .png, and .gif.
The optimal image size for the campaign image is 460x300 px for retina-ready.
Keep it simple, and beware of those small elements.
Keep the context in mind.
Handle animations with care.
Make sure that your minimized chat widget is set to bubble rather than bar because then the campaign is displayed just above the chat bubble. Click here for instructions on how to customize your chat widget.
The first two points are straightforward enough, but what do we mean by the last three?
Keep it simple
The space for the illustration in the campaign is limited. Make sure not to clutter it with too much detail. There’s beauty in simplicity.
Keep the context in mind
Make sure that your campaign stands out from the background but still matches the palette of your website. For example, if your website is designed with a dark color palette, consider the use of slightly lighter colors in your illustration. This applies especially to the background in your image. This will make your campaign more noticeable.
Handle animations with care
Animations are great at attracting attention, but they need to be handled with care. Pick animations that are perfectly looped with nothing fast or flashy. When using animations, be subtle. The aim is to delight your visitors and not overwhelm them, after all.
You can use free services like imgur.com or flickr.com to host your images if you’re not hosting them on your servers.
You can use free services like imgur.com or flickr.com to host your images if you’re not hosting them on your servers.
That’s it. That’s all you need to know to set up an engaging eye-catcher. Don’t be afraid to experiment to find the eye-catcher that works best for you!
RELATED ARTICLES
Tips and best practices for one-time campaigns
One-time campaigns are a customer engagement feature that can help you create urgency. They are displayed to each customer once per lifetime, so the customer can either jump on the opportunity they announce then and there, or they can start a chat to find out more. It really is a win-win situation.
