BoothGallery Website Widget

Generate your own widgets from your BoothGallery account. This is then ready to embed on your website.

1. In your BoothGallery dashboard, go to Build Your Widget
2. Configure your Layout, you'll see a preview in the same page of how your widget will look. Choose Rows/ Grid, Number of Columns, Number of Galleries, Font style, Text and Background Colour as well as included items such as Thumbnail (image), Title, Date and Description.
3. To change the Text and Background Colour you will need to select these fields first and then once selected click onto the colour dial. The colour dial will show you an outer circle to choose the colour and then an inner circle to choose the shade of your colour. As you are choosing these colours you will also see that the fields change in correspondence with the colours. Every colour is defined by a Hex code so as the colour is changing inside the field you will see the code for the colours change as well.
4. Copy the code that appears underneath the widget preview
5. Paste the code into your website in an area that allows embedded code

Some help guides are below:

• Wordpress - how to add HTML code
• Wix - how to add HTML code
• Squarespace - how to add HTML code
• Weebly - how to add HTML code

Troubleshoot Problems Here First then try the below configuration:

(This configuration also works well if you have a combination of landscape and portrait galleries)

1. Choose the Layout: Rows option
2. Number of Galleries: 1
3. Select any preferred color and font options
4. Include Items: Thumbnail, Title, Date, Description
5. Copy the code and paste into your website in an area that allows embedded code
6. Remove the code in between and including the tags <script>...</script>
7. Directly after <iframe , add class="boothgallery-widget" 
8. Add the following code above your <iframe>...</iframe> tags:

9. Add in a heading, some text and a button linking visitors to View All Events on your BoothGallery home page eg. gallery.mybusiness.com (if you're on a BoothBook Basic plan or above you can access this feature for free with the BoothGallery Pro account - find out how here).

10. Having this Latest Events area on your website gives your website visitors a great first impression, that you are a current, established business, with recent events and reinforces trust in potential customers. Your configuration will look similar to the below in your website: