How to create Custom HTML sections for Trip Pages?
Overview
- Adding a Custom HTML section
- Enable the "Show as Full Section" option for the field
Adding a Custom HTML Section
To add a Custom HTML section, go to Settings > Trip Custom Form, then click on Add New Field
After that, choose Field Type as Custom HTML.
Provide a Field Name that you’d like to use as the section title, then click Done.
Provide a Field Name that you’d like to use as the section title, then click Done.
Enable the "Show as Full Section" option for the field
After adding the Custom HTML field, go to Website > Pages > Tour Details Page. Under Page Sections, you’ll find the newly created Custom HTML field.
Click on it, enable the Show as Full Section option, and save the changes.
Once saved, navigate to Products > Trips > Edit Trip > Basic Details, where you’ll find the newly added field. You can use this field to embed custom HTML scripts, third-party widgets, or any other HTML content.
Please Note: You can follow the same steps to add other types of fields to the tour page. While adding a new field, simply select a different field type from the dropdown based on your requirement.
Related Articles
Creating Custom Search Filters
Overview Create a Custom Field Assign Filter Options to Tours Enable the Filter on Your Website Create a Custom Field To create custom search filters, we first need to create a custom field containing the different search options. Next, we’ll tag the ...Creating your first trip
The first step to set up a tour is to decide whether it is a short tour, class or certification course, multi day tour or you need custom fields. We have built in type specific features and terminology which will help you customize the tour to your ...How to create Route Maps for itineraries via Google My Maps
Before you start Create a custom HTML section for the tour page. The field name can be designated as 'Route Map,' or you can opt for your preferred name for the custom field. Please click here for detailed steps on creating a custom HTML section. ...How to Create and Edit Your Website's Navigation Menu
Follow this step-by-step guide to create/update or customize your website’s menu/navigation. Step 1: Log In Sign in to your account at app.vacationlabs.com/signin. Step 2: Access the Navigation Editor Navigate to WEBSITE > PAGES > Header & ...How to install custom CSS in Vacation Labs and its caveats
Important caveats - before you begin There is no support for custom CSS and there is no guarantee that your custom CSS will continue to work as the platform evolves and new features are released. Since Custom CSS scripts are installed by customers ...