UI Designers: Template Sections

This section provides an overview of the various sections available in the web builder, along with their configurable fields.

Hero Section

A visually prominent section typically placed at the top of a page to grab user attention.

Fields:

• Background Image: A high-quality image or graphic for the background.
• Title: The main headline text.
• Content: Additional descriptive text or tagline.
• Primary Click-To-Action Button: The main actionable button (e.g., "Get Started").
• Secondary Click-To-Action Button: An optional secondary button (e.g., "Learn More").

---

Gallery Section

Showcases a collection of images in an attractive format.

Fields:

• Title: The heading of the section.
• Description: Text to provide context or details.
• Images: A gallery of images.

---

Video Section

Displays an embedded video with supporting information.

Fields:

• Title: The heading of the section.
• Description: Text to provide context or introduce the video.
• YouTube Video URL: The URL of the embedded YouTube video.

---

Image With Text Section

Combines a featured image with descriptive text and a call-to-action.

Fields:

• Title: The heading of the section.
• Content: Text describing the associated image.
• Image: A featured image.
• Click-To-Action Button: A button encouraging user interaction.

---

Text Section

A simple section for displaying text content.

Fields:

• Title: The heading of the section.
• Content: Main body text.
• Click-To-Action Button: An actionable button.

---

Form Section

Provides an input form for collecting user data.

Fields:

• Title: The heading of the form section.
• Description: Text to explain the form's purpose.
• Form Inputs: Input fields for user interaction.

---

Contact Section

Enables users to get in touch or view contact details.

Fields:

• Title: The heading of the section.
• Description: Additional information about contact options.
• Contact Form: A form to collect inquiries or messages.
• Google Map: Embedded map showing the business location.
• Address: Physical address details.
• Socials: Links to social media profiles.
• Email: Email address for contact.
• Phone: Phone number for contact.

---

Room Booking Form Section

A dedicated section for room reservations.

Fields:

• Title: The heading of the section.
• Description: Additional information about booking.
• Booking Form: A form for booking rooms.

---

Tours Section

Highlights available tours with descriptive details.

Fields:

• Title: The heading of the section.
• Description: A brief overview of available tours.
• Tours: A list or grid showcasing tours.
• Read More Button: A button linking to detailed tour information.

---

Tour Details

Each tour in the list can display the following fields:

• Name: The name of the tour.
• Ref Number: A unique reference number for the tour.
• Group Code: A code representing the tour group.
• Content: A detailed description of the tour.
• Duration: The length of the tour.
• Location: The destination(s) covered in the tour.
• Guides: Information about the tour guides.
• Start Date: When the tour begins.
• End Date: When the tour ends.
• Group Size: The maximum number of participants.
• Status: Current status of the tour (e.g., available, fully booked).
• Cost: The price of the tour.
• Created Date: The date the tour was created or added.
• View Count: The number of times the tour has been viewed.
• Join Percent: The percentage of spots filled.
• Infos: Additional key details about the tour. (Additional key details about the tour such as Highlights, Included, Not Included, Extra Info)
• Thumbnail Image: A featured image for the tour.
• Images: A gallery of images showcasing the tour.
• Itinerary: A detailed day-by-day plan of the tour.

---

CMS Posts Section

Displays a selection of posts retrieved from the CMS.

Fields:

• Title: The heading of the section.
• Description: Text introducing the posts.
• Posts: A grid or list of posts retrieved from the CMS.
• Read More Button: A button linking to the full list or post details.

---

Post Details

Each post in the list can display the following fields:

• Type: The type of post (e.g., blog, news, announcement).
• Author: The creator of the post.
• Title: The title of the post.
• Content: The full content of the post.
• Excerpt: A brief summary or snippet of the content.
• Post Reactions: User reactions or engagement metrics (e.g., likes, shares).
• Thumbnail Image: A featured image for the post.
• Images: Additional images related to the post.
• Video URL: A URL linking to an embedded video.
• Documents: Files or documents attached to the post.
• Attachments: Any additional files linked to the post.
• Video: An embedded or uploaded video.
• Created Date: The date the post was published.
• Categories: The categories assigned to the post.
• Tags: Tags associated with the post for better classification.
• Custom Fields: Any additional custom fields specific to the post.

Edit this page