NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.

Find a widget for you

You can use our widgets to accomplish practically any task on your website — increase users' confidence, grow conversion, engage your visitors, provide support, etc.

See All Widgets
GuideVideo Gallery

How to Add a Video Gallery to a Site Built with AI (Lovable, v0, Bolt, Base44, Replit)

Updated September 2026 · 5 min read

Short answer

AI site builders generate React or HTML code, so you can add a video gallery by pasting its installation code into the generated page — or asking the AI builder to add it for you.

Ask the builder to add it

Copy the installation code from Elfsight and prompt: “Add this embed code to the page, in a full-width section below the hero. Load the script once.” Most AI builders place it correctly.

Or add it by hand

Open the generated page component and place the widget element where the gallery should appear; load the script once for the whole app. See our React and Next.js pages.

Why a widget instead of AI-generated gallery code

  • Galleries from YouTube, TikTok or Instagram need APIs and keys the builder can’t set up for you.
  • The widget updates automatically when you publish new videos.
  • You edit videos and design without regenerating the site.
The no-code way

Create the gallery in Elfsight, paste the code into your AI-built site.

Try Elfsight Video Gallery →

Frequently asked questions

Can I add a YouTube gallery to a Lovable or v0 site?

Yes. Paste the Video Gallery installation code into the page or ask the builder to add it.

Will the builder overwrite it?

Keep the embed in its own component or section and tell the builder not to change it.

Related

Put your videos on your website

Create a free video gallery in minutes.

Create Widget for Free