AI Edit Video Landing Page

Customize the website where your video is hosted

Table of Contents:


Change Design & Branding

You can customize the design of your landing page by navigating to the "Design" tab in the side menu of your landing page editor.

How to Add Your Logo

  1. Click on the 'Your Logo' button at the top of the landing page editor.

  2. Adjust your logo as needed and click 'Save'.

  3. You can add a link to your company’s website, enabling users to be redirected when they click on the logo.

  4. Adjust the alignment of your logo to 'Left,' 'Center,' or 'Right'.

How to Add a Favicon to Your Landing Page

A favicon is a small brand logo for your website, displayed in the browser's address bar. To add your brand's favicon:

  1. Ensure no element is selected in the landing page editor by clicking on the background.

  2. Click the 'Upload Image' button under the favicon upload section to upload your favicon.

  3. Adjust your image as needed and click "Save" once satisfied.

How to Add/Edit a Background Color

Use the color picker to select a solid color or linear gradient background for the page.

How to Add a Background Image

  1. Click the 'Upload Image' button under the background image upload section to upload your image.

  2. Adjust your image as needed and click 'Save' once satisfied.

How to Add/Remove Gan.AI Branding

This option allows you to enable or disable the display of Gan.AI branding at the footer of your landing page.


Edit & Add Text

You can customize your text in the following ways:

Change the Design Style

Modify the style, font, and color of your text by selecting the text and choosing options from the toolbar. You can also adjust the alignment and insert links or images directly into the text box. To add a background color to your text box, click on 'Text Box Background' on the left and select your desired color.


Add & Edit CTAs/Buttons

We provide five button types for you to choose from based on your specific needs.

How to Add a Regular Link Button

A regular link button redirects viewers to a specified link, allowing them to visit another platform after watching the video.

  1. Select the CTA you want to modify.

  2. In the left menu, under 'Button Type', choose 'Regular Button'.

  3. Enter the redirection link under 'Enter CTA URL'.

Adding a Download Button

A download button allows viewers to download the video displayed on the landing page.

  1. Select the CTA you want to modify.

  2. In the left menu, under 'Button Type', choose 'Download Button'.

Adding a Share Button

A share button enables viewers to share the link to the landing page via various mediums.

  1. Select the CTA you want to modify.

  2. In the left menu, under 'Button Type', choose 'Share Button'.

Adding a Social Button

A social button lets you link to your organization’s social media profiles, such as Facebook, LinkedIn, and Instagram.

  1. Select the CTA you want to modify.

  2. In the left menu, under 'Button Type', choose 'Social Button'.

  3. Add the link to your social media handle under 'Social Link'.

Adding a Call Button

A call button allows you to add your contact number, so viewers can call you directly, which is helpful for mobile users.

  1. Select the CTA you want to modify.

  2. In the left menu, under 'Button Type', choose 'Call Button'.

  3. Select the country code and add your contact number.

Changing Dimensions and Colors of Your CTA

  • Changing Dimensions: Select the CTA, then choose 'Fixed Size' in the left menu to adjust width and height as needed.

  • Changing Colors: Select the CTA and modify the button color, border color, and icon color in the left menu.


Editing Landing Page Description

This updates the title and description of your landing page link, which appears when you share the link.

Website Title

  1. Click on the 'Website Title' tab in the side menu.

  2. Under 'Website Title', enter your desired title (e.g., "Gan Product Demo").

  3. To personalize the title, type '@' to select or create a new variable.

Website Description

  1. Click on the 'Website Title' tab in the side menu.

  2. Under 'Website Description', enter your desired description (e.g., "Check out our video demonstration of the product").

  3. To personalize the description, type '@' to select or create a new variable.


Preview Your Page

Previewing your landing page allows you to review your design thoroughly and make any necessary changes before publishing.

  1. Click 'Preview' in the top right corner.

  2. Review your landing page.

  3. To make further changes, click 'Exit Preview' to return to editing.

  4. If satisfied, click 'Publish Changes' to finalize.

Last updated