All Collections
For Fun! 🥳
For Fun: Create a Help Center with tawk.to
For Fun: Create a Help Center with tawk.to

Embed a custom help center in your app with articles and chat so attendees can "tawk" to you

Benji Ciko avatar
Written by Benji Ciko
Updated over a week ago

⚠️ Caution, this article is intended to share a potential fun use case for our incredibly flexible platform. We don't have a partnership with any vendors listed in this article, and our team doesn't provide technical support for their products. For help with any outside vendors, contact their support.

For examples of our For Fun articles in action, join our For Fun demo event by clicking the button below. 👇 Simply sign up for the Event App with your email or social login and start exploring!

About tawk.to

Use tawk.to to easily create a customized help center that includes a knowledge base and live chat, then seamlessly embed it in your Event App or Community as a standalone feature, or in a live stream Custom Tab. Keep reading to learn more! 📖

Screenshot of a tawk.to help center embedded in a Web App.

tawk.to Resources

For more information on tawk.to, including how-to's, capabilities, and more, refer to their awesome Help Center. We particularly recommend the following resources:

Create Your tawk.to Help Center

Visit tawk.to and create an account, then you'll be guided through creating a new Property. Enter the name of your event and paste the shareable Web App link found in the Webex Events Platform. This lets tawk.to embed the chat widget in your Web App. Finally, enter a Widget Name such as "Event Help", and click Next.

Screenshot of the Property Details step.

On the next step, add any other team members that should have access to the knowledge base and select whether they should have access as an admin or agent. To learn more about these roles, refer to the tawk.to article about inviting and managing agents. After you're done inviting team members, click Next.

On Step 4, simply click Done.

Set up the Knowledge Base

You should now be on your account dashboard. It's time to set up your Knowledge Base!

Click the Knowledge Base book icon in the left menu, then click Set up Knowledge Base to start creating a page. On the page that appears, click Start.

Screenshot of the Knowledge Base page.

General Settings

On this page, enter a Knowledge Base name, subdomain, and default language. Tawk.to suggests a name and domain based on your Property Name. Click Next when you're done.

Screenshot of the General Settings step.

Appearance

In the Appearance section, we recommend uploading your event’s logo and then setting the base color to match your event’s branding. Choose your preferred Font Style, then click Next.

You should now be on the management page for your Knowledge Base. There are lots of customizations you can do, and the tawk.to article about setting up the Knowledge Base has more information.

Add articles

Now that you've customized all of your Knowledge Base settings, it's time to start adding articles and categories. Tawk.to provides excellent instructions on adding articles.

💡 Keep in mind, if you have six or more articles, consider putting articles under categories. That way, attendees can quickly browse to find relevant articles.

Customize the Chat Widget (optional)

If you want to provide chat support to your attendees, go to the Configure page and click the Chat Widget option under Channels. If you need help with setup, refer to the tawk.to article about configuring the Chat Widget.

Embed the Knowledge Base

Once you're done configuring your Knowledge Base, articles, and Chat Widget, you're ready to embed the help center in your app.

From the Knowledge Base channel page, copy the Subdomain URL.

Screenshot of the Knowledge Base channel page. The Subdomain link is indicated.

Add a help center feature

If you'd like a dedicated page in your event where folks can read your help content and access chat, you can do so with the Web Link feature.

Simply add the feature to your event, edit it, and enter the URL you copied in the previous step. Make sure you uncheck the 'Open link in external browser' box so the Knowledge Base will be embedded in your Event App's web experience. You don't need to check the 'Pass Data to URL' checkbox.

Screenshot of the Edit Web Link modal.

💡 Keep in mind, you can change the feature name and icon to better reflect your help center! Click the Settings (⚙️) icon to change them.

Your help content is embedded in the web experience, so attendees can get help or more information without leaving your Event App.

Screenshot of a tawk.to help center embedded in a Web App.

Mobile app users can click the tawk.to feature to launch the help center in their device's default browser.

Embed with a Custom Tab

If you want to use your tawk.to Knowledge Base to provide help during live streams, you can add it to a Live Stream feature or a Session. For more information, refer to our article about Custom Tabs.

Screenshot of the Custom Tab section of an Agenda session's settings.

Web App users can access your help content in a tab to the right of the live stream panel, so they can get help or more information without leaving the live stream or opening a new browser tab.

Screenshot of a Tawk.to knowledge base embedded in a custom tab next to an Agenda session live stream.

Mobile app users can click the custom tab to launch the help center in their device's default browser.

Now you know all about using tawk.to in your event! Thanks for coming to my tawk. 😉

Missing something?

Let us know if you used this in your event and found a specific feature useful, or if we missed something that you think we should share with other customers.

Questions? For help with any outside vendors, please contact their support.

Did this answer your question?