Automatic Backgrounds
Create highly personalized videos with Automatic Backgrounds in Gan.AI. Add dynamic LinkedIn or Facebook backgrounds to engage viewers and automate large-scale customization.
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.
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.
Step 2: Add a Background
In the “Automatic backgrounds settings”, please click on “Add background”.
Step 3: Background/Camera settings
Background/Camera setting can be updated with the following options:
Assign a clear, descriptive name to the automatic background.
This name will be used to reference the personalized content
Keep my face visible: Choose whether to keep my face visible while scrolling the website or not.
Camera bubble position: Camera bubble position can be tweaked from this option. You can also directly drag and change the camera bubble position.
Scroll Speed: Select the background scroll speed: Slow/Medium/Fast options.
Screen Share Quality: Select the screen share quality from Low/Medium/High
Pause scrolling: Scrolling can be paused for a specific time duration by adding “Pause start” and “Pause End” times.
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.
Step 5: How to add LinkedIn profiles as Backgrounds?
For Chrome:
Log in to the Gan.AI account
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”.
Click on the Application panel at the top.
In the left panel, under the Storage section, click on the Cookies dropdown.
In the dropdown, click on the LinkedIn URL.
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.
For Safari:
Log in to the Gan.AI account
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.
In the left panel, click on the Cookies dropdown.
In the dropdown, click on the LinkedIn URL.
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?
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”.
Click on the Application panel at the top.
In the left panel, under the Storage section, click on the Cookies dropdown.
In the dropdown, click on the Facebook URL.
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.
For Safari:
Go to your Facebook profile page and press Cmd + Shift + C.
Click on the Storage panel at the top.
In the left panel, click on the Cookies dropdown.
In the dropdown, click on the Facebook URL.
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.
Last updated