Snapper Embed

Design ID
Chat URL
Widget URL
Full embed snippet
<!-- Assistlore embed: widget + chat toggle -->
<div id="assistlore-container" style="position:fixed;right:16px;bottom:16px;width:360px;height:620px;z-index:99999;border-radius:12px;overflow:hidden">
  <iframe id="assistlore-widget" src="https://example.com/Assistlore-widgets/your_design_id_here/snapper-widget" style="width:100%;height:100%;border:0;display:block;border-radius:12px;"></iframe>
  <iframe id="assistlore-chat" src="https://example.com/Assistlore-widgets/your_design_id_here/snapper-chat" style="width:100%;height:100%;border:0;display:none;border-radius:12px;"></iframe>
</div>
<script>
(function(){
  function openChat(){var w=document.getElementById('assistlore-widget');var c=document.getElementById('assistlore-chat');if(w)w.style.display='none';if(c)c.style.display='block';}
  function closeChat(){var w=document.getElementById('assistlore-widget');var c=document.getElementById('assistlore-chat');if(c)c.style.display='none';if(w)w.style.display='block';}
  window.addEventListener('message', function(e){try{ if(e.data && e.data.type === 'assistlore:openChat') openChat(); if(e.data && e.data.type === 'assistlore:closeChat') closeChat(); }catch(err){} }, false);
  window.Assistlore={openChat:openChat,closeChat:closeChat};
})();
</script>