← All embedding patterns

Launcher and page buttons

The floating launcher stays, and buttons on the page open the same widget: by class name, or by calling NovelWidget.open() yourself.

Live example

Snippet

<button type="button" class="book-with-novel">Book a table</button>
<button type="button" onclick="NovelWidget.open()">Reserve now</button>

<script src="https://widget.withnovel.com/5631dfc5-5aef-4de0-a9b0-b6e66da37b50.js" async data-button-class-name="book-with-novel"></script>