Entwickler

Drei Wege, um Buchungen auf Ihrer Website anzubieten.

Jede Integration spricht mit derselben öffentlichen BookDinePlay-API, sodass Verfügbarkeit, Menüs und Reservierungen konsistent bleiben – egal, wie Sie sie einbetten.

Reines JavaScript-SDK

Betten Sie ein Widget in jede Website ein.

Framework-frei und ohne Abhängigkeiten. Laden Sie das Script, rufen Sie renderBookingWidget auf, und BookDinePlay rendert einen eigenständigen, stilisolierten Reservierungsablauf in Ihrem Container-Element.

  1. Fügen Sie das Script-Tag hinzu

    Laden Sie das BookDinePlay-SDK von Ihrem eigenen Hosting oder einem CDN Ihrer Wahl.

  2. Fügen Sie ein Container-Element hinzu

    Platzieren Sie ein leeres Element mit einer id an der Stelle, an der das Widget gerendert werden soll.

  3. Aufrufen von renderBookingWidget

    Übergeben Sie Ihren Location-Slug, die API-Basis-URL und die Ressourcentypen, die Sie anbieten möchten.

<div id="bookdineplay-widget"></div>
<script src="/assets/bookdineplay.js"></script>
window.BookDinePlay.renderBookingWidget({
  container: '#bookdineplay-widget',
  venueSlug: 'demo-sportsbar',
  apiBaseUrl: 'https://localhost:5001',
  resourceTypes: ['RestaurantTable', 'BilliardTable', 'DartBoard']
});

WordPress-Plugin

Ein Shortcode, überall auf Ihrer Website.

Installieren Sie das BookDinePlay-Plugin, und es bindet das JavaScript-SDK für Sie ein. Platzieren Sie den Shortcode auf einer beliebigen Seite, in einem Beitrag oder Block, und legen Sie fest, welche Location er rendern soll.

  1. Installieren Sie das Plugin

    Laden Sie das Plugin-Grundgerüst auf Ihre WordPress-Website hoch und aktivieren Sie es im Plugin-Bereich.

  2. Fügen Sie den Shortcode hinzu

    Fügen Sie den Shortcode auf einer beliebigen Seite, in einem Beitrag oder Widget-Bereich ein.

  3. Legen Sie das Location-Attribut fest

    Richten Sie den Shortcode auf Ihren Location-Slug aus – Attribute werden bereinigt und die Ausgabe wird escaped.

[bookdineplay_widget venue="demo-sportsbar"]
// bookdineplay.php (excerpt)
add_shortcode( 'bookdineplay_widget', 'bookdineplay_render_widget' );

function bookdineplay_render_widget( $atts ) {
    $atts = shortcode_atts( [ 'venue' => '' ], $atts );
    $venue = sanitize_title( $atts['venue'] );
    return sprintf(
        '<div class="bookdineplay-widget" data-venue="%s"></div>',
        esc_attr( $venue )
    );
}

.NET-SDK

Ein typisierter Client für individuelle Anwendungen.

Greifen Sie zu BookDinePlay.Sdk, wenn Sie eine individuelle Web-App, ein internes Betriebstool oder einen Dienst entwickeln, der typisierten Zugriff auf Locations, Menüs, Verfügbarkeit und Reservierungen benötigt.

  1. Client registrieren

    Fügen Sie BookDinePlayClient mit einem konfigurierten HttpClient zu Ihrem Dependency-Injection-Container hinzu.

  2. Typisierte Methoden aufrufen

    Nutzen Sie ressourcenspezifische Clients für Locations, Menüs, Verfügbarkeit, Reservierungen und Zahlungsvorgänge.

  3. Contracts gemeinsam nutzen

    Anfrage- und Antworttypen stammen aus BookDinePlay.Contracts, sodass Ihre App und die API niemals auseinanderlaufen.

// Program.cs
builder.Services.AddHttpClient<BookDinePlayClient>(client =>
{
    client.BaseAddress = new Uri("https://localhost:5001");
});
var venue = await client.Venues.GetAsync("demo-sportsbar", cancellationToken);

var availability = await client.Availability.GetAsync(
    venueSlug: "demo-sportsbar",
    date: DateOnly.FromDateTime(DateTime.Today),
    partySize: 4,
    resourceType: BookableResourceType.RestaurantTable,
    cancellationToken);

var reservation = await client.Reservations.CreateAsync(
    venueSlug: "demo-sportsbar",
    request: createReservationRequest,
    cancellationToken);

Brauchen Sie Hilfe bei der Einrichtung?

Wir helfen Ihnen, BookDinePlay in Ihren Stack einzubetten.

Sprechen Sie mit uns Zurück zu den Funktionen