How to Integrate Our Widgets Into WIX Using the Embed option?

Follow the steps and video below for guidance on how to integrate your TourRadar Widgets onto your WIX page.

Widget Integration Steps

  1. Log into your Operator Dashboard, click on the 'more' tab, then 'Direct Booking Solution', and select 'Widget Center'.
  2. Select the widget you want to integrate. Find out more information about each widget here. 
    Screenshot 2024-04-24 at 1.48.45 PM-1
  3. Once clicked, you will see a preview of the widget and how it will appear on your website, select 'Next' to proceed to the customization of your widget.
    Screenshot 2024-04-24 at 1.53.02 PM
  4.  Customize the widget to fit your preferences. There are unique customization options for both general widgets and adventure-specific widgets. 
  5. After you have finished customizing your widget, you will need to select 'Generate code' to get the code to integrate your widget. Clicking 'Generate code' will automatically take you to the next step of the integration process. 

How to Integrate a Widget on WIX

For more information regarding WIX, see their website here.

You can only use the Embed option for TourRadar's 'Departure list' and 'Book now' widgets.

Widget Integration Video

Widget Integration Steps

  1. Create the widget using the Embed option. You will need to open your WIX page in a different tab. 
    Screenshot 2024-04-23 at 12.30.02 PM
  2. On WIX, open the page you want to embed the widget on, Click the '+' sign on the left side of the screen.
    Screenshot 2024-04-03 at 1.31.02 PM
  3. After clicking, select the 'Embed Code', 'Popular Embeds', and click the '+' option for the 'Embed HTML'  to add the widget to your site.
    Screenshot 2024-04-03 at 1.32.23 PM
  4. In the pop-up box, select the 'code' option, copy and paste your TourRadar Widget URL that is provided in the 'Widget Center' of your Operator Dashboard.
    Screenshot 2024-04-23 at 12.36.59 PM

    Screenshot 2024-04-03 at 1.34.51 PM
  5. After inserting the URL, click the 'Update' button. Next, customize your widget and how you want it to look on your website. After saving, you should be able to see your newly updated widget on your website.

If you are having problems integrating your TourRadar Widget(s), please email us at partner-solutions@tourradar.com with more information about the situation.