Setup
To start using the LiveMarket UGV widget, insert a script tag with the correct source path at the end of your website’s <body> :
<script type="module" src="dist/lm-ugv-widget.js"></script>Now you can use the widget as if it were any other HTML element. Remember to add your SDK token as a property:
<body>
<lm-ugv-widget sdk-token="yourTokenHere"></lm-ugv-widget>
</body>Customize the widget by using props, slots, and CSS variables:
<head>
<!-- ... -->
<style>
lm-ugv-widget {
--widget_bg: #f4eae3;
}
</style>
</head>
<body>
<!-- ... -->
<lm-ugv-widget
sdk-token="yourTokenHere"
widget-title="Become a reviewer for Our Company!"
use-bubble
>
<p>Have you bought our products? Rate them!</p>
</lm-ugv-widget>
<!-- ... -->
<script type="module" src="dist/lm-ugv-widget.js"></script>
</body>If you need to change te API path, set window.LM_API_LINK in your website’s <head> :
<!-- ... -->
<script>
window.LM_API_LINK = "custom API url here";
</script>
</head>