# Voice

Setting up a voice application is almost identical to [setting up a text application](https://docs.nlx.ai/platform/developers/conversation-sdk/examples/chat). The only necessary difference is adding an `input: "voice"` attribute:

{% tabs %}
{% tab title="HTML" %}

<pre class="language-javascript" data-overflow="wrap" data-full-width="true"><code class="lang-javascript">&#x3C;html lang="en">
  &#x3C;head>
    &#x3C;title>Touchpoint Sample HTML&#x3C;/title>
    &#x3C;meta name="viewport" content="width=device-width, initial-scale=1">
  &#x3C;/head>
  &#x3C;body>
    &#x3C;script type="module">
      import { create } from "https://unpkg.com/@nlxai/touchpoint-ui/lib/index.js?module";
      
      const touchpoint = await create({
        config: {
          applicationUrl: "REPLACE_WITH_APPLICATION_URL",
          headers: {
            "nlx-api-key": "REPLACE_WITH_API_KEY"
          },
          languageCode: "en-US",
        },
<strong>        input: "voice"
</strong>      });
    &#x3C;/script>
  &#x3C;/body>
&#x3C;/html>
</code></pre>

{% endtab %}

{% tab title="Typescript + NPM" %}

<pre class="language-typescript" data-overflow="wrap"><code class="lang-typescript">import { create } from "@nlxai/touchpoint-ui";
      
const touchpoint = await create({
  config: {
    applicationUrl: "REPLACE_WITH_APPLICATION_URL",
    headers: {
      "nlx-api-key": "REPLACE_WITH_API_KEY"
    },
    languageCode: "en-US",
  },
<strong>  input: "voice"
</strong>});
</code></pre>

{% endtab %}
{% endtabs %}

which results in the following voice touchpoint:

<figure><img src="https://3978076094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2VnkvXtkrR2qhkVBmB1l%2Fuploads%2FbR1GuX9on0j3nSKMPA8X%2FScreenshot%202025-11-25%20at%2014.54.35.png?alt=media&#x26;token=429fe417-d772-4ab4-b2e9-013dd5b747bc" alt=""><figcaption></figcaption></figure>
