Pricing
Go to app
User Name
Upgrade Help Center

Website Widget: Welcome Screen

Wojciech Pollok
4 min read
updated: Nov 2, 2024

You’re strolling down the street in search of a new purchase. You come across two stores. One looks like your run-of-the-mill, generic establishment—nothing really catches your eye. The other? Oh, it’s a whole different story. Its storefront is sleek, visually stunning, and beckons you with tempting offers and crystal-clear visuals. Which one do you enter? Exactly.

That split-second decision illustrates the power of a first impression. And in the realm of online customer engagement, that’s where the welcome screen comes into play. It’s like the front door to your digital chat. Whether you’re running a support or sales line, it’s decked out with your brand’s logo and custom texts to captivate your visitors from the get-go.

Now, imagine this welcome screen not just as a pretty facade but as a Swiss Army knife of utility. With special addons for HelpDesk and KnowledgeBase, your visitors can dive straight into self-service without even starting a chat. Need to schedule meetings or grow your subscriber list? Just add your own custom links, and you’re good to go. What if they need to chat? The option is right there, always available. That’s omnichannel for you!

Animation showcasing how the Welcome Screen expands with options and buttons like “Leave a ticket”, “Chat now”, “Search articles”, “Follow us on X”.

And it’s super easy to set up! Dive into the details and create your own welcome screen:

1. Enable your welcome screen

Add a sleek, elegant, and useful front to your chat widget.

2. Customize your welcome screen with a custom logo and welcome text

Show off your brand’s uniqueness with a custom logo that fits your website design. Attract customers with a sincere welcome.

3. Display a KnowledgeBase search bar, Helpdesk ticket form, and link custom services in the welcome screen

Open the whole omnichannel to your audience. Make your services available in one place. Serve the best experience to your customers in an intuitive and convenient way.

Switch on/off your welcome screenLink icon

You can choose to display and customize your welcome screen differently for each agent group. Pick the group at the top of the welcome screen settings section and make the changes.
  1. Navigate to the welcome screen settings section.

A yellow arrow pointing to a “Welcome screen” settings section, showing how to find the Welcome screen settings

  1. Scroll down and expand the Change settings drop-down menu.

Yellow arrow pointing to the “Change settings” tab, on the Welcome screen settings section

  1. Toggle on/off your welcome screen.

Yellow arrow pointing to a toggle switch assigned to the “Show welcome screen” setting.

  1. Save changes to complete the setup.

Customize your welcome screen headerLink icon

  1. Start by navigating to the welcome screen settings section.

  1. Expand the Customize header drop-down menu.

  1. You can upload your logo, hide it, and manage the welcome text.

  1. Save changes to complete the setup.
Keep it short and simple. Use a tone of voice that fits your website. Try engaging forms, like a question. If your business handles a specific use case, address it in your greeting.
Keep it short and simple. Use a tone of voice that fits your website. Try engaging forms, like a question. If your business handles a specific use case, address it in your greeting.
  • Display a ticket form in your chat widget. Provide support when you’re offline.
  • Add a KnowledgeBase search bar to let your customers browse articles inside a chat.
  • Improve your customers’ experience by linking relevant services right where they seek contact with your brand.

Start by navigating to the welcome screen settings section. Expand the Manage content drop-down menu.

KnowledgeBase and HelpDesk addonsLink icon

You need the HelpDesk integration and/or KnowledgeBase integration installed for a chosen welcome screen add-on to work. If you want the ticket form and the articles search bar to work while agents are offline, set the chat widget availability to always.
  1. Select Activate on the HelpDesk and KnowledgeBase tabs to add these tools to your welcome screen.

  1. Select Customize to change the Title, Description and/or Placeholder text in the search area.

3. To disable the tab or navigate quickly to the HelpDesk or KnowledgeBase platform, select the ellipsis button and then the option you’re interested in.

  1. Save changes to complete the setup.
  1. Select Add links on the Custom links tab.

  1. Paste a link you wish to add to your welcome screen.

  1. Select the arrow on the right to place the link. Add a name text that will show up on the welcome screen instead of a raw link address.

  1. Save changes to complete the setup.
You can add multiple links while editing your welcome screen, sort them, and even paste emoticons in the name field!
You can add multiple links while editing your welcome screen, sort them, and even paste emoticons in the name field!

That’s it! Your welcome screen configuration is complete. See how engagement scales, and close deals with a chat front worthy of your store!

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

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: