Gan AI Docs
  • 👋Welcome to Gan.AI
  • Onboarding
    • ✨Our Products
  • Studio by Gan.AI
    • 📹Quick videos
      • Creating your first quick video
      • Generating subtitles
      • Editing subtitles
      • Trimming quick videos
      • Setting up your video thumbnail
      • Adding background audio/music
      • Getting video details
      • View quick video analytics
      • AI Edit Video Landing Page
    • 📽️Personalized projects
      • Personalize with variables
      • Tips for recording and setup
      • Recording a personalized project
      • Setting up your personalized project
        • Voice AI
          • Assigning Voice AI variables
        • Edit video landing page
        • Automatic Backgrounds
        • Thumbnails
        • Subtitles
          • Setting up personalized subtitles
          • Generating personalized subtitles
      • Generating personalized copies
      • View Personalized Video Analytics
    • 💡Chrome Extension
      • Installing & Setting up
      • Recording & sharing videos
      • Using with Gmail
      • Adjusting camera settings
      • Drawing highlights
      • Editing subtitles
    • 💾AI-Personalized videos
      • Recording your first AI-personalized video
      • Adding a script
      • Recording variables
      • Training script
      • How does the AI model work?
      • Edit pronunciation
      • Why is my video still generating?
      • Sending the video for the model training
      • Generating video copies
  • Custom Branding
    • Personalized video landing pages
    • Adding personalized header
  • Sending videos
    • ✉️Sending videos
      • Selecting a video page template
      • Editing the video landing page
      • Sharing videos
      • Maximizing the impact
      • Analytics
    • 🔗Linking your custom domain
  • VIDEO DELIVERY
    • Export video data
    • 🔗List of integrations
      • Hubspot
      • Zapier
      • Make
      • Outreach
      • Follow Up Boss
      • Klaviyo
      • Keap
      • Mailmodo
      • Highlevel
      • Apollo
      • Mailmodo
      • Twilio
      • Mailchimp
      • Google Sheets
      • API
  • SHARE & EMBED GAN.AI VIDEOS
    • 🔗List of integrations
      • Hubspot
  • 😍Other
    • Support
    • Pricing
    • Security and compliance
    • FAQs
    • Use cases
Powered by GitBook
On this page
  • What is Automatic Background Scrolling?
  • Why add Automatic Background Scrolling?
  • How to Setup Automatic Backgrounds?
  • How to add LinkedIn profiles as Backgrounds?
  • For Chrome:
  • For Safari:
  • How to add Facebook profiles as Backgrounds?
  • For Chrome:
  • For Safari:
  1. Studio by Gan.AI
  2. Personalized projects
  3. Setting up your personalized project

Automatic Backgrounds

Enable automatic scene backgrounds in personalized projects to keep videos on-brand without manual editing.

PreviousEdit video landing pageNextThumbnails

Last updated 8 months ago

Table of contents:

What is Automatic Background Scrolling?

Automatically change what scrolls behind your video, it could be a website, Linkedin profile, video or even an image. This feature creates an instant connection by showing only relevant backgrounds to each recipient.

Why add Automatic Background Scrolling?

Get increased engagement, as viewers see personalized content, potentially leading to better communication outcomes and stronger relationships. The ability to import web links in bulk and auto-scroll websites as dynamic backgrounds for each viewer adds efficiency to the personalization process, making it a powerful tool for creating impactful, individualized video content at scale.

How to Setup Automatic Backgrounds?

  1. Add a new Background by Clicking on "+ Add background"

  2. Set the Timeframe

    • Choose when the dynamic background should appear

    • Select the start and end times on the right

    • Ensure the timeframe is at least 2 seconds long

  3. Name the Variable

    • Assign a clear, descriptive name to the automatic background variable

    • This name will be used to reference the personalized content

Other Settings

  • Choose whether to keep face visible while scrolling the website or not by toggling it on the right.

  • Fix the Camera bubble position to suit your asthetic.

Configuring Content Source

Specify where the personalized content should be pulled from (e.g., viewer's website, LinkedIn profile)

How to add LinkedIn profiles as Backgrounds?

These steps are necessary to be performed to display LinkedIN profile URLs.

For Chrome:

  1. Log in to the Gan.AI account

  2. Select the project for which LinkedIn access code needs to be set up

  3. Click on 'Project settings'

  4. Go to 'Dynamic backgrounds'

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

  6. Click on the Application panel at the top.

  7. In the left panel, under the Storage section, click on the Cookies dropdown.

  8. In the dropdown, click on the LinkedIn URL.

  9. In the right section, copy the value corresponding to li_at (as shown in the demo) and paste it in the Gan platform.

For Safari:

  1. Log in to the Gan.AI account

  2. Select the project for which LinkedIn access code needs to be set up

  3. Click on 'Project settings'

  4. Go to 'Dynamic backgrounds'

  5. Go to your LinkedIn profile page and press Cmd + Shift + C.

  6. Click on the Storage panel at the top.

  7. In the left panel, click on the Cookies dropdown.

  8. In the dropdown, click on the LinkedIn URL.

  9. In the right section, double click in li_at & copy it's value (as shown in the demo).

  10. Paste the copied value in the Gan platform.

How to add Facebook profiles as Backgrounds?

These steps are necessary to be performed to display LinkedIN profile URLs.

For Chrome:

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

  2. Click on the Application panel at the top.

  3. In the left panel, under the Storage section, click on the Cookies dropdown.

  4. In the dropdown, click on the Facebook URL.

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

For Safari:

  1. Go to your Facebook profile page and press Cmd + Shift + C.

  2. Click on the Storage panel at the top.

  3. In the left panel, click on the Cookies dropdown.

  4. In the dropdown, click on the Facebook URL.

  5. In the right section, double click & copy the values corresponding to xs and c_user (as shown in the demo).

  6. Paste the copied values in the Gan platform.

Remember to save your changes after configuring the dynamic background settings.

Go to "Project Settings" to make additional changes after publishing your project

📽️
What is Automatic Background Scrolling?
Why add Automatic Background Scrolling?
How to Setup Automatic Backgrounds?
How to add LinkedIn profiles as Backgrounds?
How to add Facebook profiles as Backgrounds?