# Automatic Backgrounds

#### Why Use Automatic Backgrounds?

Using dynamic backgrounds helps you:

* Establish an **immediate visual connection** with each viewer by showing relevant content behind the avatar or person in the video (e.g., their website, city, or company).
* Increase **viewer engagement and perceived personalization**, thereby improving click-through and conversion rates.
* Automate what would otherwise require manual video editing for each version—saving time and resources when creating personalized videos at scale.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FEcAdaBF5WfxsHbvuuflp%2FTrimmed_automaticBG-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=7c796de8-1093-45c7-83a2-77eb4d914528" alt=""><figcaption></figcaption></figure>

#### How to Set Up Automatic Backgrounds

**Step 1: Enable Automatic Backgrounds**

* Go to the Personalized project “**Settings**” and click on “**Automatic backgrounds settings**”.
* Use the “**Enable Automatic Backgrounds**” Option or click on the “**ON/OFF**” button in the top right corner.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2F4jG8K2GHlMKr9PF8EFap%2Funknown.png?alt=media&#x26;token=0e29325f-5901-4c80-83d7-1ecab6034d46" alt=""><figcaption></figcaption></figure>

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FFYWLtW8lukWolZS1nA2x%2Funknown.png?alt=media&#x26;token=768bae53-d777-4ca8-917c-27592fef88d9" alt=""><figcaption></figcaption></figure>

**Step 2: Add a Background**

* In the “**Automatic backgrounds settings**”, please click on “**Add background**”.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2Fs5kVS2Iz6FyZRYDW3X3H%2Funknown.png?alt=media&#x26;token=155c1746-82f9-45d2-b3c7-ff77915d94cb" alt=""><figcaption></figcaption></figure>

**Step 3: Background/Camera settings**

* Background/Camera setting can be updated with the following options:

1. Assign a clear, descriptive name to the automatic background.
2. This name will be used to reference the personalized content
3. **Keep my face visible:** Choose whether to keep my face visible while scrolling the website or not.
4. **Camera bubble position:** Camera bubble position can be tweaked from this option. You can also directly drag and change the camera bubble position.
5. **Scroll Speed:** Select the background scroll speed: Slow/Medium/Fast options.
6. **Screen Share Quality:** Select the screen share quality from Low/Medium/High
7. **Pause scrolling:** Scrolling can be paused for a specific time duration by adding “**Pause start**” and “**Pause End**” times.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FoTmYEFOPHh5K21HOEpnE%2FTrimmed_Automatic_BG_final.gif?alt=media&#x26;token=9defe3fa-12bf-4eb7-a751-b7384a3675de" alt=""><figcaption></figcaption></figure>

**Step 4: Camera Bubble customization**

* Camera bubble position and size can be changed/updated by moving it.
* Multiple background positions can also be adjusted from this window.

<figure><img src="https://257817639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN7z5QEbLCyykfR50Gdpy%2Fuploads%2FSPu6fvxh0FjztXDT0htq%2FCameraBubbleposition-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=7bb7c56e-f1e4-443d-8601-945ff8f27509" alt=""><figcaption></figcaption></figure>

**Step 5: How to add LinkedIn profiles as Backgrounds?**

{% embed url="<https://app.supademo.com/demo/cmhyhxxr84hac17y0yaurl9g0?utm_source=link>" %}

1. **For Chrome:**

* Log in to the Gan.AI account&#x20;
* Select the project for which the LinkedIn access code needs to be set up
* Click on '**Project settings.**'
* Go to **'Dynamic background.s'**
* Go to your LinkedIn profile page and press **Cmd + Shift + C for Mac** or **Ctrl + Shift + I for Windows** to open the inspect window for the page, or right-click with the mouse and click “**Inspect**”.&#x20;
* Click on the **Application panel** at the top.&#x20;
* In the left panel, under the **Storage section**, click on the **Cookies** dropdown.&#x20;
* In the dropdown, click on the **LinkedIn URL**.&#x20;
* In the right section, copy the value corresponding to **li\_at** (as shown in the demo) and paste it in the Gan platform in the “**LinkedIn scrolling access**” “**li\_at**” box.

2. **For Safari:**
   * Log in to the Gan.AI account&#x20;
   * Select the project for which the LinkedIn access code needs to be set up
   * Click on '**Project settings**'
   * Go to **'Dynamic backgrounds'**
   * Go to your LinkedIn profile page and press **Cmd + Shift + C**.
   * Click on the **Storage panel** at the top.&#x20;
   * In the left panel, click on the **Cookies** dropdown.&#x20;
   * In the dropdown, click on the **LinkedIn URL**.&#x20;
   * In the right section, double-click in **li\_at** & copy its value (as shown in the demo).
   * Paste the copied value in the Gan platform.

**Step 7: How to add Facebook profiles as Backgrounds?**

{% embed url="<https://app.supademo.com/demo/cmhyoqkbr4r2t17y0cw4t2zzf?utm_source=link>" %}

1. **For Chrome:**
   * Go to your **Facebook profile page** and press **Cmd + Shift + C for Mac** or **Ctrl + Shift + I for Windows** to open the **inspect** window for the page, or right-click with the mouse and click “**Inspect**”.&#x20;
   * Click on the **Application panel** at the top.&#x20;
   * In the left panel, under the **Storage section**, click on the **Cookies** dropdown.&#x20;
   * In the dropdown, click on the **Facebook URL**.&#x20;
   * In the right section, copy the values corresponding to “**xs**” and “**c\_user**” (as shown in the demo) and paste it in the Gan platform in the “**Facebook scrolling access**” in “**xs**” and “**c\_user**” options, respectively.
2. **For Safari:**

* Go to your Facebook profile page and press **Cmd + Shift + C**.
* Click on the **Storage** panel at the top.&#x20;
* In the left panel, click on the **Cookies** dropdown.&#x20;
* In the dropdown, click on the **Facebook URL.**&#x20;
* In the right section, double click & copy the values corresponding to **xs** and **c\_user** (as shown in the demo).
* Paste the copied values in the Gan platform.

***

#### Troubleshooting & Common Issues

| Issue                                                                      | Likely Cause                                                        | Solution                                                                                         |
| -------------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
| Background variable shows blank or default instead of personalized content | Variable name mismatch or data missing                              | Confirm variable name exactly matches your data source column and that all rows have content     |
| Background appears too early or too late in the video                      | Timeframe settings incorrect                                        | Adjust Start/End times to the correct segment of the video                                       |
| Avatar or face is obscured by background content                           | Face visibility toggle set incorrectly or background covers subject | Enable “Keep face visible” or adjust bubble position / background layout                         |
| Scrolling appears choppy or low quality                                    | Screen share quality set too low or system resource constrained     | Increase quality setting, close other heavy apps, or re-record with higher system specs          |
| LinkedIn/Facebook background not loading                                   | Required access code missing, or permissions issue                  | Ensure cookie need values (li\_at, xs, c\_user) are provided and valid; refresh login and re-try |

Automatic Backgrounds add a powerful layer of personalization to your videos by instantly adapting the backdrop to each viewer. With dynamic LinkedIn or Facebook profiles and customizable scrolling settings, you can create highly immersive, relevant experiences at scale—without manual editing. This feature not only boosts engagement but also helps your message feel more tailored, modern, and memorable.
