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. Section Heading
    Enter a concise heading that reflects the main theme of the section, such as "About Our Event" or "Why Attend?".
  4. Enable Auto-Replay
    Check this option to allow videos in the background to replay automatically for continuous viewing.
  5. Enable Auto-Play
    Check this option to ensure the background video plays automatically when the page loads.
  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.