How to add a new section on a page?

How to add a new section on a page?

Sections are the fundamental building blocks of your pages. Use them to add pre-designed content blocks like feature lists, testimonial cards, or product collections to customize your page's layout and content.

Steps to Add a New Section

  1. Navigate to the Pages Manager

    • From your Vacation Labs Dashboard, locate the main navigation menu.

    • Select the option labeled Website.

    • Then, click on Pages from the sub-menu. This will open a screen listing all pages on your site.

  2. Select the Page to Edit

    • From the list of pages, click on the title of the page you wish to modify. For instance, to edit your main landing page, click on Homepage.

  3. Open the Section Menu and Choose a Type

    • On the page editor screen, locate and click the button labeled Add Section.

    • This action will open a dropdown menu displaying a categorized list of all available section types.

  4. Select and Add Your Section

    • From the dropdown menu, click on the type of section you want to add (e.g., Tour CardsCollection ListImage BannerContact Form).

    • The system will automatically add your chosen section to the top of the page. Please note that for preview purposes, new sections are added in a disabled state and will not be visible on your live site yet.

  5. Enable and Customize the New Section

    • Find the new section on your page. You will see a toggle switch associated with it.

    • Move the toggle to the On (typically green) position to enable the section.

    • Once enabled, click anywhere on the section block to open its editing panel. Here you can modify its content, adjust settings, and customize its appearance.

Key Things to Remember

  • Reordering: You can change the sequence of sections by dragging and dropping them into your desired order.

  • Unique Options: Each section type has a dedicated set of customization options accessible after you click on it.

  • Publishing: Always click Save in the page editor's header to apply all your changes and make the new section live on your website.

    • Related Articles

    • Add a script/code to trigger on a specifc page

      The Advanced Settings of the website allow you to add a script/code that can be triggered on a specific page. For example a tracking script that must be triggered on any one tour page because its being promoted or you are running ads for it. You can ...
    • How to Add an Autoplay Video to a Page Banner

      You can enhance your website's homepage by adding an auto-playing video to the banner slider. This feature is ideal for short, engaging clips that play on a continuous loop. Important Considerations Before You Begin Performance Impact: Autoplaying ...
    • Updating/Adding address on the Contact us page

      Updating address on Contact Us Page Please follow the below steps to Update address on Contact Us Page. Login into Vacation Labs Click on Website tab Click on Pages Select Contact Us page Locate Address section and click on it. Click on the Location ...
    • Activating dates and rates section on tour page

      The feature of DATES & RATES allows you to display the available departure dates of the tour on the tour page itself. . Please follow the below steps, Login into Vacation Labs Click on Products Select the product for which the Dates and Rates section ...
    • How to add location/pick up point on a trip via google map

      To add Google Map directions (Location or a pick-up point) on a tour page, click on the Products section in your dashboard and select Trips and Edit the trip you want to update. In the Location settings, type the name of the place into the search bar ...