Edit video landing page
Design and personalize your Gan.AI video landing page—add branding, buttons, variables, and CTAs to enhance viewer engagement and drive better campaign results.
Once you’ve set up your personalized video project, the next step is to customize the landing page that each recipient will see. The landing page is where your personalized video lives, and its design, branding, CTAs, and variable usage influence viewer engagement and conversion. This article guides you through everything from branding to button configuration to previewing your page.
Customizing Design & Branding
You can make the landing page look and feel like your brand by customizing visual assets and layout.
Change Logo
Upload your logo image and optionally link it to your company website.
Set alignment (Left / Center / Right) based on your page layout.
Upload Favicon
Ensure no element is selected in the editor (click on blank background).
Click Upload Image under the favicon upload section and select your icon.
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
Click on the 'Upload image' button under the upload background image to upload your image.
Adjust your image as needed, and click 'Save' once you are satisfied with the changes.
How to add/remove Gan.AI branding
This option allows you to enable or disable the display of the Gan.AI branding at the footer of your landing page.
How to create/reuse variables
Adding variables in your landing page helps increase engagement & conversion rates. You can create new variables or reuse already created ones.
To create a new variable, type @ followed by the variable name and press enter.
To reuse an already created variable, type '@' in the text box & choose the desired variable from the list.
(Tip: Enhance your client's experience by adding a 'Name' variable to your heading. Eg. Hi @name)
Note: Text variables can be created directly within the text box, while only voice variables created in the previous step can be added
You can also add variables to buttons, button URLs, social links, etc.
Configure Buttons & CTAs
Call-to-Action (CTA) buttons are one of the most important elements on your video landing page. They direct viewers toward the next step — booking a meeting, visiting your website, downloading a resource, or sharing the video. The Gan.AI landing page editor allows you to fully customize button types, design, personalization, and actions to match your campaign goals.
Adding a New Button
Open your project’s Landing Page Editor.
Button placeholders are predefined in each template, which can be customized as per the requirements.
Click on the button you want to modify and under 'Button Type”.
Enter the redirection link under 'Enter CTA URL' if required.
A total of 5 button types are available currently.
Regular Link Button:
A regular link button redirects viewers to the specified link. This is helpful if you want the viewers to visit another platform after watching the video
Download Button:
A download button allows viewers to download the video displayed on the landing page.
Share Button:
A share button allows the viewer to share the link to the landing page through various mediums.
Social Button:
A social button lets you add links to your organization’s social media profiles, like Facebook, LinkedIn, and Instagram.
Add the link to your social media handle under 'Social link'
Call Button:
A call button lets you add your contact number to a button, so if a viewer presses this, they can call you. This is helpful if most of your viewers are opening the link on their mobiles.
Under 'Button Type', choose 'Call Button' and now select the country code & add your contact number.
Changing dimensions of your CTA Button
By default, your CTAs are set to ‘Auto Adjust’, which automatically adjusts the button width based on the text length. However, if you’d like to manually set the height and width of your button, follow these steps:
Select the CTA button you want to modify.
In the menu, under Button Details, choose ‘Fixed Size’.
Adjust the width and height as needed.
Customizing Corner Radius and Border Width You can further style your CTA by changing its corner radius and border width:
Select the CTA button you want to modify.
In the menu, under Button Details, find ‘Corner Radius’ and ‘Border Width’.
Adjust each setting according to your design preferences.
Changing colors in your CTA
Select the CTA button you want to modify
In the menu, look for 'Button color', 'Border color' & 'Icon color'
Now adjust them according to your needs
You can also upload a font of your choice by clicking the Font dropdown button and selecting ‘Upload Font’.
Personalizing your CTA URLs
You can also personalize your CTA URL by adding a text variable in your regular by following these simple steps:
In the left menu, under 'Button Details', in the 'CTA URL' input (in a regular button), type '@'
Now choose the desired variable from the list
To create a new variable, click the '+' button next to 'Text' in the menu, assign a name to the variable, and click 'Save
Your CTA redirection link is now personalized
Editing the Landing Page Description
Updating the title and description customizes how your video landing page link appears when shared. The information you add here will be visible to viewers when you share your landing page link with others.
Website Title The website title is the text that appears in your browser tab and represents your website’s link. To set or personalize your website title, follow these steps:
Click on the ‘Website Title’ tab in the side menu.
Under ‘Website Title’, enter your desired title (for example, “Gan Product Demo”).
To personalize the title, type ‘@’ to select an existing variable or create a new text variable.
Website Description The website description is the text that appears when you share your video landing page link with others. To set or personalize your website description, follow these steps:
Click on the ‘Website Title’ tab in the side menu.
Under ‘Website Description’, enter your desired description (for example, “Hi, we’re reaching out to invite you to sign up for our product demo.”).
To personalize the description, type ‘@’ to select an existing variable or create a new text variable.
Preview Your Page
Previewing your landing page allows you to review your design before saving and publishing. This helps ensure everything looks and functions as intended. To preview your page, follow these steps:
Click ‘Preview’ in the top-right corner.
Review your landing page to check layout, content, and personalization details.
To make additional edits, click ‘Exit Preview’ to return to the editor.
Once you’re satisfied, click ‘Publish Changes’ to finalize and go live.
With Gan.AI’s landing page customization, you can turn every personalized video into a fully branded, action-driven experience. By adding variables, clear CTAs, and consistent design, each viewer gets a page that feels tailored and professional. This simple setup boosts engagement, strengthens your message, and guides viewers toward the actions that matter most.
Last updated