Add a Reservation Button toYour Website

Modified on Thu, 30 Apr at 3:36 AM

Estimated integration time: ~5 minutes 


The Eventlin platform enables restaurants and hospitality venues to collect and manage reservations directly from their website through a simple reservation form.


The reservation form is technically connected to the central Eventlin system, providing significant benefits for both reservation managers and the venue itself:

  • Centralized management of offers and availability in a single system
  • Automatic email confirmation sent to guests upon reservation creation
  • Automatic notifications to reservation managers via email and SMS
  • Classification of reservations by service type (dining, nightlife, events, private celebrations, etc.)
  • Prevention of reservations outside working hours or outside the defined availability of specific offers
  • Prevention of reservations when no capacity is available


Integration Steps

1. Add Script to Website Header

Insert the following source code into the <head> section of the main page:

<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="https://www.eventlin.com/widget/widget20.min.js">
<link rel="stylesheet"   href="https://www.eventlin.com/widget/widget20.min.css">


2. Add Reservation Button

Place the following HTML code anywhere you want the reservation button to appear:

<div class="eventlin-btn" name="UniqueName">New reservation</div>


UniqueName 

The parameter must be replaced with the identifier of the venue being integrated. It can be found in the Eventlin profile under the Profile section or will be provided by Eventlin support during the integration process.


New reservation
The text displayed on the reservation button is fully customizable. Example values:

  • “Reservations” (for main navigation menus)
  • “Book Now” (as a call-to-action button within page sections)
  • “We Are Waiting for You” (promotional CTA)


The CSS class eventlin-btn must not be modified or removed from the class attribute!


Styling and Customization

The HTML component can be fully adapted to match the design and style of the venue’s website. It is recommended to define styling via additional CSS classes added through the class attribute, allowing full visual integration with the existing website design system.


Multiple Buttons Support

It is possible—and recommended—to include more than one reservation button on a website. Typical examples include:

  • A “Reserve” button in the main navigation menu
  • A CTA button within a landing page section that opens the reservation form

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article