Add Photo Booth to Your Website
Embed our photo booth widget on any website with just a few lines of code. Perfect for events, portfolios, and interactive experiences.
Events
Weddings, parties, corporate events
Photographers
Portfolio sites, client galleries
Businesses
Product launches, marketing campaigns
Customize Your Widget
Live Preview
Integration Code
Method 1: Script (Recommended)
<!-- Photo Booth Embed Widget -->
<script src="https://photobooth.app/embed.js"></script>
<div id="photobooth-widget"
data-theme="light"
data-brand="Photo Booth"
data-filter="None"
data-frame="Classic"
data-controls="true">
</div>Method 2: iFrame
<iframe
src="https://photobooth.app/embed?theme=light&brand=Photo%20Booth&filter=None&frame=Classic&controls=true"
width="100%"
height="600"
style="border: none; border-radius: 12px;"
allow="camera; microphone"
title="Photo Booth">
</iframe>Configuration Options
| Parameter | Type | Default | Description |
|---|---|---|---|
| theme | string | "light" | "light" or "dark" color scheme |
| brand | string | "Photo Booth" | Custom title displayed in header |
| filter | string | "None" | Default filter (None, B&W, Vintage, etc.) |
| frame | string | "Classic" | Default frame (None, Classic, Black, etc.) |
| controls | boolean | true | Show/hide filter buttons and controls |
| width | string | "100%" | Widget width (script method only) |
| height | string | "600px" | Widget height (script method only) |
JavaScript Events
Listen for events from the embedded photo booth:
// Listen for photo downloads
const widget = document.getElementById('photobooth-widget');
widget.addEventListener('photobooth:download', (event) => {
console.log('Photo downloaded!');
console.log('Image URL:', event.detail.imageUrl);
// Send to your server, show in gallery, etc.
});Embed Access Requires Pro or Business Plan
Upgrade to unlock the embed widget for your websites and applications.
View Pricing