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

# Creating a Webhook

> Create your first webhook in Packages

export const GridImage = ({window, src, preview = false, img_width = 200, height = 300}) => {
  var host = preview ? '' : 'https://mintlify.s3-us-west-1.amazonaws.com/packages';
  return <div className="grid-image-bg mt-3 mb-3 flex align-items-center" style={{
    alignItems: 'center',
    justifyContent: 'center',
    position: 'relative',
    height,
    width: '100%'
  }}>

    <img src={`${host}${src}`} className={'m-0'} width={img_width} style={{
    zIndex: 2,
    width: '100%',
    maxWidth: img_width,
    border: '1px solid #ccc',
    borderRadius: 5,
    boxShadow: '5px 5px rgba(0,0,0,0.25);'
  }} />

    <div style={{
    transform: 'translateX(-50%)',
    left: '50%',
    top: 0,
    position: 'absolute',
    height: '100%',
    width: '100%',
    zIndex: 0,
    overflow: 'hidden',
    pointerEvents: 'none'
  }}>
      <img src={`${host}/images/grid-bg-trans.png`} className="m-0" />
    </div>
  </div>;
};

## Steps to create a Webhook

<Steps>
  <Step title="Find a package to create a webhook for">
    Head to the <a href="https://packagesss.com/home/packages" target="_blank">packages page</a> and find the package you want to create a webhook for.

    <GridImage img_width={500} src={'/images/packages_list.png'} />
  </Step>

  <Step title="Click on &#x22;Webhooks&#x22; in the 3 dots ... dropdown">
    Find the three dots next to the package you want to create a webhook for and click on "Webhooks".

    <GridImage src="/images/click_webhooks.png" img_width={200} />
  </Step>

  <Step title="Click Create new Webhook">
    You'll be sent to the *Webhook Management Page* page for your package, where you can create a new webhook. Click the "Create new Webhook" button.

    <GridImage src="/images/click-create-new-webhook.png" img_width={450} />
  </Step>

  <Step title="Choose a name and select keys">
    Choose a name, and the keys and profiles you want to use with this webhook. Give it a name and click "Create Webhook".

    <GridImage src="/images/fill-name-select-keys.png" img_width={300} />
  </Step>

  <Step title="Your webhook is created!">
    You did it! 🎉 Your webhook is created and now you can head to the <a href="/webhooks/trigger">documentation on triggering a Packages webhook</a>.
  </Step>
</Steps>

## Video of the Webhook creation process

Are you more of visual learner? Check out our video on how to create a webhook in Packages.

<iframe width="560" height="315" src="https://www.youtube.com/embed/9iya_Ua3WYA?si=pf5eg2HaGGWcgTOW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

## Triggering a Webhook

You made your first webhook 💪. Now its time to trigger it!

<CardGroup cols={2}>
  <Card title="Trigger a Webhook outside of Packages" icon="repeat" href="/webhooks/trigger">
    Using Webhooks with Zapier, Pabbly Connect, Make, or any other automation platform
  </Card>
</CardGroup>