WordPress Plugin

Animated Backgrounds for WordPress

Install the plugin, paste your embed key, drop [bglabs] on any page. Your animation appears instantly — no configuration needed inside WordPress.

Download Plugin Sign In & Get Your Key

v2.0.0 · WordPress 6.0+ · PHP 7.4+ · GPL-2.0

Setup in 3 Steps

Install the plugin

Download the zip above and upload it in Plugins → Add New → Upload Plugin in your WordPress admin. Activate it.

Or search for "BG Labs" in the WordPress plugin directory.

Paste your embed key

Go to BG Labs in your WordPress sidebar. Paste the embed key from your BG Labs profile. Hit Save. That's the only setting.

Don't have an account? Create one free — pick an animation and authorize your domain from your profile.

Add `[bglabs]` to any page

Drop the shortcode into any page or post. Or search for the "BGLabs Animation" block in the Gutenberg inserter. Your animation appears on the live site — no further configuration in WordPress.

Want to change the animation? Do it from your BG Labs dashboard. The plugin picks it up automatically.

Common Questions

Where do I get my embed key?

Sign in at bglabs.app/profile. Your embed key is displayed on your dashboard. Copy it and paste it into the plugin settings.

How do I choose which animation appears?

From your BG Labs profile — assign an animation to your domain. The plugin loads whatever animation is assigned. Change it anytime without touching WordPress.

Do I need to authorize my domain?

Yes. In your BG Labs profile, add your site's domain (e.g. mysite.com) to the authorized list. This is a one-time step that secures your embed key to your site.

Can I put animations on specific sections instead of full-page?

Yes. Use [bglabs target="hero-section"] where hero-section is the ID of the element you want the animation behind.

Does it work with Elementor / Divi / WPBakery?

Yes. The [bglabs] shortcode works in any builder that supports shortcodes. For Gutenberg, use the block inserter.

Will it slow down my site?

No. Animations load asynchronously in a sandboxed iframe. Built-in FPS monitoring automatically reduces quality on slower devices.

Is it free?

The free plan includes 1 domain with full access to 40+ animations. Paid plans add more domains, remove the watermark, and unlock 3D effects.

Shortcode Reference

The basic shortcode [bglabs] needs no attributes. These optional attributes are for advanced use cases:

Attribute	Description	Example
id	Override the default animation with a specific UUID from your profile	`[bglabs id="abc-123"]`
target	Attach to a specific element by ID instead of full-page background	`[bglabs target="hero-section"]`
pick	Select animation by index when multiple are assigned to your domain	`[bglabs pick="2"]`
quality	Performance profile: `auto`, `smooth`, `lightweight`, or `full`	`[bglabs quality="lightweight"]`