Embedding Multiple Widgets

Creating Multiple Versions of Your TemplatesBooth Widget

As your photo booth business grows, you might find the need for multiple versions of your TemplatesBooth Widget to better serve your clients.

For example, if you offer different types of photo booths, you may want to display only the template designs compatible with the specific booth a client has selected. This helps ensure clients see the most relevant options for their booking.

Fortunately, by making a few small changes to your widget embed code, you can create and display different versions of your widget on different pages of your website.

📌 The Default Widget Code

When you first grab your embed code from TemplatesBooth, it will look something like this:

<iframe
  srcdoc="Loading..."onload="this.removeAttribute('srcdoc')" 
src="https://templatesbooth.com/widget-embed/?key=XXXXXXX"scrolling="yes"
width="100%"height="2200px"frameBorder="0" ></iframe>
/* This is an embed iframe for displaying a widget from TemplatesBooth */

• The XXXXXXX part is your unique account key.
• By default, this widget will display content based on your saved settings inside your TemplatesBooth profile.

🎯 Why Customize Your Widget?

By customizing your widget with URL parameters, you can:

• Display different product categories on different pages.
• Tailor widgets for specific photo booth styles (e.g., strips, postcards, squares).
• Target different image orientations (portrait, landscape, square).
• Control which types of designs your website visitors see, even if your main profile settings remain unchanged.

This is great for businesses with multiple booth types or different service locations!

🛠️ Step 1: Locate Your Widget URL

Before you customize, find your widget URL inside the iframe embed code.

It looks like this:

https://templatesbooth.com/widget-embed/?key=XXXXXXX

This is the part we’ll be editing.

🛠️ Step 2: Add URL Parameters

You can add URL parameters at the end of your widget URL to instruct it to only show certain types of layouts and/or certain types of image orientation.

These parameters override your saved profile settings for that specific embed.

Available Parameters:

Parameter	Purpose	Options
default_layout	Choose which layout format to show	26strip, 26horizontal, 46postcard-p, 46postcard-l, 46postcard-h, square
default_type	Choose image orientation	portrait, landscape, square

For example, if you want your widget to show only 2x6 photo strip layouts, your widget url would look like this:

https://templatesbooth.com/widget-embed/?key=XXXXXXX&default_layout=26strip

Or if you want your widget to show only layouts with square images, your widget url would look like this:

https://templatesbooth.com/widget-embed/?key=XXXXXXX&default_type=portrait

And if you wanted your widget to show only 2x6 photo strip layouts with square images, your widget url would look like this:

https://templatesbooth.com/widget-embed/?key=XXXXXXX&default_layout=26strip&default_type=portrait

The full code would look like this:

<iframe
  srcdoc="Loading..."onload="this.removeAttribute('srcdoc')" 
src="https://templatesbooth.com/widget-embed/?key=XXXXXXX&default_layout=26strip&default_type=portrait"scrolling="yes"
width="100%"height="2200px"frameBorder="0" ></iframe>
/* This is an embed iframe for displaying a widget from TemplatesBooth */

You can see a full list of the available url parameters below:

&default_layout=. This selects the template "Layout" type

26strip           (2x6 photo strips)
26horizontal      (2x6 horizontal photo strips)
46postcard-p      (4x6 postcard portrait)
46postcard-l      (4x6 postcard landscape)
46postcard-h      (4x6 postcard half n half)
square            (square overlay)


&default_type=    This selects the templates "image" orientation
portrait          (Portrait images)
landscape         (Landscape images)
square            (Square images)

⚠️ Note that at this time you can only combine 1 layout option with 1 image option.