Extend custom HTML

Overview

Located in "Enterprise Settings" under "Applications", click the "Help Center" tab, in the "Embed custom HTML" field enter the CSS or JavaScript syntax you need; you can additionally extend the page's extra styles or functions, such as:

1. Advanced adjustment of specific button colors

2. Install FIRST LINE live chat

3. Install additional apps like GTM

... other applications.

Usage examples

Adjust website icon

Enter the HTML icon syntax in the field, example:

// Replace the URL link in href
<link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.ico">

Use Meta Pixel

Through Meta Events ManagerEmbed the pixel code on the website, example:

// Please use the corresponding and latest embed code provided by Meta
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'xxxxxxxxxxxxxxx');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=xxxxxxxxxxxxxxx&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Adjust specific colors

For components on the webpage, use developer tools to find the class or id that corresponds to the component to modify and adjust it, example:

// Note, we do not recommend this method; in future version updates, component names may differ from the originals, and you may need to readjust.

<style>
.top-item-link { background: red }
</style>