Install Website Widgets

In this article you will learn how to add some special code to parts of your own website. This code calls up the Website Widget.

Before you start

Make sure you have a Touchpoint for the web address where this Widget will appear. This will usually already be set up for you. If not, visit: Add a Website.
Make sure you have admin access to edit the code on your own website, where you will be adding these widgets.

Steps

From the menu on the left-hand side, click Touchpoints.
Select the Website and click Edit.
On the Installation panel, you will see instructions to add the necessary code to your website. Follow these steps.
To change where and how the widget will appear on your website, click Touchpoints. Click the edit button for the widget you would like to change, select your options, and click Save.

You can change the appearance of your Link (fonts, colors and so on). See Change stream fonts & colors.

If you would like to embed the widget instead of showing it as popup, select Manually under Choose the position. Specify the placement of the widget by placing a div tag with id="ombea-widget-container" at the appropriate place in your code.

If you are using a website builder such as Squarespace or Wix, you will need to refer to their instructions for inserting custom code into your website Header and Body sections. A good search term to find these instructions is 'Squarespace Code Injection' (or similar).

Congratulations!

Your Widget is now installed! The next step is to create a Stream: Create Website Widget streams

Updated on: 11/08/2023