> ## 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.

# Create a Web Pixel/Web iFrame/App Pixel Source

<Note>
  **Note:**

  Refer to [Web Pixel/Web iFrame/App Pixel Source](/articles/integrate-customer/web-pixel-web-iframe-app-pixel) to know more about this source.
</Note>

Perform the following steps to create a Pixel or iFrame Source:

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

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

  <Step>
    Choose **Website Events** or **App 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_webpixel_1.png?fit=max&auto=format&n=1FGgO964H8EKim6t&q=85&s=042dc39ca7abf5b5153cb23b6bf259b2" width="3554" height="1974" data-path="articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_webpixel_1.png" />
    </Frame>
  </Step>

  <Step>
    If you have chosen **Website Events**, then choose **Web Pixel API** or **IFrame** 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_webpixel_2.png?fit=max&auto=format&n=1FGgO964H8EKim6t&q=85&s=f1d1c893b13c0c7b7e2eea25e52adab7" width="3548" height="1974" data-path="articles/integrate-customer/Storage/integrate-customer/working-with-the-source-listing-page/create_webpixel_2.png" />
    </Frame>
  </Step>

  <Step>
    If you have chosen **App Events**, then choose **App Pixel API** as the Data Source.

    <Frame>
      <img src="https://mintcdn.com/zeotap/xGzkHY-dcQy5tLit/articles/integrate-customer/Storage/integrate-customer/CD/attachments/2676392376/2693988379.png?fit=max&auto=format&n=xGzkHY-dcQy5tLit&q=85&s=2f909511d10ee4bcbb2261af2041950b" width="1794" height="1498" data-path="articles/integrate-customer/Storage/integrate-customer/CD/attachments/2676392376/2693988379.png" />
    </Frame>
  </Step>

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

  <Step>
    Choose the region of upload and proceed with the Source creation.

    <Frame>
      <img src="https://mintcdn.com/zeotap/xGzkHY-dcQy5tLit/articles/integrate-customer/Storage/integrate-customer/CD/attachments/2676392376/2693398601.png?fit=max&auto=format&n=xGzkHY-dcQy5tLit&q=85&s=9a2f8f38e505b7936093d8979c44379a" width="1794" height="1498" data-path="articles/integrate-customer/Storage/integrate-customer/CD/attachments/2676392376/2693398601.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 tosee incoming data. To know more about how to implement a Pixel or IFrame Source, refer to [Pixel Implementation](/articles/integrate-customer/implementing-pixel-source-2665775396).
</Note>