Pricing
Go to app
User Name
Upgrade Help Center

Campaigns: An eye-catcher that can do more

Ola Górska
5 min read
updated: Nov 4, 2024

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.

Old eye-cathcer on the left with caption old way and new eye-catcher on the right with caption new way.

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 benefitsLink icon

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!Link icon

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!

Example coupon campaign that you can set up to engage customers on your website

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 upLink icon

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.

How to enable multiple campaigns on your LiveChat account

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.

Best practices for campaign imagesLink icon

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 simpleLink icon

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.

Two eye-catchers, the left one with a very busy image, the right one with nice and simple image.

Keep the context in mindLink icon

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.

A dark mode eye-catcher on a dark mode website.

Handle animations with careLink icon

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.

An eye catcher with a gif of a paper plane hitting a target.

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!

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

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.

Read the article

Tips and best practices for campaigns

Check how campaigns can be used to generate leads, automate targeted marketing, guide customers around your website, schedule appointments, and more!

Read the article

Start using LiveChat now!

Free 14-day trial AI-driven features No credit card required

Still not convinced? Discover all LiveChat features

Discover Text products: