Adding a Widget to your Website

November 5, 2025

VIDEO TRAINING - Learn how to add a widget to your website.

Adding a Widget to your Website

Learn how to add a widget to your website seamlessly by following the instructions provided.

Go to www.travelify.io

1. Introduction

From navigating to selecting options, this guide will walk you through the process on Travelify and your site editor. Before we start if you wish to see subtitles in addition to this voiceover then please ensure "Captions" are enabled on your screen
Introduction

2. Click "My Widgets"

Navigate to "My Widgets"
Click 'My Widgets'

3. Select the widget section you wish to add to your site

Select the type of widget you wish to add to your site
Select the widget section you wish to add to your site

4. Choose the specific widget you want to add

Choose the specific widget you want to add by clicking on "Add to website"
Choose the specific widget you want to add

5. We do not need this section so just proceed to the Widget Installation Code

We do not need this section so just proceed to the Widget Installation Code
We do not need this section so just proceed to the Widget Installation Code

6. Click "Copy"

Click on "Copy", to copy the code for the widget.
Click 'Copy'

7. Now switch back to your Site Editor

Now switch back to your Site Editor
Now switch back to your Site Editor

8. Click "Pages"

Access the "Pages" section to choose the page you want to add the widget to
Click 'Pages'

9. Make your selection

Make your selection
Make your selection

10. Close down this section

Close down this section
Close down this section

11. Find the section on the page you want to add the widget

Find the section on the page you want to add the widget
Find the section on the page you want to add the widget

12. Click on the + icon

Click on the blue plus icon
Click on the + icon

13. Select the HTML option

Select the HTML option
Select the HTML option

14. Highlight and delete this text

Highlight and delete this text
Highlight and delete this text

15. Now click here and Paste the previously Copied code

Now click here and Paste the previously Copied code
Now click here and Paste the previously Copied code

16. Click "Update"

Select "Update" to save changes.
Click 'Update'

17. Close down this section and refresh your page

Close down this section and refresh your page
Close down this section and refresh your page

18. Your new widget should now appear in the desired section on your page

Your new widget should now appear in the desired section on your page
Your new widget should now appear in the desired section on your page
This guide covered the process of adding a widget to your website using Travelify and your Site Editor. Instructions include navigating to options, copying widgets, and customising HTML elements to enhance your website's functionality.
November 28, 2025
VIDEO TRAINING - This Guide will walk you through the process of creating a new Role in Travelify.
November 27, 2025
VIDEO TRAINING - This Guide walks you through the process of creating a New User in Travelify
November 26, 2025
VIDEO TRAINING - Learn how to efficiently add a Promotion Code in Travelify
November 25, 2025
VIDEO TRAINING - Learn how to efficiently complete the process of adding a Voucher Code in Travelify
November 24, 2025
VIDEO TRAINING - This Guide will walk you through the process of using the Order Manager in Travelify
November 23, 2025
VIDEO TRAINING - Explore this Guide to efficiently navigate the CRM feature in Travelify
November 22, 2025
VIDEO TRAINING - This Guide will walk you through the process step-by-step to efficiently add Suppliers to your platform.
November 21, 2025
VIDEO TRAINING - This Guide will walk you through setting up Standard Pricing Rules for Accommodation in Travelify
November 20, 2025
VIDEO TRAINING - Explore the comprehensive Guide to utilising Pricing Rules in Travelify
November 19, 2025
VIDEO TRAINING - This Guide will walk you through configuring Standard Pricing Rules for Dynamic Packages in Travelify
Show More