Skip to content
GloboGlobo Docs
Install app
English

Custom HTML

Embed any HTML in the menu, such as a Google Map or a YouTube video.

Reference Pro Navigation 2 min read

Any HTML you paste, shown inside the mega menu. Use it for content the other blocks don’t cover: a map of your shop, a video, an embed from another service or formatted text.

Add the block

  1. Copy the embed code

    Google Maps: search for your location, then click Share > Embed a map > Copy HTML. YouTube: open the video, then click Share > Embed > Copy.

  2. Pick the layout

    In the mega menu panel of the preview, click Add block. Click Add HTML to menu, hover over Custom html and click Select.

    (1) Click Add HTML to menu, (2) pick Custom html.

  3. Paste the code

    In Edit Item, enter an optional Title and paste your code into the Add HTML to menu box.

    The Custom HTML block in the preview, with its settings in Edit Item.

  4. Save and publish

    Click Save, then Publish, and check the result on your storefront.

Settings

WidthDefault: 25%
How much of the mega menu row the block takes: Auto or 8.33% to 100%.
TitleDefault: Custom html
Heading above your HTML. Leave it empty for no heading.
Add HTML to menuDefault: Sample text
The HTML code to show.
VisibilityDefault: Off
Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. See Settings every block has.

Tips

  • Embed codes usually have a fixed width, for example width="600". Change it to width="100%" so the map or video fits the block.
  • Multi block > Map + Contact + Address adds a map, a contact form and your address in one click.

Troubleshooting

My content has extra gaps

Each line break in the code shows as a line break on the page. Paste embed codes on one line, or remove empty lines between tags.

Was this helpful?

Report an issue