We've just moved our booking software from Resy (they're shutting down in the UK) to Seven Rooms, I've been given the below code for the new booking widget;
<div id="sr-res-root" class="sr-md sr-dark sr-#fbd1b3">Reservations</div>
<script src="https://www.sevenrooms.com/widget/embed.js"></script>
<script>
SevenroomsWidget.init({
venueId: "swim",
triggerId: "sr-res-root", // id of the dom element that will trigger this widget
type: "reservations", // either 'reservations' or 'waitlist' or 'events'
styleButton: true, // true if you are using the SevenRooms button
clientToken: "" //(Optional) Pass the api generated clientTokenId here
})
</script>
I'm wondering if I can centre it in the content block and change the colour.
I'd also like to use the same button twice on one page, for some reason when I paste the code in another content block the button doesn't show, just the word "reservations" with no link to the box.