Once successfully registered, you will receive your widget’s code in your welcome email.

You can also find your code by going in your Libro back-end (https://accounts.libroreserve.com/restaurant-owners/my-account/restaurants) and navigating to [Your Restaurant] > Settings > Widgets.

From your accounts section you will find 2 simple examples, but any link that opens the Widget’s URL into a new tab or window will do the trick.

Here are a few custom examples :

**This is only an example. Please do not do take this code.

Code:

<a href="https://widgets.libroreserve.com/widgets/WEB/DEMO/book" target="_blank">Book a Table</a>

Result:

Window Pop-Up

Code:

<a
href="javascript:window.open('https://widgets.libroreserve.com/widgets/WEB/DEMO/book', 'libro', 'width=900,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no')">Book a Table</a>

Result:

Embeded Widget

The widget is responsive, so it should adapt nicely to most situations :

Code:

  <iframe src="https://widgets.libroreserve.com/widgets/WEB/DEMO/book" style="border: none;" width="550" height="100" />

Result:

Code:

  <iframe src="https://widgets.libroreserve.com/widgets/WEB/DEMO/book" style="border: 1px solid #333;" width="300" height="410" />

Result:

Button

<a href="https://widgets.libroreserve.com/WEB/QC014310225040/book" target="_blank" style="background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkE4QTU2OTkyRDRGMTFFNDlGM0ZGMTE5MjVGQTFBNUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkE4QTU2OTgyRDRGMTFFNDlGM0ZGMTE5MjVGQTFBNUQiIHhtcDpDcmVhdG9yVG9vbD0iUGl4ZWxtYXRvciAzLjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzIzMjJFNTJENEYxMUU0OUYzRkYxMTkyNUZBMUE1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzIzMjJFNjJENEYxMUU0OUYzRkYxMTkyNUZBMUE1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPu5orZMAAAK0SURBVHja7JpPSBRRGMB3VIwORUJ%2FtITqooRBl4pACrqI3boE0qVuQWcv0kHoFp07VBQSmWB46CrdighENLLIoi5li%2BWaK1Jo5PT72Ccsw4y7%2B5xd5%2B18H%2FyYYf7szPvtN99783Y93%2FczaY6GTMpDBagAFaACVIAKUAEqQAWoABWgAlRAKkPmA6KI%2BToe3ICsX4h5uAOt29lOb7OGep5ne7E2FlfgNOyBHybbLoUcPgc9XOt9tQXUJAM47xqs%2BJXFJzgPDc5kAOc1s7gI5%2BAQLMM6XN3CfUo2jMAw155ObAawrwNm%2FOrGOxiA9kRlgLmh1%2BZbr0n9gnF4CM%2B4p9U4M6AsARzTyOIsnIE%2BOLFNndYiPBEZ3NtUTQSwX57xITiasB5casR9Uy%2FyVRFAdMEE7EzwUOYPjMI9RLyKW8AwXHZoXDcDD%2BARMhbjEPAT9jo4wJVC%2BVSyAl4iw7cVUA%2B%2Fm32EW6YXqViADG521YGEv9ActqOpxImzcDKw7YvpinIOCZiN2lFKwGRAgKTTKZ6pZRffem0FFMfQRuP5wGMsDjjQ9iz3bJ0Bb0P6XGn8PtPluDCh8o%2F7lZ5syUbAh4jtC3Ad2hwQ8J0MWLJ6BMyJv1htCWyXT7tbDzNiTWUcMxcUgJQLLDodaeNXvrCxrQj4BscD28YS%2Fn4Q7AFabGvAhoBgdMNhR9qfta4BJnIhtUHexafSUgPyISkl3d9NaHehBsBgpjBfGY8AUxT7YYcDAmTsctu811gJ%2BB1ouDwCObLgIKu7HRCQl9Gr9awwy76imVr5NeeIi896VBvLyYDPRev7ZQjMieNRKZXQeA6PK54PMJOiUvDehIwFXIq1qHpV8mUGCVI9ezOF%2BcF5RwW8iGyf%2Fls85aECVIAKUAEqQAWoABWgAlSAClABKkAFqID0xX8BBgCIR0wFJaRIuQAAAABJRU5ErkJggg%3D%3D') no-repeat 0.7em center; background-size: 2.4em; -webkit-font-smoothing: inherit; display: inline-block; zoom: 1; font-family: 'Proxima Nova Bold', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 0.875em; letter-spacing: 0.25px; padding: 0.8em 1em 0.8em 3.6em; font-weight: bold; border-radius: 2px; color: #fff; background-color: #41d79d;; text-decoration: none;" class="libro-button" onclick="window.open('https://widgets.libroreserve.com/WEB/QC014310225040/book', 'Reserve online', 'width=1025,height=580,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no');return false;">Reserve online</a>

Result:

WordPress

It it possible to install Libro on a WordPress website by following these steps: https://en-ca.wordpress.org/plugins/iframe

Customize the colors
Click here to know how to customize the colors of the Libro widget

Useful Resources
Install Libro on my Facebook page
Install Libro on Google
Install a Libro shortcut on a computer

Did this answer your question?