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