How To Add an external HTML Widget in Locator & Pages

Learn to integrate a third party widget inside of Locator & Pages

Last updated on May 16th, 2022

It is possible to integrate third party HTML widget into Locator & Pages' Local Pages. You can add a total of 2 third party HTML widgets to the Local Pages, one per column.

Request Custom Fields Creation

To get started, you must request the creation of 2 custom fields from Uberall. You can do so by getting in contact with your account manager or by sending an email to operations@uberall.com. Please specify that these 2 fields will be used for the integration of third party HTML widgets in the Locator.

When those 2 new custom fields are made available, you can edit the values for each Location individually. You can edit the fields in the Front-End platform or with the Import file in the LOCATIONS tab.

This example shows the custom field value in the Import file for a custom field called custom-primary

Delete


Implementation

Once your widget HTML data is correctly added to a custom field, use the data-primarycolumn-snippetcustomfieldkey or data-secondarycolumn-snippetcustomfieldkey attributes to display your widget in the Primary or Secondary column respectively.

This example shows the OpenTable reservation widget integrated into a Local Page (Primary Column)

data-primarycolumn-snippetcustomfieldkey="custom-widget-field"
Delete

This example shows the OpenTable reservation widget integrated into a Local Page (Secondary Column)

data-secondarycolumn-snippetcustomfieldkey="custom-widget-field"
Delete

Was this article helpful?

Save as PDF