> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zeotap.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Web JS Source

<Card title="Implementing the Web JS SDK?" icon="code" href="/articles/sdks/web-js/quick-start">
  This page covers creating the Source in the Zeotap CDP. For SDK installation, init options, tracking methods, and consent, head to the **Web JavaScript SDK** docs.
</Card>

<Note>
  **Note:**

  Refer to [Web JavaScript](/articles/integrate-customer/web-javascript) to know more about this source.
</Note>

<Steps>
  <Step>
    Navigate to the **Sources** application under **Integrate**, in the Zeotap CDP App.
  </Step>

  <Step>
    Click **CREATE SOURCE**.
  </Step>

  <Step>
    Choose **Website Events** as the Category.

    <Frame>
      <img src="https://mintcdn.com/zeotap/1FGgO964H8EKim6t/articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_1.png?fit=max&auto=format&n=1FGgO964H8EKim6t&q=85&s=7f32ba4ede3b8c09ed8f5a2645d6021e" width="3562" height="1986" data-path="articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_1.png" />
    </Frame>
  </Step>

  <Step>
    Choose **Web JavaScript** as the Data Source.

    <Frame>
      <img src="https://mintcdn.com/zeotap/1FGgO964H8EKim6t/articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_2.png?fit=max&auto=format&n=1FGgO964H8EKim6t&q=85&s=212670a2efcc57b8521c3cd34ad0d284" width="3542" height="1972" data-path="articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_2.png" />
    </Frame>
  </Step>

  <Step>
    Enter a short and descriptive name for the Source.
  </Step>

  <Step>
    Add the Website URL. The Website URL is optional, but we recommend that you add it in order to track the websites being onboarded.
  </Step>

  <Step>
    Select the Region of upload and proceed with the Source creation.

    <Frame>
      <img src="https://mintcdn.com/zeotap/1FGgO964H8EKim6t/articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_3.png?fit=max&auto=format&n=1FGgO964H8EKim6t&q=85&s=db59ea648eef18ac5f09d9ec8d73d0b8" width="3556" height="1978" data-path="articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_wjs_3.png" />
    </Frame>
  </Step>

  <Step>
    Click **CREATE SOURCE**. The created Source appears on the **SOURCES** listing page. Click on a particular Source to view the details regarding the snippet code and authorisation key.
  </Step>
</Steps>

<Note>
  **Note:**

  Once the Source has been taken live based on the implementation steps available, you can use the **[PREVIEW](/articles/integrate-customer/knowing-the-fields-on-the-preview-data-tab)** tab to see incoming data. To know more about how to implement a Web JS Source, refer to the [Web JavaScript SDK docs](/articles/sdks/web-js/intro).
</Note>

## Related Topics

* For information about what is a Customer Data, refer [here](https://docs.zeotap.com/articles/unify-customer/customer-data).
* For information about how to map the Catalogue for Customer Data (CE), refer [here](https://docs.zeotap.com/articles/unify-customer/map-the-catalogue-for-customer-data).