# Building a Seatmap? Doe's anyone know how?

**URL:** <https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043>\
**Category:** Need help\
**Created:** [June 28, 2023, 3:27pm UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043 "2023-06-28T15:27:17Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan11](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dan11/32/169745_2.png) [@dan11](https://forum.bubble.io/u/dan11)\
**Post date:** [June 28, 2023, 3:27pm UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/1 "2023-06-28T15:27:17Z")

</div>

Hi there,

Does anyone know how to build a seatmap into a ticketing platform on bubble? A few clients are asking about this feature and we’re wanting to add it to the platform!

---

<div class="post-metadata">

**Author:** ![aaronsheldon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/aaronsheldon/32/115965_2.png) [@aaronsheldon](https://forum.bubble.io/u/aaronsheldon)\
**Post date:** [June 28, 2023, 10:44pm UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/2 "2023-06-28T22:44:21Z")

</div>

To get a truly interactive experience you will want to have a custom plugin built around an interactive SVG element that exposes the selected seats as states. Contact me if you are interested. We will require an illustration of the seating layout to reproduce in the interactive SVG.

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [June 29, 2023, 1:07am UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/3 "2023-06-29T01:07:51Z")

</div>

It’s not a crazy thing to implement. What shape are your seats I wonder? Rows/Column? Amphitheater?

---

<div class="post-metadata">

**Author:** ![aaronsheldon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/aaronsheldon/32/115965_2.png) [@aaronsheldon](https://forum.bubble.io/u/aaronsheldon)\
**Post date:** [June 29, 2023, 1:41am UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/4 "2023-06-29T01:41:00Z")

</div>

Definitely, a pure Bubble solution could be hacked together in a reusable composed of nested repeating groups of fixed sizes. It would be a lot more linear than the actual seating layout, but could do in a pinch; especially as a PoC.

---

<div class="post-metadata">

**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\
**Post date:** [June 29, 2023, 2:21am UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/5 "2023-06-29T02:21:14Z")

</div>

Start off making the actual seat map via CSS/HTML.

Paste it into your project, create a function for when the seat is clicked, send that function over to bubble with a toolkit plugin by making a custom bubble function or adapting into your own plugin. Pretty simple if you know how to code a little.

[TEST SeatMap (codepen.io)](https://codepen.io/mosloko/pen/oGvrxx)

This is just an example with some functionality.

---

<div class="post-metadata">

**Author:** ![dan11](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dan11/32/169745_2.png) [@dan11](https://forum.bubble.io/u/dan11)\
**Post date:** [June 29, 2023, 2:25am UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/6 "2023-06-29T02:25:59Z")

</div>

I’m looking at using something like this [https://www.seats.io/](https://www.seats.io/) potenitally to trigger our database on selection. Do you think this is possible or something you could do?

---

<div class="post-metadata">

**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\
**Post date:** [June 29, 2023, 2:49am UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/7 "2023-06-29T02:49:43Z")

</div>

Send me a DM and we can talk about it. It’s definitely an app within an app.

When it’s not possible on Bubble, we can always make something custom then embed it within the application.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [September 6, 2023, 3:28pm UTC](https://forum.bubble.io/t/building-a-seatmap-does-anyone-know-how/270043/8 "2023-09-06T15:28:14Z")

</div>

This topic was automatically closed after 70 days. New replies are no longer allowed.
