Honeycomb Embed FAQ

Come here to see a list of common issues users have when embedding our button on a website. We will update this as more issues come up.

List Of Questions:

1. My menu button is not centered and instead of it floating to the left, I want it centered.
2. The widget is not loading properly in my page or I do not want to use the widget.

Q1: My menu button is not centered and instead of it floating to the left, I want it centered. See Figure 1.

Figure 1: Centering Menu Button

A: We will need to just add some code to your website in order to fix this issue. There are 4 steps to follow:

First of all you we start off with the following code

<div class="honeycomb-button-wrapper" style="text-align: center">
    <div style="display: inline-block" class="honeycomb-button-display">
<!-- YOU WILL NEED TO ENTER YOUR OWN CODE HERE-->

    </div>
</div>

We will then need to add the code for your Honeycomb Button in the middle section. You can find this on your admin panel.

Figure 2. Your Honeycomb Button

We then copy your code into the section above

<div class="honeycomb-button-wrapper" style="text-align: center">
    <div style="display: inline-block" class="honeycomb-button-display">
    <div class='honeycomb' data-name='test' data-size='large' data-colour='blue'   data-display='left'></div> <script type='application/javascript' src='https://honeycomb.ai/embed-v6.js'></script>
    </div>
</div>

Copy this entire code into your site at the location where you want the button to appear. In Figure 3, the red block represents the code we have just copied. It is pasted right after the “Please note that take out orders over $80 have a 10% charge added on to them” text which is where we want the button.

Figure 4. Embedding into site

Q2: The widget is not loading properly in my page or I do not want to use the widget.

A: No problem! We want users to have the information so however you choose to showcase your diet friendly menu is up to you. If our widget is not loading properly or if you do not want to show it, you can simply provide a hyperlink to your diet friendly menu that opens in a new tab.

First head over to your admin panel and copy your shareable link as seen in Figure 5.

Figure 5. Diet Friendly Link

We can then enter this code into an anchor link and you can style it however you would like. For best results you should consult your web developer.

<a href="YOUR LINK HERE" target="_blank">Menu</a>

It will then become something like this

<a href="app.honeycomb.ai/TEST" target="_blank">Menu</a>

Paste this somewhere in your website and this will be a link to your Diet Friendly Menu