{"version":3,"sources":["webpack:///./src/pages/help/olark-integration.js","webpack:///./src/img/help/integrations/olark-logo.png"],"names":["related","frontmatter","metaTitle","metaDescription","canonical","logoStyle","width","logo","Wrapped","HelpArticle","className","inline","margin","copy","role","href","section","title","module","exports"],"mappings":"+FAAA,4HAiEMA,EAAU,GAEHC,EAAc,CACzBC,UAAW,oCACXC,gBAAiB,oDACjBC,UAAW,2BACXC,UAAW,CAAEC,MAAO,KACpBC,KAxEF,OAwEEA,GAGIC,EAAUC,aAnEA,WACd,OACE,6BACE,kBAAC,IAAD,uBACA,2BACE,0GADF,0PAI8D,IAC5D,qIALF,6RAcA,kBAAC,IAAD,CAAUC,UAAU,QAApB,mCACA,4HAEW,IACT,2IAHF,KASA,uIAIA,kBAAC,IAAD,CAAUA,UAAU,QAApB,uCACA,yFAAqE,IACrE,kBAAC,IAAD,CAAMC,QAAM,GAAE,WAhChB,IAgCkC,+CAChC,kBAAC,IAAD,CAAMC,OAAO,SAASC,MAAI,GAA1B,6NAaA,yBAAKH,UAAU,gCAAgCI,KAAK,SAApD,wJAEqE,IACnE,kBAAC,IAAD,CAAMC,KAAK,4CAAX,gBAHF,SAoBS,4BACb,kBAACP,EAAD,eACER,QAASA,EACTgB,QAAQ,eACRC,MAAOhB,EAAYC,WACfD,M,uBCjFRiB,EAAOC,QAAU,IAA0B","file":"component---src-pages-help-olark-integration-js-69992cb91d99f218031e.js","sourcesContent":["import React from 'react';\n\nimport { HelpArticle, SubTitle } from 'components/help/helpArticle';\nimport Code from 'components/help/codeSnippet';\nimport Link from 'components/ui/link';\n\nimport logo from 'img/help/integrations/olark-logo.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <SubTitle>What is Olark?</SubTitle>\n      <p>\n        <strong>Olark is a live chat web application for support and sales specialists</strong>. You\n        can use it to increase your sales, provide support to your users, and acquire new leads. To\n        achieve these goals Olark provide you features like: automated messaging, custom pre-chat\n        surveys, detailed visitor insights, and in-depth reporting.{' '}\n        <strong>\n          To make your support team even more productive with Olark, you can set up LiveSession\n          integration\n        </strong>\n        . Then when users will have technical issues with your website, you&apos;ll be able to check\n        what exactly happen - session replay link will be visible from Olark. This will make your\n        support actions faster, because there will be no need to ask additional questions about\n        specific issue.\n      </p>\n      <SubTitle className=\"mt-5\">How does this integration work?</SubTitle>\n      <p>\n        This integration lets you add links to session replays from LiveSession to your Olark\n        account.{' '}\n        <strong>\n          Thanks to this solution, you can open recordings of a specific user directly from Olark\n          contact profile\n        </strong>\n        .\n      </p>\n      <p>\n        Every time a new session will start, our code will send an event to Olark with a link to\n        session replay.\n      </p>\n      <SubTitle className=\"mt-5\">How can I install this integration?</SubTitle>\n      <span>To install integration, add the code below before your </span>{' '}\n      <Code inline>{'</body>'}</Code> <span> closing tag:</span>\n      <Code margin=\"1rem 0\" copy>\n        {`<script>\nif(olark && __ls){\n__ls(\"getSessionURL\", function(url, isNew){\n    if(isNew){\n      olark('api.chat.updateVisitorStatus', {\n          snippet: \"LiveSession: \" + url\n      });\n    }\n})\n}\n</script>`}\n      </Code>\n      <div className=\"alert alert-primary mb-5 mt-5\" role=\"alert\">\n        To make this integration works you need to have Olark and LiveSession installed on your\n        website. If you haven&apos;t installed our tracking code yet check{' '}\n        <Link href=\"/help/how-to-install-livesession-script/\">this article</Link>.\n      </div>\n    </div>\n  );\n};\n\nconst related = [];\n\nexport const frontmatter = {\n  metaTitle: 'LiveSession and Olark integration',\n  metaDescription: 'Send LiveSession recordings to your Olark account',\n  canonical: '/help/olark-integration/',\n  logoStyle: { width: 100 },\n  logo,\n};\n\nconst Wrapped = HelpArticle(Content);\nexport default () => (\n  <Wrapped\n    related={related}\n    section=\"Integrations\"\n    title={frontmatter.metaTitle}\n    {...frontmatter}\n  />\n);\n","module.exports = __webpack_public_path__ + \"static/olark-logo-8bbdfc5d1d636fd683075b39613ba030.png\";"],"sourceRoot":""}