Teaser setup and adjustments

A teaser is added with a few clicks to draw attention to the service in the chat and can be customised for this purpose.

Create teaser

Edit teaser

Activate teaser

Customise teaser behaviour

Analyse teaser usage

A teaser appears next to the chat widget icon on the website and can be configured for each sub-page of the website in order to greet and directly offer suitable intents in the respective context. You can set up a teaser and activate it on all pages or on selected pages. By using specific teasers that fit the respective page, engagement is increased even more.

On the one hand, the teaser consists of a text message such as "How can I help you?", which attracts the attention of the website visitors. On the other hand, action buttons can be created that suggest chatbot intents to users that match the page.

The action button "Ask a question" is set as the default button to address any question requirement. For the various subpages, suitable action buttons can be added, which directly display the content of a specific intent.

1. Create teaser 

The teaser administration is located in the menu Widget & Teaser under Teaser Setup.

Bildschirmfoto 2022-09-13 um 10.36.39

A new teaser can be created via the Add button. Then a name must be defined for the teaser, which is only important for the teaser management. To create the teaser, the Create Teaser button must be clicked.

A standard teaser with one action button is created. In the sidebar you get a preview of the teaser.

Bildschirmfoto 2022-09-13 um 10.39.32

2. Edit teaser

The teaser can now be edited. To do this, click on the edit pen. A newly created teaser is deactivated. The preview of the teaser is also directly visible in the editor view and adapts to each change in content.

Bildschirmfoto 2022-09-13 um 10.40.42

To add another teaser action, click on the Add Action button. An intent, form or "start conversation" can be selected as an action. It is important that only intents that are already live and active are available for selection.

Bildschirmfoto 2022-09-13 um 10.47.17

Limiting web pages for playout

By default, the teaser is displayed on all pages where the chat widget is visable. If you want to limit this, various rules can be defined.

Bildschirmfoto 2022-09-13 um 10.53.07

To do this, activate Advanced options.

Now you can choose from two different types of rule restrictions. The teaser is only played on pages that fulfil one of the following rules or it is only played on all other pages that do not fulfil these rules.

Bildschirmfoto 2022-09-13 um 10.54.29

Any conditions can be defined, but only of the one type. Each condition can be either an "Exact URL", a URL "incl. subpages" or a keyword.

- Exact URL:
This condition is fulfilled if the teaser is requested from exactly this page, e.g. www.moin.ai/preise.

- Incl. subpages:
This condition is fulfilled as soon as the teaser is requested on a page whose URL starts exactly with it and is therefore a partial URL, e.g. www.moin.ai/feature would also be fulfilled on www.moin.ai/feature/dreaming.

- Keyword:
This condition is fulfilled as soon as the teaser is requested on a page whose URL contains the keyword, e.g. marketing would be fulfilled on the page www.moin.ai/sales-marketing-chatbots.

3. Activate teaser

Once the teaser has been edited as desired, it can now be activated. To do this, activate the teaser at the very top in editing mode and then save it or activate the teaser in the teaser list via the context menu.

Bildschirmfoto 2022-09-13 um 11.21.34

The order of the individual teasers on the overview page plays a major role in the choice of which teaser is played. The teaser at the top of the list has the highest priority and if all conditions for playing out are fulfilled and the teaser is active, it will be played out. The order of the teasers can be shifted in the list via the context menu.

Duplicate teaser

A teaser can be duplicated quickly and easily in the list via the context menu. The newly created teaser is initially deactivated, but otherwise contains all the contents and settings of the selected teaser.

Delete or deactivate teaser

Via the context menu, a teaser can also be simply deleted or only deactivated.

 

4. Customise teaser behaviour

For each teaser, separate adjustments can be made to the behaviour of the playout on the website.

Time-delayed playout

The teaser is played out regularly after one second. This time can be adjusted as needed for each teaser.
Bildschirmfoto 2022-09-13 um 11.22.38

Mobile or desktop?

The teaser can appear on different devices. A teaser can be played on all devices or displayed only on the mobile version or the desktop version of the website. 

Bildschirmfoto 2022-09-13 um 11.22.54

Remember teaser closure

The teaser is played when a page is opened. It is no longer displayed if users have interacted with the action buttons or opened the chat widget directly. If users click the close X button, the teaser will disappear and reappear when they reload the page or open a subpage. This behaviour is the recommended default setting.

The general behaviour of all teasers can be set in the Widget & Teaser area and there under Widget Display. There you will find a section Remember Widget Usage in the lower section.

If user data saving is allowed, the active closing of a teaser by a user can be remembered. To do this, select the duration for which the closing of the teaser is to be remembered. The user will not be shown a teaser again for this duration.

Bildschirmfoto 2022-09-13 um 11.23.21

 


Alternative - Create teaser for manual integration 

Instead of creating a teaser in the moinAI Hub Teaser Manager, a teaser can be designed in the Hub preview and generated as code to be manually added to the website e.g. using the Google Tag Manager.

Recommendation: Teasers should be created and adjusted using Teaser Management in the moinAI Hub. The manual teaser is outdated.

The teaser message and the action buttons below it can be defined differently for each subpage. To do this, the customised code is only integrated for certain subpages on the website.

<script>

//ChatWidgetReady function signals that the script is fully operational
//this function is called when the client side api can be accessed

var chatWidgetReady = function() {

     //place your own logic in this function.
     //example for teaser
     window.knowhere.api.teaser({
       showTeaser: true,
       showAvatar: true,
       message: 'How can I help you?',
       quickActions: [{
           text: 'Ask question',
           intent: 'start'
         },
         {
           text: 'Request advice',
           intent: 'faq_advice'
         }
       ]
     })
}
</script>


The article on teaser customisation describes possible changes to the behaviour of the manual chat widget teaser.