Adding a looping video to your page header

    This article gives a step-by-step guide on how to add a video to the page header of the subscription page via the CMS. To learn more about creating a page on the CMS, please refer to 'How to create a page on the CMS' article.

    1. Select Page header

    To add a looping video to the VIP page header, go to Sections in the relevant page on the CMS and select the Page Header option.

    Screenshot 2024-12-03 at 3.07.17 PM.png

     

    2. Add section name and section ID

    Start filling out the details by adding a unique section name and ID  and Select the theme and size from the dropdown.

     

    3. Select the layout

    Ensure the full-width layout is selected, and optionally add a button and backup image.

    Optionally:

    • Add a button

    • Add a backup image for error scenarios with the video

    4. Tick the Video Enabled checkbox

    • Optionally, add video button text
    • For the video type, from the dropdown  select "Upload"

     

    5. Select video to upload

    There are multiple ways to upload the video, select and upload the video.

    5.1 Select the video size

    Please note that the size is limited to the height of the view port, on utra-wide screens, the width is smaller than that of the screen.

    Screenshot 2024-12-03 at 3.04.09 PM.png

    6. Save the changes

    Click the blue tick from the top right corner to save the changes

    Screenshot 2024-12-03 at 3.05.49 PM.png

     

    This will result in the video playing seamlessly on the site, creating a dynamic and engaging header for your VIP page.

     

     

    Was this article helpful?
    0 out of 0 found this helpful