Modal

Modal

To add the modal integration to a website, this code should be added within the <body> tag.

<!-- Solvemate -->
<script>
(function(s,o,l,v,e,m,a,t){t='solvemateConfig';s[e]=s[e]||function(x,y)
{(s[t]=s[t]||{})[x]=y;};a=o.createElement(l);a.async=1;a.src=v;o.body.appendChild(a);
})(window,document,'script','https://widget.solvemate.com/v2/init.js','solvemate');

solvemate('projectID', 'your_project_id');
solvemate('modalContainer', true);
solvemate('hideBeacon', true);
solvemate('hideGreeting', true);
</script>
<!-- End Solvemate -->

If you want to hide the beacon on the bottom right corner of the page, set this extra value: solvemate('hideBeacon', true);

To open the modal on click, just add the class solvemate-widget-opener to any element on your website.

Example

<button class="solvemate-widget-opener">
    Show Widget in Modal
</button>
Show Widget in Modal