Widgets enhance your website by enabling readers to book activities through GetYourGuide, providing a smooth and visually appealing user experience while earning you commissions. This guide covers widget basics, benefits, and implementation.
Click to section
What are widgets
A widget is a banner that integrates with your website, enabling your readers to find and book activities on GetYourGuide.
While widgets can be a valuable addition to your blog or website, it's essential to note that they do not work on social media platforms like Instagram, and others.
Benefits of using widgets
- Easy to implement: Simple installation using JavaScript.
- Responsive design: Widgets automatically adapt to both desktop and mobile views.
- Versatile placement: Can be embedded directly within the content or in the sidebar.
- Visually engaging: Includes appealing visuals and reviews, blending seamlessly with your website’s styling.
How to Series:
▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
0:00 Intro
0:15 Insider Tip
0:40 How do you select which activities to display on your widget?
2:00 Finishing setting up the widget
Do you think this video was helpful to you? Or would you happen to have suggestions for our next video tutorial? Please feel free to add your feedback here.
Types of Widgets and set-up
GetYourGuide offers three primary widgets types to cater to different needs:
The activity widget dynamically showcases relevant activities related to your content. With captivating images and essential information, this widget is mobile-friendly and adapts to any device, enhancing user engagement effortlessly.
Special features: Adapts to your website’s font and style, making it look like a part of your content.
Available for: Blogs, app and websites.
Activity Widget (Manual)
Tool: Manual activity widget
An activity widget is a JavaScript-based tool that allows you to showcase the top tours in a city or category, or curate your own selection of tours to display. It enables you to show activities according to search terms, specific URLs, or location.
- Choose Options:
- Number of Activities: Select the number of activities to display (we recommend 3).
- Excluded Activities: Specify any activities you do not want to show.
- Displayed Language: Choose the language in which the widget will be displayed.
- Tracking: campaign parameters help track vital data per traffic source or can be used to differentiate traffic when using multiple websites.
Activity widget (Automatic)
Tool: Automatic activity widget
The automatic activity widget updates in real-time to show the most popular or recommended tours based on search terms, a city, or geographical coordinates.
- Functionality:
- The widget automatically “reads” the content around it and the page’s meta data.
- Uses natural language processing to understand the article's content.
- Machine learning identifies key information to choose the best activities to display.
- Supported Languages: English, German, French, Italian, Spanish, Dutch, Danish, Finnish, Portuguese, Polish, Swedish, Russian, Japanese.
- Display: The widget always displays 3 activities.
- Tracking: campaign parameters help track vital data per traffic source or can be used to differentiate traffic when using multiple websites.
City Widget
Tool: City widget
Available for: Blogs, app and websites.
Highlight specific cities and the plethora of activities they offer with the City Widget. Simple to set up and navigate, this widget directs users to dedicated pages featuring tours and activities tailored to their interests.
Special feature: Ideal for broader integration, giving readers a preview of a location without suggesting specific tours.
To create a city widget, simply search for the location you want to display and choose the widget language.
- Location Search: Enter the city or search for the location you want to display.
- Language Selection: Choose the language for the widget.
- Tracking: campaign parameters help track vital data per traffic source or can be used to differentiate traffic when using multiple websites.
Availability Widget
Tool: Availability widget
Available for: Blogs, app and websites.
Ideal for pages dedicated to specific attractions or activities, the Availability Widget displays live availability, enabling users to book directly through GetYourGuide. Its user-friendly design, suitable for both sidebars and mobile devices, ensures a seamless booking experience.
Special features: Highlights dates with availability and any discounted prices, making it easier for users to plan their activities.
The availability widget allows you to display the availability for any experience in our inventory via a calendar. For more information, please check the User's Guide.
- Find the Activity: Use the GetYourGuide URL or a search query to find the activity.
-
Choose Options:
- Displayed Language: Select the language for the widget.
- Currency: Choose the currency for the widget.
- Color Theme: Select the color theme for the widget.
- Tracking: campaign Parameters help track vital data per traffic source or can be used to differentiate traffic when using multiple websites.
Integration instructions
- Utilise our tools section to generate personalised widget codes. You will see 2 different codes:
- Insert the first part of the code into your post where you want the widget to be displayed. You will need to switch to "Code Editor" to add the code:
- The second part of the code, is the Integration Analyzer (analytics code)
- Add it to your website's header section to enable analytics tracking. This needs to go between the HTML <head> tags of the page by following these steps:
-
- Click on Appearance
- Click Theme Editor
- Click “Theme Header” on the right bar.
- You will find the <Head> part like this:
The analytics code only needs to be added once and will work for every widget on the website.
Now, your widget is ready to go.
Troubleshooting
- Ensure you've correctly generated the scripts from our integration tools.
- Install our Integration Analyzer on your page as per the provided instructions (it is mandatory for widgets).
- Disable any browser ad blockers that might be interfering with the widget display.
- Clear your browser cache and refresh the page to ensure the latest changes take effect.