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
2. Click "My Widgets"
Navigate to "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
4. Choose the specific widget you want to add
Choose the specific widget you want to add by clicking on "Add to website"
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
6. Click "Copy"
Click on "Copy", to copy the code for the widget.
7. 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
9. Make your selection
Make your selection
10. 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
12. Click on the + icon
Click on the blue plus icon
13. Select the HTML option
Select the HTML option
14. 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
16. Click "Update"
Select "Update" to save changes.
17. 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
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.









