Embeds LSW:
<script type='text/javascript'>
var liveWidget = window.instaleap;
liveWidget.config({
job: '{jobId}',
hasChat: true,
mainColor: 'hexColor',
logoUrl: '{logoUrl}',
token: '{liveWidgetToken}',
container: '{#container-id}',
customStepsName: { // Optional
received: { newNameForReceivedStep },
picking: { newNameForPickingStep },
storage: { newNameForStorageStep },
packing: { newNameForPackingStep },
goingToDestination: { newNameForGoingToDestinationStep },
readyForPickup: { newNameForReadyForPickupStep },
inRoute: { newNameInRouteStep },
delivered: { newNameDeliveredStep }
},
defaultView: { // Optional
lsw: { 'chat' || 'details' || 'status' },
chat: { 'shoppers' || 'support' }
},
hideElements: { // Optional
originDestination: { true || false },
header: { true || false } // default true
},
actionBarSize: 48, // Optional
chatChannels: { support, shoppers }, // Optional
activeTabs: { stateTab, detailTab, chatTab } // Optional
});
liveWidget.render();
<style></style>
</script>
Embeds Map:
<html>
<head>
<title>Map Widget</title>
<link rel="icon" type="image/png" href="https://s3.amazonaws.com/instaleap/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://widgets.instaleap.tech/widget-2-0-0.js"></script>
<!-- development <script src="https://widgets.instaleap.tech/widget-2-0-0-alpha.js"></script>-->
</head>
<body class="body">
<div id="widget" style="max-width: 500px; height: 300px; margin: 24px auto 0; box-shadow: 0px 2px 6px rgba(40, 61, 86, 0.2); border-radius: 8px;"></div>
</div>
<script>
const map = window.instaleap.map;
map.render({
job: '0e55ec61-0852-415f-b61a-040467585ddd',
container: '#widget',
token: 'NwhmQdiQF3eXcH8LeyGz228ZeQaFxwNpE4OKWXyD',
env: 'development',
});
</script>
</body>
</html>