Manage Website Widget Behaviour

Learning Statement: In this article you will learn how to adjust the behavior of the Website Widgets.
Audience: This article is aimed at OMBEA Insights users using the Online module.

Introduction

When it comes to Website Widgets, you can do the following:

  1. Define which pages will show a Website Widget.
  2. Define where on the page the Website Widget should appear.
  3. Set a Website Widget to appear only when you ‘call’ it.
  4. Use a HTML container for custom Website Widget positioning.
  5. Set a Website Widget to appear automatically, using a timer.
  6. Set the delay before a timed Website Widget reappears for a visitor.

Steps

Define which pages will show a Website Widget

  • You adjust this setting by editing the Touchpoint.
  • You will find the setting under the heading Choose where to display.

You can use keywords or full web addresses in the include/exclude lists. For example, if you wanted to show your Website Widget on all web addresses that contain the word ‘Product’, then simply add the word ‘product’ to the list.

Define where on the page the Website Widget should appear

  • You adjust this setting by editing the Touchpoint.
  • You will find the setting under the heading Choose the position.

Website Widgets placed this way will float over your website in the position you choose.

Set a Website Widget to appear manually when you ‘call’ it

  • You adjust this setting by editing the Touchpoint.
  • You will find the setting under the heading Choose where to display.
  • Select Using JavaScript.
  • Use the given Javascript code in the back end of your own website as appropriate.

Use a HTML container for custom Website Widget positioning

  • You adjust this setting by editing the Touchpoint.
  • Under Choose the position, select Manually.
  • Within your website code, place the Website Widget in a predefined container. The container needs to be a HTML element with the id=”ombea-widget-container”

Website Widgets placed this way will not float over your website, but will instead appear inline wherever you place them.

Set a Website Widget to appear automatically, using a timer

  • You adjust this setting by editing the Touchpoint.
  • You will find the setting under the heading Choose when to show.

Set the delay before a Website Widget reappears for a visitor

  • You adjust this setting by editing the Stream.
  • You will find the setting under the heading Choose what happens after submission.

Use a single Website Widget with Multiple Streams

Say you have two different question sets you want to show to a visitor on the same Website Widget. You would make two different Streams. Then:

  1. You could schedule the Streams for different date ranges.
  2. You could schedule both Streams for the same dates, and adjust the ‘Reappearance’ delay to make them both work.

Heer’s a practical example of how option 2 works:

  1. Set up two Streams, A and B.

  2. Under Choose what happens after submission, select Show again after 1 minute for both.

  3. Associate both streams with the same Website Widget Touchpoint.

When a visitor comes to your page:

  1. One of the two Streams will be selected at random and shown to them. Let’s say it’s Stream B.
  2. If they interact with it and then refresh the page within the next 60 seconds, while Stream B is being ‘held back’, they will see Stream A.
  3. If they interact with Stream A and then refresh the page, they will see nothing until the 60 seconds counter is up from Stream B, at which point they will see Stream B again.

Any Streams that are set to Never ask again will not be called up when using this method.

Expanding this method

You can expand this method by using multiple Widgets as well as multiple Streams.

  1. Say you have Website Widgets A and B. A has Streams A1 and A2. B has Streams B1 and B2.
  2. When your visitor first loads a page, they will see Widget A, showing either Stream A1 or A2 (randomly).
  3. When they reload, they will see the other Stream from Widget A.
  4. If they reload the page again, they will see Widget B, with either Stream B1 or B2.

You can use this trick to present Streams in different locations on your website. For example, Widget A could be in the bottom right, while Widget B is placed manually.