7. How to implement Face2 button? 
Face2 button implementation process (code + Face2 guide)

Add Face2 button on your site

  • This step is the most important in activating OKTIUM communication from your website. Just copy the code below with Face2 button and implement it on your website. Copy this code to your websites code and insert Face2 key. For more info send an email to martin@oktium.com  

Code


  • For floating Face2 button on Homepage use following code:


<body>
————————————
<script src="https://oktium.com/widget.prod.js"></script>
    <script type="text/javascript">
      var myOktiumButton = new window.Oktium({
        face2Key: YOUR FACE2 KEY",
        tooltip: true,
        tooltipText: 'See our cars live!',
        cornerRounding: true,
        dc: true,
        mobileSize: 'small',
        position: "left",
        hideOfflineMobile: false,
                hideOffline: false
                    });
                    myOktiumButton.init();
                  </script>
————————————
</body>

SRP (inventory) and VDP (product detail) pages:

For several Face2 buttons to appear on one URL you need to add a parameter to constructor called `byClass`with value `true` and remove `position` parameter. Then you need to add elements to page `<a class="face2Fixed"></a>` which will be replaced by our button.

For fixed Face2 button for detail and inventory pages use the following code:

<head>
————————————
<script src="https://oktium.com/widget.prod.js"></script>
    <script type="text/javascript">
      var myOktiumButton = new window.Oktium({
        face2Key: YOUR FACE2 KEY",
        tooltip: false,
        cornerRounding: true,
        dc: true,
                    });
                    myOktiumButton.init();
                  </script>
————————————
</head>