Embeddings ​

Embed the chat from LookUp UI into your website ​

The following is the embed code that you can use to embed the chat from LookUp UI into your website.

html
<!- Paste this script tag at the head section of your webpage -->
<script src="https://chat.staging.onereach.ai/lib/richWebChat.umd.min.js"></script>

<!- This is the stylesheet for the web chat, paste it in the head section of your webpage -->
<link
  rel="stylesheet"
  href="https://chat.staging.onereach.ai/lib/richWebChat.css"
/>

<!- This div will act as the container for the web chat -->
<div id="rwc"></div>

<!- Configure and initialize the web chat inside a script tag, paste it in the body section of your webpage -->
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var RWC = richWebChat.default;
    var app = new RWC({
      container: '#rwc',
      chatUrl: "<Your Chat URL>,"
      pageData: {
        collectionSettings: {
          frequencyPenalty: <Your desired frequencyPenalty>,
          presencePenalty: <Your desired presencePenalty>,
          temperature: <Your desired temperature>,
          maxDistance: <Your maxDistance>,
          modelName: "<Your modelName>",
          answerInstruction: "<Your answerInstruction>",
          questionInstruction: "<Your questionInstruction>",
          properties: <Your properties object>,
        accountId: "<Your account ID>",
        collectionId: "<Your collection ID>",
        where: <Your where object>,
        mode: "<Your mode>",
      }

    })
  });
</script>
<!- Paste this script tag at the head section of your webpage -->
<script src="https://chat.staging.onereach.ai/lib/richWebChat.umd.min.js"></script>

<!- This is the stylesheet for the web chat, paste it in the head section of your webpage -->
<link
  rel="stylesheet"
  href="https://chat.staging.onereach.ai/lib/richWebChat.css"
/>

<!- This div will act as the container for the web chat -->
<div id="rwc"></div>

<!- Configure and initialize the web chat inside a script tag, paste it in the body section of your webpage -->
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var RWC = richWebChat.default;
    var app = new RWC({
      container: '#rwc',
      chatUrl: "<Your Chat URL>,"
      pageData: {
        collectionSettings: {
          frequencyPenalty: <Your desired frequencyPenalty>,
          presencePenalty: <Your desired presencePenalty>,
          temperature: <Your desired temperature>,
          maxDistance: <Your maxDistance>,
          modelName: "<Your modelName>",
          answerInstruction: "<Your answerInstruction>",
          questionInstruction: "<Your questionInstruction>",
          properties: <Your properties object>,
        accountId: "<Your account ID>",
        collectionId: "<Your collection ID>",
        where: <Your where object>,
        mode: "<Your mode>",
      }

    })
  });
</script>

Replace all variables marked with < > with your actual values.

  • chatURL is the URL of your chat
  • frequencyPenalty, presencePenalty, temperature, maxDistance are parameters for fine-tuning the AI's responses
  • modelName is the version of AI model you are using (e.g. GPT-3.5 or GPT-4)
  • answerInstruction and questionInstruction are instructions for the AI that shape the conversation
  • properties is the custom metadata about the collection
  • accountId and collectionId are your account and collection identifiers
  • where is the filtering object
  • mode can be conversation or search

embedGif