FAQs
      Back to home
      1. Help Centre
      2. FAQs

      Where Can I Find My Online Booking Widget?

      Use the following instructions to allow your guests to book online.

      Below are the instructions for adding your online booking widget.

      Please note that this is available on your account by going to Settings > Booking Widget Settings or by simply clicking here.

      It is possible to add the booking widget to your website 'inline' or as a 'book now' button as well as your Facebook page and Google listing. If you have any questions please do not hesitate to contact us.

      Please note that you need to replace your restaurant key, XXXXX, in the below URLs and code with what is found here, and highlighted in red in the screenshot below:

      _____________________________________________

      WIDGET URL:

      https://account.dineplan.com/widgetframe/XXXXX

      This can be used in your emails to link to your online booking widget.

      _____________________________________________

      FACEBOOK:

      1. Go to your Facebook page.

      2. You will see a blue button under your cover photo on the right.

      3. Click to edit this button and select the "Contact Us" option from the drop down. (Facebook have recently disabled the ability to have a Book Now button that links to a URL and this is unfortunately out of our control).

      4. Paste the below URL into the box to link this URL to the button

      https://account.dineplan.com/widgetframe/XXXXX?source=Facebook

      ______________________________________________

      WEBSITE

      STEP 1:

      Add the following to your website's header. This will add the Dineplan Javascript widget file and set your widget key so your booking widget can be loaded on your website.

      _____________________________________________

      STEP 2: (Optional)

      If you would like to add further widgets to your website then select which type your require and insert the appropriate HTML into your website where you wish the widget to be placed.

      INLINE:

      The inline widget requires a space that is 260px wide and 365px tall.

      BUTTON:

      You can change the button font and background colour by using the following data attributes: data-color="#ffffff" and data-bgcolor="#000000". Use any hex colour of your choosing.

      ALL FIXED WIDGET PARAMETERS:

      There are a number of parameters to change the style of the fixed widget button.