How to Generate the 'Product Details Page' Widget?

Find out more information on what the 'Product Details Page' widget is and how to generate it for your website.

An important widget that TourRadar offers is the 'Product Details Page' widget, which can be seamlessly integrated into your website. This widget shows all the content of a specific adventure. Photos, departures, itinerary, and everything about your tours. It will be displayed in this comprehensive booking widget. 

Generate Widget Video

 Steps to Generate 'Product Details Page' Widget

1. Log into your Operator Dashboard, click on the 'more' tab, then 'Direct Booking Solution', and select 'Widget Center'.
   
2. Select the 'Product Details Page' widget, after clicking your unique TourRadar widget, you will be able to see a preview of what it will look like. After previewing, click 'Next' in the top right corner.
   
3.  After clicking, you can customize your TourRadar widget to fit your preferences. For the 'Product details page' widget,  you can customize the following below:
   • The specific adventure the widget applies to.
   • Whether the widget appears as a new window or a pop-up.
   • Including photos or not.
   • Including an itinerary or not.
   • A brochure download option.
   • Adding a 'What's included' section or not.
   • If you want to show reviews at the bottom of the product details page.
4. After customizing, scroll down and select 'Preview Widget' to ensure it's formatted to your preferences. Afterwards, 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.

5. You can now integrate your new widget using the Embed option below.

Steps to Integrate 'Product Details Page' Widget

Option 1: Embed Widget Integration

1. Choose the location for your widget: Decide on your webpage where you want the TourRadar widget to appear. Once you decide, create the respective element (button, text line etc.) in your CMS (popular CMS's include: Wordpress, WIX, or Squarespace.). This could be anywhere in the <body/> section of your HTML document. 
   
   1. 1. CMS stands for Content Management System and is a software application that allows users to create, manage, and modify content on a website without the need for specialized technical knowledge.
         
         
2. Copy the Code: In the location where you want the widget to appear, copy and insert the code from the widget center in your Operator Dashboard.