iframe&gt;div&gt; &lt;link rel="shortcut icon" href="https://cdn2.hubspot.net/hubfs/6513525/BeerBoard%20Glass%20(Favicon).png" /&gt; &lt;link href="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561378483/hubspot/themes/knowledge/assets/main.css" rel="stylesheet"&gt; &lt;link href="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561375143/hubspot/themes/knowledge/assets/_support-form.min.css" rel="stylesheet"&gt; &lt;script type="text/javascript" src="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561376689/hubspot/themes/knowledge/assets/kbdom.min.js"&gt;&lt;/script&gt; &lt;style type="text/css" data-preview-theme="true"&gt; .kb-article, .kb-search__suggestions__article-content, .kb-search-results__description { font-family: 'Open Sans'; } h1, h2, h3, h3 a, h4, h4 a, h5, h6, .kb__text-link, .kb__text-link-small, .kb-header, .kb-sticky-footer, .kb-search__suggestions__article-title, .kb-search-results__title, #hs_form_target_kb_support_form input.hs-button, #hs_form_target_kb_support_form label, input, select, textarea, #hs_form_target_kb_support_form .hs-field-desc, #hs_form_target_kb_support_form .hs-richtext p { font-family: 'Source Sans Pro'; } a, .kb-search__suggestions__breadcrumb, .kb-header__nav .kbui-dropdown__link { color: #2d3e50; } .kb-header, .kb-header a, .kb-header button.kb-button--link { color: #2d3e50; } .kb-header svg * { fill: #2d3e50; } .kb-search-section { background-color: #fc9700; } .kb-search-section__title { color: #000003; } .kb-search-section-with-image { background-image: url(https://static.hsappstatic.net/TemplateAssets/static-1.46/img/hs_kb_template_images/patterns/header_pattern_circles_dark.png); background-size: auto; color: #ffffff; position: relative; } .kb-search-section-with-gradient { background-color: ; background-image: linear-gradient(180deg, #fc9700 0%, transparent 97%); } .kb-mobile-search-section { background-color: #ffffff; } .kb-search__suggestions a:hover, .kb-search__suggestions a:focus, .kb-category-menu li.active &gt; a, .kb-category-menu li &gt; a:hover { background-color: rgba(45, 62, 80, .1); } .kb-theme--cards .kb-category-menu li.active &gt; a, .kb-theme--cards .kb-category-menu li &gt; a:hover { background-color: transparent; } .kb-breadcrumbs &gt; ol &gt; li &gt; span, .kb-breadcrumbs &gt; ol &gt; li &gt; a &gt; span, .kb-breadcrumbs &gt; .kb-breadcrumbs__mobile-back a { font-family: 'Open Sans'; } .kb-breadcrumbs__arrow--left * { fill: #2d3e50 } .kb-sidebar .kb-category-menu a, .kb-mobile-menu .kb-mobile-menu__current-page, .kb-mobile-menu ul &gt; li &gt; a { font-family: 'Open Sans'; } .kb-header__logo img { max-height: 50px; } .kb-footer__logo img { max-height: 32px; } /* SVG SUPPORT */ .kb-header__logo img[src$=".svg"] { height: 50px; } .kb-footer__logo img[src$=".svg"] { height: 32px; } /* MOBILE STYLES */ .kb-mobile-menu, .kb-mobile-search__bar { background-color: #ffffff; } .kb-mobile-menu a, .kb-mobile-menu__current-page, .kb-mobile-search__input, .kb-search--open .kb-mobile-search__input { color: #111111 } .kb-mobile-search__input::-webkit-input-placeholder { color: #111111 } .kb-mobile-search__input::-moz-placeholder { color: #111111 } .kb-mobile-search__input:-ms-input-placeholder { color: #111111 } .kb-mobile-search__input:-moz-placeholder { color: #111111 } .kb-mobile-search__mag * { fill: #111111 } .kb-mobile-menu__arrow *, .kb-mobile-search__close * { stroke: #111111 } @media (max-width: 767px) { .kb-header__nav { background-color: #ffffff } .kb-header, .kb-header a { color: #111111; } .kb-header svg * { fill: #111111; } .kb-theme--content.kb-page--index .kb-header__nav-toggle svg *, .kb-theme--content.kb-page--index .kb-header__nav-close svg *, .kb-theme--tiles.kb-page--index .kb-header__nav-toggle svg *, .kb-theme--tiles.kb-page--index .kb-header__nav-close svg *, .kb-theme--minimal .kb-header__nav-toggle svg *, .kb-theme--minimal .kb-header__nav-close svg *, .kb-theme--cards .kb-header__nav-toggle svg *, .kb-theme--cards .kb-header__nav-close svg *, .kb-theme--default .kb-header__nav-toggle svg *, .kb-theme--default .kb-header__nav-close svg * { fill: #2d3e50; } } &lt;/style&gt; &lt;/head&gt; &lt;body class="kb-theme--tiles "&gt; &lt;header&gt; &lt;div class="kb-header" data-preview-id="kb-header"&gt; &lt;div class="kb-header-inner" id="kb-header"&gt; &lt;div class="kb-header__logo"&gt; &lt;img src="https://f.hubspotusercontent20.net/hub/6513525/hubfs/BeerBoard%20Logo-2.png?height=120&amp;name=BeerBoard%20Logo-2.png" alt="company logo"&gt; &lt;/div&gt; &lt;a class="kb-header__title" href="/knowledge"&gt; BeerBoard Knowledge Base &lt;/a&gt; &lt;nav id="kb-header__nav" class="kb-header__nav" role="navigation"&gt; &lt;ul&gt; &lt;li class='kb-header__sign-in-link'&gt;&lt;a href="/_hcms/mem/login?redirect_url=/knowledge/"&gt;Sign in&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;div class="kb-header__nav-controls-container"&gt; &lt;button id="kb-header__close-target" class="kb-header__nav-close" role="button" aria-label="Close main navigation menu" aria-controls="kb-header__nav kb-header__langs-nav"&gt; &lt;span class="kb-icon close" aria-hidden="true"&gt; &lt;svg width="16" height="17" xmlns="http://www.w3.org/2000/svg"&gt; &lt;g fill="#2D3E50" fill-rule="nonzero"&gt; &lt;path d="M15.07107 1.42893c.59587.59588.88893 1.23239.0505 2.07081L2.99975 15.62158c-.83842.83842-1.48089.5394-2.0708-.05051C.33305 14.97519.04 14.33868.87841 13.50026L13.00026 1.37842c.83842-.83842 1.48089-.5394 2.0708.05051z"/&gt; &lt;path d="M15.07107 15.57107c-.59588.59587-1.23239.88893-2.07081.0505L.87842 3.49975C.04 2.66132.33902 2.01885.92893 1.42894 1.52481.83305 2.16132.54 2.99974 1.37841l12.12184 12.12184c.83842.83842.5394 1.48089-.05051 2.0708z"/&gt; &lt;/g&gt; &lt;/svg&gt; &lt;/span&gt; &lt;/button&gt; &lt;button id="kb-header__main-nav-target" class="kb-header__nav-toggle" role="button" aria-label="Open main navigation menu" aria-controls="kb-header__nav"&gt; &lt;span class="kb-icon menu"&gt; &lt;svg width="25" height="17" xmlns="http://www.w3.org/2000/svg"&gt; &lt;g fill="#2D3E50" fill-rule="nonzero"&gt; &lt;path d="M24.56897 2.295c0 .85-.2931 1.513-1.72414 1.513H2.15517C.72414 3.808.43103 3.1365.43103 2.295c0-.85.2931-1.513 1.72414-1.513h20.68966c1.43103 0 1.72414.6715 1.72414 1.513zM24.56897 8.8315c0 .85-.2931 1.513-1.72414 1.513H2.15517c-1.43103 0-1.72414-.6715-1.72414-1.513 0-.85.2931-1.513 1.72414-1.513h20.68966c1.43103 0 1.72414.6715 1.72414 1.513zM24.56897 15.3595c0 .85-.2931 1.513-1.72414 1.513H2.15517c-1.43103 0-1.72414-.6715-1.72414-1.513 0-.85.2931-1.513 1.72414-1.513h20.68966c1.43103 0 1.72414.6715 1.72414 1.513z"/&gt; &lt;/g&gt; &lt;/svg&gt; &lt;/span&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Mobile Menu --&gt; &lt;div class="kb-mobile-search-section"&gt; &lt;div class="kb-mobile-header"&gt; &lt;div class="kb-mobile-menu"&gt; &lt;div class="kb-mobile-menu__current-page"&gt; Integrations Setup &lt;svg class="kb-mobile-menu__arrow" width="12" height="7" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M10.6817 1.6816l-4.5364 4-4.5364-3.9315" stroke="#00A38D" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/&gt; &lt;/svg&gt; &lt;/div&gt; &lt;ul&gt; &lt;li class="active open" &gt; &lt;a href="/knowledge/bars-and-restaurants"&gt; Bars and Restaurants &lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#smartbar"&gt; SmartBar &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#smartbar-mobile-app"&gt; SmartBar Mobile App &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#smartorders"&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#beerboard-py"&gt; BeerBoard P@Y &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#product-management"&gt; Product Management &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#smartmenus"&gt; SmartMenus &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#yield-management"&gt; Yield Management &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#beerboard-tv"&gt; BeerBoard TV &lt;/a&gt; &lt;/li&gt; &lt;li class="active"&gt; &lt;a href="/knowledge/bars-and-restaurants#integrations-setup"&gt; Integrations Setup &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/bars-and-restaurants#glossary"&gt; Glossary &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers"&gt; Suppliers, Distributors, and Wholesalers &lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#general-faq"&gt; General FAQ &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#insights"&gt; Insights &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#smartorders"&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#beerboard-py"&gt; BeerBoard P@Y &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/claim-your-brand"&gt; Claim Your Brand &lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="/knowledge/claim-your-brand#distributors-wholesalers-and-suppliers"&gt; Distributors, Wholesalers, and Suppliers &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/claim-your-brand#claim-your-brand-faqs"&gt; Claim Your Brand FAQs &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/general-faqs"&gt; General FAQs &lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="/knowledge/general-faqs#smartbar"&gt; SmartBar &lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/general-faqs#smartorders"&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="kb-mobile-search kb-search" kb-language-tag=en kb-group-id="18546286367"&gt; &lt;div class="kb-mobile-search__placeholder"&gt;&lt;/div&gt; &lt;div class="kb-mobile-search__box"&gt; &lt;div class="kb-mobile-search__bar"&gt; &lt;svg class="kb-mobile-search__mag" width="15" height="15" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M14.02 12.672l-3.64-3.64a5.687 5.687 0 0 0 1.06-3.312A5.726 5.726 0 0 0 5.72 0 5.726 5.726 0 0 0 0 5.72a5.726 5.726 0 0 0 5.72 5.72 5.687 5.687 0 0 0 3.311-1.06l3.641 3.64a.95.95 0 0 0 1.348 0 .953.953 0 0 0 0-1.348zm-8.3-3.139a3.813 3.813 0 1 1 0-7.626 3.813 3.813 0 0 1 0 7.626z" fill="#4A4A4A" fill-rule="evenodd"/&gt; &lt;/svg&gt; &lt;form action="/knowledge/kb-search-results"&gt; &lt;input type="text" class="kb-mobile-search__input kb-search__input" name="term" autocomplete="off" placeholder="Search for answers"&gt; &lt;input type="hidden" name="ref" value="158457680447"&gt; &lt;/form&gt; &lt;svg class="kb-mobile-search__close" width="14" height="14" xmlns="http://www.w3.org/2000/svg"&gt; &lt;g stroke="#4A4A4A" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"&gt; &lt;path d="M1 12.314L12.314 1M12.314 12.314L1 1"/&gt; &lt;/g&gt; &lt;/svg&gt; &lt;/div&gt; &lt;ul class="kb-search__suggestions" data-lang='Results for &amp;quot;&amp;quot;'&gt;&lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; kbDom.whenReady(function() { // Mobile Nav Menu var mobileToggle = function() { var navMenuOpen = document.getElementById('kb-header__main-nav-target'); var langNavOpen = document.getElementById('kb-header__langs-nav-target'); var navClose = document.getElementById('kb-header__close-target'); navMenuOpen.addEventListener('click',function() { document.body.classList.toggle('kb-header__main-nav-open'); }); if (langNavOpen) { langNavOpen.addEventListener('click',function() { document.body.classList.toggle('kb-header__lang-nav-open'); }); } navClose.addEventListener('click',function() { document.body.classList.remove('kb-header__main-nav-open'); document.body.classList.remove('kb-header__lang-nav-open'); }); }; window.addEventListener('click', mobileToggle); mobileToggle(); kbDom.initDropdown(document.querySelector('[data-kbui-dropdown-contents="lang-switcher"]')) // Mobile Cat Menu document.querySelector('.kb-mobile-menu__current-page').addEventListener('click',function() { document.querySelector('.kb-mobile-header').classList.toggle('menu-open'); }); document.querySelector('.kb-mobile-search__mag').addEventListener('click',function() { document.querySelector('.kb-mobile-header').classList.toggle('search-open'); if (document.querySelector('.kb-mobile-header').classList.contains('search-open')) { document.querySelector('.kb-mobile-search__input').focus(); } }); document.querySelector('.kb-mobile-search__close').addEventListener('click',function() { document.querySelector('.kb-mobile-header').classList.remove('search-open'); }); }); &lt;/script&gt; &lt;div class="kb-search-section kb-search-section--narrow kb-search-section-with-image "&gt; &lt;div class="kb-search-section__content content-container"&gt; &lt;div class="kb-search" kb-language-tag=en kb-group-id="18546286367"&gt; &lt;div class="kb-search__placeholder"&gt;&lt;/div&gt; &lt;div class="kb-search__box"&gt; &lt;div class="kb-search__bar"&gt; &lt;svg class="kb-search__mag" width="15" height="15" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M14.02 12.672l-3.64-3.64a5.687 5.687 0 0 0 1.06-3.312A5.726 5.726 0 0 0 5.72 0 5.726 5.726 0 0 0 0 5.72a5.726 5.726 0 0 0 5.72 5.72 5.687 5.687 0 0 0 3.311-1.06l3.641 3.64a.95.95 0 0 0 1.348 0 .953.953 0 0 0 0-1.348zm-8.3-3.139a3.813 3.813 0 1 1 0-7.626 3.813 3.813 0 0 1 0 7.626z" fill="#4A4A4A" fill-rule="evenodd" /&gt; &lt;/svg&gt; &lt;form action="/knowledge/kb-search-results"&gt; &lt;input type="text" class="kb-search__input" name="term" autocomplete="off" placeholder="Search for answers" required&gt; &lt;/form&gt; &lt;svg class="kb-search__close" width="14" height="14" xmlns="http://www.w3.org/2000/svg"&gt; &lt;g stroke="#4A4A4A" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"&gt; &lt;path d="M1 12.314L12.314 1M12.314 12.314L1 1" /&gt; &lt;/g&gt; &lt;/svg&gt; &lt;/div&gt; &lt;ul class="kb-search__suggestions" data-lang='Results for &amp;quot;&amp;quot;'&gt;&lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/header&gt; &lt;main data-preview-id="kb-article-main"&gt; &lt;div class="content-container-outer"&gt; &lt;div class="content-container"&gt; &lt;div class="kb-breadcrumbs"&gt; &lt;div class="kb-breadcrumbs__mobile-back"&gt; &lt;svg class="kb-breadcrumbs__arrow kb-breadcrumbs__arrow--left" width="7" height="12" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M.055 5.7194c.018-.045.0518-.0835.0795-.125.0166-.0255.0322-.052.0489-.0775.007-.011.0116-.024.0216-.034L5.2426.2328c.2877-.3.7662-.3115 1.0685-.026a.7468.7468 0 0 1 .0262 1.0605L1.7954 6l4.5419 4.733a.7462.7462 0 0 1-.0262 1.0601.7563.7563 0 0 1-.5214.207.7568.7568 0 0 1-.547-.2325L.205 6.5174c-.01-.0105-.0146-.023-.0216-.0345-.0167-.025-.0323-.0515-.0489-.077-.0277-.0415-.0615-.08-.0796-.125-.0186-.0455-.0222-.0935-.0312-.141C.0147 6.0934 0 6.0474 0 5.9999c0-.047.0146-.093.0237-.1395.009-.0475.0126-.096.0312-.141" fill="#7C98B6" fill-rule="evenodd"/&gt; &lt;/svg&gt; &lt;a href="/knowledge"&gt;Back to home&lt;/a&gt; &lt;/div&gt; &lt;ol itemscope itemtype="http://schema.org/BreadcrumbList"&gt; &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt; &lt;a itemprop="item" href="/knowledge"&gt; &lt;span itemprop="name"&gt;BeerBoard Knowledge Base&lt;/span&gt; &lt;/a&gt; &lt;meta itemprop="position" content="1" /&gt; &lt;/li&gt; &lt;svg class="kb-breadcrumbs__arrow kb-breadcrumbs__arrow--right" width="7" height="12" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M6.4905 5.7194c-.018-.045-.0518-.0835-.0795-.125-.0167-.0255-.0323-.052-.049-.0775-.007-.011-.0115-.024-.0216-.034L1.3028.2328c-.2876-.3-.7662-.3115-1.0684-.026a.7468.7468 0 0 0-.0262 1.0605L4.75 6l-4.542 4.733a.7462.7462 0 0 0 .0263 1.0601.7563.7563 0 0 0 .5213.207.7568.7568 0 0 0 .5471-.2325l5.0376-5.2501c.0101-.0105.0146-.023.0217-.0345.0166-.025.0322-.0515.0489-.077.0277-.0415.0614-.08.0795-.125.0187-.0455.0222-.0935.0313-.141.009-.0465.0237-.0925.0237-.14 0-.047-.0147-.093-.0237-.1395-.009-.0475-.0126-.096-.0313-.141" fill="#7C98B6" fill-rule="evenodd"/&gt; &lt;/svg&gt; &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt; &lt;a itemprop="item" href="/knowledge/bars-and-restaurants"&gt; &lt;span itemprop="name"&gt;Bars and Restaurants&lt;/span&gt; &lt;/a&gt; &lt;meta itemprop="position" content="2" /&gt; &lt;/li&gt; &lt;svg class="kb-breadcrumbs__arrow kb-breadcrumbs__arrow--right" width="7" height="12" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M6.4905 5.7194c-.018-.045-.0518-.0835-.0795-.125-.0167-.0255-.0323-.052-.049-.0775-.007-.011-.0115-.024-.0216-.034L1.3028.2328c-.2876-.3-.7662-.3115-1.0684-.026a.7468.7468 0 0 0-.0262 1.0605L4.75 6l-4.542 4.733a.7462.7462 0 0 0 .0263 1.0601.7563.7563 0 0 0 .5213.207.7568.7568 0 0 0 .5471-.2325l5.0376-5.2501c.0101-.0105.0146-.023.0217-.0345.0166-.025.0322-.0515.0489-.077.0277-.0415.0614-.08.0795-.125.0187-.0455.0222-.0935.0313-.141.009-.0465.0237-.0925.0237-.14 0-.047-.0147-.093-.0237-.1395-.009-.0475-.0126-.096-.0313-.141" fill="#7C98B6" fill-rule="evenodd"/&gt; &lt;/svg&gt; &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt; &lt;span itemprop="name"&gt;Integrations Setup&lt;/span&gt; &lt;meta itemprop="position" content="3" /&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/div&gt; &lt;div class="main-body"&gt; &lt;div class="kb-sidebar"&gt; &lt;div class="kb-category-menu"&gt; &lt;ul&gt; &lt;li class="open" &gt; &lt;a href="/knowledge/bars-and-restaurants"&gt; &lt;div class="kb-category-menu-option" data-id="66445339712"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Bars and Restaurants &lt;/div&gt; &lt;div&gt; &lt;svg width="12" height="7" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M10.6817 1.6816l-4.5364 4-4.5364-3.9315" stroke="#2d3e50" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/&gt; &lt;/svg&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li data-id="66445235017" &gt; &lt;a href="/knowledge/bars-and-restaurants#smartbar"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartBar &lt;/a&gt; &lt;/li&gt; &lt;li data-id="90791246101" &gt; &lt;a href="/knowledge/bars-and-restaurants#smartbar-mobile-app"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartBar Mobile App &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445234574" &gt; &lt;a href="/knowledge/bars-and-restaurants#smartorders"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445234952" &gt; &lt;a href="/knowledge/bars-and-restaurants#beerboard-py"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; BeerBoard P@Y &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66447061783" &gt; &lt;a href="/knowledge/bars-and-restaurants#product-management"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Product Management &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445340264" &gt; &lt;a href="/knowledge/bars-and-restaurants#smartmenus"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartMenus &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445340243" &gt; &lt;a href="/knowledge/bars-and-restaurants#yield-management"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Yield Management &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66434246815" &gt; &lt;a href="/knowledge/bars-and-restaurants#beerboard-tv"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; BeerBoard TV &lt;/a&gt; &lt;/li&gt; &lt;li class="active" data-id="84259947123" &gt; &lt;a href="/knowledge/bars-and-restaurants#integrations-setup"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Integrations Setup &lt;/a&gt; &lt;/li&gt; &lt;li data-id="73426267773" &gt; &lt;a href="/knowledge/bars-and-restaurants#glossary"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Glossary &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers"&gt; &lt;div class="kb-category-menu-option" data-id="66434246710"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Suppliers, Distributors, and Wholesalers &lt;/div&gt; &lt;div&gt; &lt;svg width="12" height="7" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M10.6817 1.6816l-4.5364 4-4.5364-3.9315" stroke="#2d3e50" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/&gt; &lt;/svg&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li data-id="73426269001" &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#general-faq"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; General FAQ &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445235032" &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#insights"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Insights &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445234526" &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#smartorders"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;li data-id="66445340070" &gt; &lt;a href="/knowledge/suppliers-distributors-and-wholesalers#beerboard-py"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; BeerBoard P@Y &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/claim-your-brand"&gt; &lt;div class="kb-category-menu-option" data-id="66005244540"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Claim Your Brand &lt;/div&gt; &lt;div&gt; &lt;svg width="12" height="7" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M10.6817 1.6816l-4.5364 4-4.5364-3.9315" stroke="#2d3e50" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/&gt; &lt;/svg&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li data-id="66447062535" &gt; &lt;a href="/knowledge/claim-your-brand#distributors-wholesalers-and-suppliers"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Distributors, Wholesalers, and Suppliers &lt;/a&gt; &lt;/li&gt; &lt;li data-id="72186116873" &gt; &lt;a href="/knowledge/claim-your-brand#claim-your-brand-faqs"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; Claim Your Brand FAQs &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="/knowledge/general-faqs"&gt; &lt;div class="kb-category-menu-option" data-id="65872312494"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; General FAQs &lt;/div&gt; &lt;div&gt; &lt;svg width="12" height="7" xmlns="http://www.w3.org/2000/svg"&gt; &lt;path d="M10.6817 1.6816l-4.5364 4-4.5364-3.9315" stroke="#2d3e50" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/&gt; &lt;/svg&gt; &lt;/div&gt; &lt;/a&gt; &lt;ul&gt; &lt;li data-id="67685974359" &gt; &lt;a href="/knowledge/general-faqs#smartbar"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartBar &lt;/a&gt; &lt;/li&gt; &lt;li data-id="75893662748" &gt; &lt;a href="/knowledge/general-faqs#smartorders"&gt; &lt;span class="kb-category-menu-option__color-bar" style="background-color: #2d3e50;"&gt;&lt;/span&gt; SmartOrders &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;script&gt; kbDom.whenReady(function() { document.querySelectorAll('.kb-category-menu svg').forEach(function(el) { el.addEventListener('click', function(e) { e.preventDefault(); var li = kbDom.closest('li', this); if (li) { li.classList.toggle('open'); } }); }) }) &lt;/script&gt; &lt;/div&gt; &lt;div class="kb-content"&gt; &lt;div class="kb-article tinymce-content" &gt; &lt;h1&gt;&lt;span id="hs_cos_wrapper_name" class="hs_cos_wrapper hs_cos_wrapper_meta_field hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="meta_field" data-hs-cos-type="text" &gt;Toast + BeerBoard&lt;/span&gt;&lt;/h1&gt; https://pos.toasttab.com/integrations/beerboard &lt;/div&gt; &lt;script&gt; kbDom.whenReady(function() { var smoothScroll = new smoothAnchorsScrolling(); var articleSmoothScrolling = function() { function scrollToAnchor(state) { const anchorId = (state &amp;&amp; state.anchorId) || null; if (!anchorId) { return; } var anchor = document.querySelector( '[id="' + anchorId.substring(1) + '"][data-hs-anchor="true"]' ); smoothScroll.scrollTo(anchor); } document .querySelectorAll('a[href^="#"][rel*="noopener"]') .forEach(function(link) { // Adding the handler to the click event on each anchor link link.addEventListener('click', function(e) { e.preventDefault(); var node = e.currentTarget; var targetAnchorId = decodeURI(node.hash); var state = { anchorId: targetAnchorId }; scrollToAnchor(state); history.pushState(state, null, node.href); }); }); window.addEventListener('popstate', function(e) { if (e.state !== undefined) { scrollToAnchor(e.state); } }); (function() { var targetAnchorId = decodeURI(window.location.hash); var initialState = { anchorId: targetAnchorId, }; if (targetAnchorId) { setTimeout(function() { scrollToAnchor(initialState); }, 1); } history.pushState(initialState, null, ''); })(); }; window.addEventListener('load', function(e) { articleSmoothScrolling(); }); }); &lt;/script&gt; &lt;div id="ka-feedback-form-container" portal-id="6513525" article-id="158457680447" knowledge-base-id="18546286367" article-language-tag="en" ungated-for-multi-language="true" enviro="prod" feedback-hubapi-domain="feedback.hubapi.com" js-feedback-domain="js.hubspotfeedback.com" &gt; &lt;div id="ka-feedback-form"&gt;&lt;/div&gt; &lt;link rel="stylesheet" href="https://js.hubspotfeedback.com/feedbackknowledge.css" /&gt; &lt;script type="text/javascript" src="https://js.hubspotfeedback.com/feedbackknowledge.js"&gt;&lt;/script&gt; &lt;/div&gt; &lt;div id="kb-related-articles-container" portal-id="6513525" knowledge-base-id="18546286367" article-id="158457680447" article-language="en" heading="Related articles" enviro="prod" public-hubapi-domain="public.hubapi.com" contact-vid="" sso-login="false" &gt; &lt;div id="kb-related-articles"&gt;&lt;/div&gt; &lt;link rel="stylesheet" href="https://js.hubspotfeedback.com/relatedarticles.css" /&gt; &lt;script type="text/javascript" src="https://js.hubspotfeedback.com/relatedarticles.js"&gt;&lt;/script&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/main&gt; &lt;footer&gt; &lt;div class="kb-sticky-footer" data-preview-id="kb-footer"&gt; &lt;div class="kb-footer"&gt; &lt;div class="kb-footer__center-aligned-content"&gt; &lt;div class="kb-footer__logo"&gt; &lt;img src="https://f.hubspotusercontent20.net/hub/6513525/hubfs/BeerBoard%20Logo-2.png?height=120&amp;name=BeerBoard%20Logo-2.png" alt="company logo"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="kb-footer__links-container"&gt; &lt;ul class="kb-footer__links columns__one"&gt; <li class='kb-footer__sign-in-link'><a href="/_hcms/mem/login?redirect_url=/knowledge/">Sign in</a></li> &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/footer&gt; &lt;!-- HubSpot performance collection script --&gt; &lt;script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"&gt;&lt;/script&gt; &lt;!-- $$__SECOND_PASS_JS_FOOTER__$$ --&gt; &lt;!-- Start of HubSpot Analytics Code --&gt; &lt;script type="text/javascript"&gt; var _hsq = _hsq || []; _hsq.push(["setContentType", "knowledge-article"]); _hsq.push(["setCanonicalUrl", "https:\/\/support.beerboard.com\/knowledge\/toast-beerboard"]); _hsq.push(["setPageId", "158457680447"]); _hsq.push(["setContentMetadata", { "contentPageId": 158457680447, "legacyPageId": "158457680447", "contentFolderId": null, "contentGroupId": 18546286367, "abTestId": null, "languageVariantId": 158457680447, "languageCode": "en", }]); &lt;/script&gt; &lt;script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/6513525.js"&gt;&lt;/script&gt; &lt;!-- End of HubSpot Analytics Code --&gt; &lt;script type="text/javascript"&gt; var hsVars = { render_id: "55a16072-5e17-43ae-9161-f3f8c0fbbc5b", ticks: 1732569998900, page_id: 158457680447, content_group_id: 18546286367, portal_id: 6513525, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "knowledge-article", scp_content_type: "", analytics_page_id: "158457680447", category_id: 6, folder_id: 0, is_hubspot_user: false } &lt;/script&gt; &lt;script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561378186/hubspot/themes/knowledge/assets/lib/dompurify/purify.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561376146/hubspot/themes/knowledge/assets/kb-search.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561382430/hubspot/themes/knowledge/assets/sticky-header.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="//7052064.fs1.hubspotusercontent-na1.net/hub/7052064/hub_generated/template_assets/1732561381002/hubspot/themes/knowledge/assets/smooth-anchors-scrolling.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;