---
title: How to use content sections on the landing page builder
description: Learn how to use content sections in the vFairs landing page builder, from setting up About and Image with Text sections to customizing a unique Custom Section. This guide covers key features, customization options, and best practices.
---
[Skip to content](https://help.vfairs.com/knowledge/how-to-use-content-sections-on-the-landing-page-builder#main-content)
English
Show submenu for translations
[Customer portal](https://support.vfairs.com/care?hsLang=en)
Open main navigation
Close main navigation
- English
Show submenu for translations
- [Customer portal](https://support.vfairs.com/care)
Welcome to vFairs Help Center
- There are no suggestions because the search field is empty.
1. [Help Center](https://help.vfairs.com/knowledge?hsLang=en)
2. [Event Website & Landing Pages](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en)
3. [Web Page Management](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en#web-page-management)
# How to use content sections on the landing page builder
## Learn how to use content sections in the vFairs landing page builder, from setting up About and Image with Text sections to customizing a unique Custom Section. This guide covers key features, customization options, and best practices.
#### **About Section**
The **About Section** of the Landing Page Builder is a dedicated area for organizers to manage and display key information about their event. This section is crucial for informing potential attendees about the event's purpose, details, benefits, and target audience. Below are the steps to effectively use the About Section and customize it to suit your event needs.
### **Features and Customization Options**
1. **Upload Background Image**Click on the upload button to select an image from your device. Ensure the image is high-quality and relevant to your event theme.
2. **Upload Background Video**Click to upload a video file. Make sure the video is engaging and not too long to maintain viewer interest.
3. **Enable Auto-Play**Check this option to ensure the background video plays automatically when the page loads.
4. **Enable Auto-Replay**Check this option to allow videos in the background to replay automatically for continuous viewing.
5. **Section Heading**Enter a concise heading that reflects the main theme of the section, such as "About Our Event" or "Why Attend?".
6. **Menu Item Name**Enter a suitable name for the menu item, such as “About Us” or “Event Details”.
7. **Section Description**Write a clear and concise description that informs attendees about what to expect and why they should participate.
8. **Button Text**Enter text for the button, such as “Register Now” or “Learn More”.
9. **Button Redirect URL**Provide a valid URL that the button will link to, ensuring it directs users to relevant information or registration pages.
10. **Align Content**Choose from Left, Center, or Right alignment to position the text and other elements according to your design preference.
11. **Select Background Color**Click to choose a background color that matches your event’s branding and enhances readability.
12. **Insert Custom HTML Code**Insert any custom HTML code relevant to your section, ensuring it adheres to web standards for compatibility.
#### **Image with Text Section**
The **Image with Text Section** allows organizers to create visually appealing content by combining images and text. This section enhances messaging with engaging visuals, making it more attractive to potential attendees. Below are the steps to effectively use this section and customize it to fit your event's branding.
### **Features and Customization Options**
1. **Upload Background Image**Click on the upload button to select an image from your device that will serve as the background for this section.
2. **Upload Background Video**Click to upload a video file that can be used as a dynamic background, enhancing visual interest.
3. **Enable Auto-Replay**Check this option to allow the background video to replay automatically.
4. **Enable Auto-Play**Check this option to have the background video play automatically when the page loads.
5. **Section Heading**Enter a heading that introduces the content, helping to capture the attention of your audience.
6. **Section Description**Write a brief description that provides more context and details about the content being presented.
7. **Desktop Image Position**Specify the position of the desktop image (e.g., left, right, top) to determine how it displays in relation to the text.
8. **Align Content**Choose from Left, Center, or Right alignment to position the text and other elements according to your design preference.
9. **Select Background Color**Choose a background color that complements your event’s branding and enhances the overall look.
10. **Select Title Color**Pick a color for the section heading to ensure it stands out against the background.
11. **Select Text Color**Choose a color for the section description text for improved readability and visual appeal.
12. **Display Button**Check this option to show a button in this section, encouraging user interaction.
13. **Button Text**Enter the text for the button, such as “Learn More” or “Register Now”.
14. **Button Redirect Link**Provide a valid URL for the button to direct users to relevant information or registration pages.
15. **Insert Custom HTML Code**Add any custom HTML for this section to enhance functionality or design, ensuring it adheres to web standards.
****
#### **Custom Section**
The **Custom Section** feature allows users to create flexible and unique content areas tailored to their specific needs. Organizers can add as many custom sections as they want, making it easy to present diverse information about their event. Below are the steps to effectively use the Custom Section and customize it to fit your event’s requirements.
### **Features and Customization Options**
1. **Upload Background Image**Click on the upload button to select an image from your device that will serve as the background for this section.
2. **Upload Background Video**Click to upload a video file that can be used as a dynamic background to enhance visual engagement.
3. **Section Heading**Enter a heading for the custom section to provide clarity on the content that follows.
4. **Enable Auto-Replay**Check this option to allow the background video to replay automatically for continuous viewing.
5. **Enable Auto-Play**Check this option to have the background video play automatically when the page loads.
6. **Menu Item Name**Enter a suitable name for the menu item that will represent this section in the event’s navigation.
7. **Section Description**Write a brief description that provides context and details about the content in this custom section.
8. **Button Text**Enter the text for the button, such as “Learn More” or “Get Started”.
9. **Button Redirect URL**Provide a valid URL for the button to link to relevant information or registration pages.
10. **Align Content**Choose from Left, Center, or Right alignment to position the text and other elements according to your design preference.
11. **Select Background Color**Choose a background color that complements your event’s branding and enhances readability.
12. **Insert Custom HTML Code**
Add any custom HTML for this section to implement specific functionalities or design elements, ensuring compliance with web standards.
- [Organization Management](https://help.vfairs.com/knowledge/organization-management?hsLang=en)
- [Event Setup & Navigation](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#main-content)
- [Document Library](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#document-library)
- [Translations And Labels](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#translations-and-labels)
- [Attendee Management](https://help.vfairs.com/knowledge/attendee-management?hsLang=en)
- [Agenda Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#main-content)
- [Session Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#session-management)
- [Speaker Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#speaker-management)
- [Speaker Management](https://help.vfairs.com/knowledge/speaker-management?hsLang=en)
- [Event Website & Landing Pages](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en#main-content)
- [Web Page Management](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en#web-page-management)
- [Registration & Ticketing](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#main-content)
- [Registration](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#registration)
- [Ticketing](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#ticketing)
- [Payments](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#payments)
- [Exhibitor Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#main-content)
- [Booth Negotiation](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#booth-negotiation)
- [Task Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#task-management)
- [Booth Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#booth-management)
- [Document / Video](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#document-video)
- [Jobs](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#jobs)
- [Sponsor Management](https://help.vfairs.com/knowledge/sponsor-management?hsLang=en)
- [Networking](https://help.vfairs.com/knowledge/networking?hsLang=en#main-content)
- [Chat](https://help.vfairs.com/knowledge/networking?hsLang=en#chat)
- [Chat Queue](https://help.vfairs.com/knowledge/networking?hsLang=en#chat-queue)
- [Video Matchmaking](https://help.vfairs.com/knowledge/networking?hsLang=en#video-matchmaking)
- [Reports](https://help.vfairs.com/knowledge/networking?hsLang=en#reports)
- [Meeting](https://help.vfairs.com/knowledge/networking?hsLang=en#meeting)
- [Engagement](https://help.vfairs.com/knowledge/engagement?hsLang=en#main-content)
- [Certificate Management](https://help.vfairs.com/knowledge/engagement?hsLang=en#certificate-management)
- [Scavenger Hunt](https://help.vfairs.com/knowledge/engagement?hsLang=en#scavenger-hunt)
- [Notifications](https://help.vfairs.com/knowledge/engagement?hsLang=en#notifications)
- [Survey](https://help.vfairs.com/knowledge/engagement?hsLang=en#survey)
- [LeaderBoard](https://help.vfairs.com/knowledge/engagement?hsLang=en#leaderboard)
- [Quiz](https://help.vfairs.com/knowledge/engagement?hsLang=en#quiz)
- [Reports & Analytics](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#main-content)
- [Registration and Ticketing](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#registration-and-ticketing)
- [User Journey Tracker](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#user-journey-tracker)
- [Post Event PDF Report](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#post-event-pdf-report)
- [Survey](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#survey)
- [Cross Event Report & Reporting 360](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#cross-event-report-reporting-360)
- [Marketing](https://help.vfairs.com/knowledge/marketing?hsLang=en#main-content)
- [Email Campaigns](https://help.vfairs.com/knowledge/marketing?hsLang=en#email-campaigns)
- [System Emails](https://help.vfairs.com/knowledge/marketing?hsLang=en#system-emails)
- [SMS Campaign](https://help.vfairs.com/knowledge/marketing?hsLang=en#sms-campaign)
- [AI Assistant](https://help.vfairs.com/knowledge/marketing?hsLang=en#ai-assistant)
- [Social Meta](https://help.vfairs.com/knowledge/marketing?hsLang=en#social-meta)
- [Web Notifications](https://help.vfairs.com/knowledge/marketing?hsLang=en#web-notifications)
- [Accommodation & Budget Management](https://help.vfairs.com/knowledge/accommodation-budget-management?hsLang=en#main-content)
- [Accommodation](https://help.vfairs.com/knowledge/accommodation-budget-management?hsLang=en#accommodation)
- [Attendee Mobile App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#main-content)
- [Event Assistant](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#event-assistant)
- [Getting Started & App Access](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#getting-started-app-access)
- [Build & Customize Your App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#build-customize-your-app)
- [Legacy App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#legacy-app)
- [Sessions & Event Content](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#sessions-event-content)
- [Engagement & Networking](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#engagement-networking)
- [Event Operations & Insights](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#event-operations-insights)
- [Lead Capture App](https://help.vfairs.com/knowledge/lead-capture-app?hsLang=en#main-content)
- [Reporting 360](https://help.vfairs.com/knowledge/lead-capture-app?hsLang=en#reporting-360)
- [Badge Printing & Check-in App](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#main-content)
- [Printers](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#printers)
- [Badge Design](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#badge-design)
- [Integrations](https://help.vfairs.com/knowledge/integrations?hsLang=en#main-content)
- [Custom Workflow](https://help.vfairs.com/knowledge/integrations?hsLang=en#custom-workflow)
- [E-commerce](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#main-content)
- [Product Management](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#product-management)
- [Allowance Negotiation](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#allowance-negotiation)
- [Venue Builder](https://help.vfairs.com/knowledge/venue-builder?hsLang=en)
- [Abstract Management](https://help.vfairs.com/knowledge/abstract-management?hsLang=en)
- [Group Meeting](https://help.vfairs.com/knowledge/group-meeting?hsLang=en)
- [Exhibitor Portal](https://help.vfairs.com/knowledge/exhibitor-portal?hsLang=en#main-content)
- [Booth](https://help.vfairs.com/knowledge/exhibitor-portal?hsLang=en#booth)
- [Search Attendee](https://help.vfairs.com/knowledge/search-attendee?hsLang=en)
- [Data Tags](https://help.vfairs.com/knowledge/data-tags?hsLang=en)
- [Organization Website](https://help.vfairs.com/knowledge/organization-website?hsLang=en)
- [AI Tools](https://help.vfairs.com/knowledge/ai-tools?hsLang=en)
[-1.webp?width=107&height=44&name=vfairs-logo-landscape-gradient-5%20(3)-1.webp "vfairs-logo-landscape-gradient-5 (3)-1")](http://vfairs.com)
vfairs.com Help Center
Copyright © 2026, vFairs LLC