A hall plan template for exhibitors: highlight the hall they choose

Your trade fair has several halls, and every exhibitor should show on LinkedIn where to find them: with their logo, their hall and their booth, and on the hall plan exactly their hall lights up. This guide shows with one example how to build such a template: exhibitors pick their hall from a dropdown menu, and the hall plan changes by itself. Read it once before you start. Every single click is in the linked articles.

The example: exhibitors show their hall

YLW Summit is an invented conference with an exhibition, from 2 to 4 April 2026 in Cologne, in six halls. You run its marketing. Before the event, exhibitors should post that they are taking part: "We're exhibiting!", with their logo, their company name, their hall and their booth.

The design team gave you the hall plan seven times: once for each hall, with only that hall lit up in white, and once with no hall highlighted. All seven images are the same size and show the same section.

Even so, the template gets only one image for the hall plan. Which of the seven files it shows is decided by a lookup: a list that names the matching image for every hall in the dropdown menu. When an exhibitor picks "Hall 5", the image shows the plan with hall 5. You write this list with the SWITCH function. Excel and Google Sheets have the same function under the same name.

The way at a glance

From the seven images to the finished link, there are five stages:

Prepare the hall plans

Before you start in Studio, you need the hall plans as separate images.

1. From your design program, you export the hall plan once per hall, with that hall highlighted, and once without a highlight. Every export has exactly the size of the area the plan takes up in the template, here 1080 × 663 pixels. That way every image fits the same spot.
2. Under Assets and Images, you open the images of your asset library, the library of your account. With Upload, you upload all seven images at once. Each image now has an address of its own on the web, its URL. You need these for the lookup later.
   

Build the design in the template editor

You build the design right in the template editor, from shapes, texts and images.

1. In the folder "YLW Summit 2026", you create a template of 1080 × 1080 pixels with Create Template and Empty.
2. With the rectangle tool, you add the shapes: the large blue area at the top in #457DED, the dark blue band at the bottom in #124BBA, and inside it on the left a white box for the event logo.
3. With the image tool, you take three images from the Image Library: the event logo for the white box, a "Your Logo" placeholder for the exhibitor's logo at the top right, and on the blue area the hall plan with no hall highlighted, at exactly 1080 × 663.
4. For the logo placeholder, you set Crop Mode to Contain. Then every logo stays fully visible, whatever its shape, and nothing gets cut off. You also set Origin to the right. The logo area sits at the top right and ends at the same right edge as "Booth YY" below it. A logo that is narrower than its area, a square one for example, would otherwise float in the middle of the area and look out of line. With Origin on the right, it always ends at that edge.
5. With the text tool, you add four texts in Bricolage Grotesque and white: "We're exhibiting!", "Company Name" and, in the blue band, "Hall XX" and "Booth YY". For "Hall XX" and "Booth YY", you turn Wrap off, so they always stay on one line. "Booth YY" gets Origin on the right: a longer booth number then grows to the left, and the right edge stays put.
6. In the layers panel, you give the elements that change readable names: logo, company, hall, booth and hallplan. A double-click on the name makes it editable. Bluepic builds the variable names from these names in a moment, for example hall_text for the hall's input field. With a readable name, the lookup later reads almost like a sentence.
   

Create the input fields

Now you make the four parts changeable that every exhibitor fills in differently. An input field is what exhibitors see and fill in in the design generator. You create each one with the Create Input Field tool.

1. The logo placeholder gets the field type Image. Exhibitors upload their logo there. Because the placeholder is set to Contain, no logo gets cut off.
2. company and booth get the field type Text. There, exhibitors type their company name and their booth number.
3. hall gets the field type Text Selection. Here exhibitors don't type anything, they pick their hall from a dropdown menu. In the settings, under Text options, you add six options with the values "Hall 1" to "Hall 6". The first option, "Hall XX", stays the default value and gets "Select hall" as its Custom label. That way the dropdown menu says "Select hall" and the design says "Hall XX" until an exhibitor picks their hall. Under Type, you choose Dropdown.
   

When an exhibitor picks "Hall 5" now, the text in the blue band changes. The hall plan stays the same so far. The next chapter changes that.

Link the hall plan to the selection

So far, the hallplan image always shows the same file. Now it gets the lookup instead of a fixed file: which file it shows depends on the hall that was picked. For this, you write an expression, a calculation rule instead of a fixed value.

The SWITCH function goes through a list of pairs. If the hall picked is "Hall 1", it takes the URL of the first image. If it is "Hall 2", the URL of the second, and so on. If no hall matches, for example with the default value "Hall XX", it takes the last entry: the plan with no hall highlighted.

1. Hover over the image "Hall plan – Hall 1" in your asset library and click the chain icon. This is Copy URL. The image's address is now copied.
   
2. Paste the address into a text editor, for example the notes app on your computer, next to its hall. Repeat this for all seven images. We recommend preparing the lookup there and not in Bluepic: you see all seven URLs at once, can check every pair in peace and keep a copy for next year.
3. Write the lookup in the text editor. First comes the variable name of the hall's input field, then each hall and the URL of its image, and at the end the URL of the plan with no hall highlighted. Texts and URLs go in backticks (`), and the parts are separated by commas:

   SWITCH(hall_text,
     `Hall 1`, `https://imagedelivery.net/…/public`,
     `Hall 2`, `https://imagedelivery.net/…/public`,
     `Hall 3`, `https://imagedelivery.net/…/public`,
     `Hall 4`, `https://imagedelivery.net/…/public`,
     `Hall 5`, `https://imagedelivery.net/…/public`,
     `Hall 6`, `https://imagedelivery.net/…/public`,
     `https://imagedelivery.net/…/public`)
   

   
   In place of …, put the rest of each URL you copied.
4. Click the italic fx in the toolbar at the top of the template editor. This is the Connect expressions tool.
   
5. Click hallplan in the layers panel. The properties panel shows its properties.
   
6. Click the preview image under Source in the Image section of the properties panel. The expression editor opens with an OBJECT block.
   
7. Click the angle brackets at the top right of the expression editor.
   
   The code view opens. It shows the image's source as { src: "https://…", innerAlign: "center", … }. Only src matters to you: the file's address. The rest controls cropping and mirroring and stays as it is.
   
8. Replace the address after src:, including its quotation marks, with your lookup from the text editor. The line breaks can stay. Bluepic applies the change right away and saves the lookup on one line.
   
9. Click × at the top left. The expression editor closes. On the canvas, you still see the plan with no hall highlighted, because "Hall XX" is still selected.

Test and share

You test whether every hall gets its image in the design generator, the page where exhibitors fill in the template.

1. You click Share at the top right and then Publish Template Link. A popup with the link opens, and below it the preview of the design generator.
2. In the preview, you pick each hall once in the dropdown menu and look whether exactly that hall lights up. You also upload a logo and type a long company name and a booth number.
   
3. You click Copy URL and send the link to your exhibitors, for example in the exhibitor newsletter or the exhibitor portal.

Where to go from here

• Exhibitors should get the template with their hall and booth already filled in: Turn data into personalised visuals: three levels.
• The template should go into one design generator in your website's look, together with other templates: Your first campaign: from an existing design to a design generator in your website's look.
• Another image should follow a selection, for example the plan of the stages or a flag per country: the lookup with SWITCH works the same way there.