# Edit video landing page

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.

1. **Change Logo**

* Click the “**Your Logo**” button at the top of the landing-page editor.[ ](https://help.gan.ai/studio-by-gan.ai/personalized-projects/setting-up-your-personalized-project/edit-video-landing-page?utm_source=chatgpt.com)
* Upload your logo image and optionally link it to your company website.
* Set alignment (Left / Center / Right) based on your page layout.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FHQmiDcEGMHErXi7O4zgi%2FLogo_update-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=881a84e6-b3a9-45d6-b56e-8886c5872cb6" alt=""><figcaption></figcaption></figure>

2. **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.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2F81uOfPiqud52tAvBMRbT%2FFevicon.gif?alt=media&#x26;token=b81c2438-1d76-43fb-aee2-20a64896a8ff" alt=""><figcaption></figcaption></figure>

3. **How to add/edit a background color:**

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

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FGXhsQNUFVxyCChKT49eD%2Funknown.png?alt=media&#x26;token=b74652df-458e-49e4-a284-6fcfdccce3f9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2Fm51Sid0RmX6SctZ18LgS%2Funknown.png?alt=media&#x26;token=c63185ad-aa8a-4ac4-9221-cc883a710198" alt=""><figcaption></figcaption></figure>

4. **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.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FlqqC1SXujzuj1TxiGjDr%2Funknown.png?alt=media&#x26;token=31bdbcd2-e366-40bb-beee-c095271b842b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FRK2ndIMkIKnvFVCUcZ6S%2Funknown.png?alt=media&#x26;token=4ce8dea6-312b-443d-842c-e0f17d8200b1" alt=""><figcaption></figcaption></figure>

5. **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**.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FBqF0YCUx22hhajlksO6t%2Funknown.png?alt=media&#x26;token=5fab43ba-19de-4ddf-80b3-1f34edaaebad" alt=""><figcaption></figcaption></figure>

6. **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.

1. **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.&#x20;
* 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.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2Fw8DQPd5LLZZqsYXYaW7x%2Funknown.png?alt=media&#x26;token=c8fd9f57-8c1b-4d26-a47d-10563f36507e" alt=""><figcaption></figcaption></figure>

2. **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

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2F9eKFhOiA3PGpzjgR63sf%2Funknown.png?alt=media&#x26;token=baea8777-48ed-49fe-be9d-25d1dc28ebdd" alt=""><figcaption></figcaption></figure>

3. **Download Button:**

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

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FFLc0U5TFWp22eQUZoOXD%2Funknown.png?alt=media&#x26;token=5c2b1cfc-25f3-4e49-8529-07cee3c92bc6" alt=""><figcaption></figcaption></figure>

4. **Share Button:**

* A share button allows the viewer to share the link to the landing page through various mediums.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FOux3o6VcOzz9RqQKokao%2Funknown.png?alt=media&#x26;token=85e40e2d-1243-430d-89d1-4c83e9092f2b" alt=""><figcaption></figcaption></figure>

5. **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**'

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FEI01gJjkikt4Y6yZoGeu%2Funknown.png?alt=media&#x26;token=c3adbf09-3811-4e0a-8e21-b1bee79ef731" alt=""><figcaption></figcaption></figure>

6. **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**.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FzNDDRJg36cTprPRwfjr5%2Funknown.png?alt=media&#x26;token=12de49fb-687a-4366-b01f-3ca6c688091f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FnowI6HOFVhSe4bPqaGdp%2Funknown.png?alt=media&#x26;token=c2b34b06-9dfd-4f20-941f-1c51d375a649" alt=""><figcaption></figcaption></figure>

7. **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.

8. **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.

9. **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**’.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FjfUX01n9cIYnr7k5pZo3%2FCTAbutton-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=a618b15e-f60f-4aba-b18f-c0089d0210f8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FctTJUgn4JNV8fEBl8Qt4%2Funknown.png?alt=media&#x26;token=e48ad157-898f-4cd0-9f74-929e2322c8ad" alt=""><figcaption></figcaption></figure>

10. **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

11. **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:

1. Click on the ‘**Website Title**’ tab in the side menu.
2. Under ‘**Website Title**’, enter your desired title (for example, “Gan Product Demo”).
3. 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:

1. Click on the ‘**Website Title’** tab in the side menu.
2. Under ‘**Website Description**’, enter your desired description (for example, “Hi, we’re reaching out to invite you to sign up for our product demo.”).
3. To personalize the description, type ‘**@**’ to select an existing variable or create a new text variable.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2Fwzfu4faZMAupYHHNGgaq%2FWebsitedescription-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=ffc995dc-0ecb-4c49-91e6-cda22646008c" alt=""><figcaption></figcaption></figure>

12. **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.
