Blog

Wie integriere ich ein Localina-Reservationsformular in meine Facebook-Seite?

Fourward, 12 June 2014

Localina ist eine Reservationsplattform, die von zahlreichen Restaurants und Unternehmen überall in der Schweiz verwendet wird. Diese Plattform besticht durch ihre leichte Bedienbarkeit und ist somit sehr benutzerfreundlich – allerdings sind wir vor einigen Tagen über ein Problem gestolpert: Wie integriere ich ein Localina-Reservationsformular in meinen Facebook-Auftritt?

Wir finden, es macht Sinn, dass Unternehmer das Reservationsformular auf ihrer Facebook-Seite einbinden. Local.ch bzw. Localina ist schliesslich eine Plattform, die ein grosses Publikum erreicht – welcher Restaurantbesitzer möchte es seinen Gästen nicht so einfach wie möglich machen, einen Tisch zu reservieren, sei es über den Auftritt bei Facebook oder über die reguläre Website des Lokals? Also haben wir versucht, einen Weg zu finden, Facebook und Localina miteinander zu verbinden. Zu unserer Überraschung gab es kaum offizielle oder inoffizielle Hilfe, weshalb wir die Sache selbst in die Hand nahmen.

Somit haben wir die folgende Problemlösung gefunden. Voraussetzung dafür ist, dass Sie bereits eine Facebook-Seite für Ihr Unternehmen betreiben und ausserdem auf Facebook eingeloggt sind.

Schritt 1: Suchen und installieren Sie die App „Static HTML: iframe Tabs

Hierbei handelt es sich um eine bekannte App, die ein externer Anbieter für Facebook geschaffen hat. Die Anwendung erlaubt es Ihnen, neue Tabs und Programmiercodes auf Ihrer Facebook-Seite einzubetten. Wenn Sie die App gefunden haben, klicken Sie auf “Auf eine Seite anwenden”.

Schritt 2: Editieren Sie den neuen Tab und benennen Sie diesen um

Sobald Sie die App installiert haben, erscheint ein neuer Tab auf ihrer Facebook-Seite. Ändern Sie zunächst den Namen und fügen Sie ein neues Icon hinzu. Dazu klicken Sie auf das Feld, das im unten gezeigten Screenshot hervorgehoben ist.

Schritt 3: Finden Sie die URL für Ihr Localina-Reservationsformular heraus

Finden Sie heraus, wie genau die URL ihres Localina-Reservationsformulares lautet. Sie finden diese URL in der Kopfzeile Ihres Browsers, wenn Sie in Ihrem Localina-Account eingeloggt sind.

https://my.localina.com/frontend/?locale=de

Schritt 4: Fügen Sie den iFrame-Code in den Tab ein und speichern Sie

Fügen Sie zum Schluss den folgenden Code in das dafür vorgesehene Feld ein. Dieses sollte unter dem „index.html“-Tab zu finden sein. Denken Sie daran, die URL aus Schritt 3 einzufügen. Hier müssen Sie ausserdem eine weitere Anpassung von Hand vornehmen: Die URL, die Sie einfügen, wird wahrscheinlich mit „http://“ beginnen. Ändern Sie diese so um, dass sie mit stattdessen mit „https“ anfängt.

Drücken Sie dann auf speichern und testen Sie Ihren neuen Tab.

So schnell und einfach ist das Problem gelöst. Dennoch würden wir uns freuen, wenn Localina in naher Zukunft eine offizielle App herausbrächte um den Button einzubinden. Das würde die Sache für alle Nutzer wesentlich erleichtern.


verwandte Beiträge
Ich bin Christoph

Gründer und Inhaber von fourward, er schreibt vorwiegend über SEO, Analytics und Usability Themen..