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

# Create webhooks (v1)

export const MultiRelatedLinks = ({sections = []}) => {
  if (!sections || sections.length === 0) {
    return null;
  }
  return <div className="space-y-8">
      {sections.map((section, index) => <RelatedLinks key={index} title={section.title} items={section.items} />)}
    </div>;
};

export const RelatedLinks = ({title, items = []}) => {
  const getBadgeClass = badge => {
    if (!badge) return "badge-default";
    const badgeType = badge.toLowerCase().replace(/\s+/g, "-");
    return `badge-${badge === "ガイド" ? "guide" : badgeType}`;
  };
  if (!items || items.length === 0) {
    return null;
  }
  return <div className="my-8">
      {}
      <h3 className="text-sm font-bold uppercase tracking-wider mb-4">{title}</h3>

      {}
      <div className="flex flex-col gap-3">
        {items.map((item, index) => <a key={index} href={item.href} className="py-2 px-3 rounded related_link hover:bg-[#f2f2f2] dark:hover:bg-[#111827] flex items-center gap-3 group no-underline hover:no-underline border-b-0">
            {}
            <span className={`px-2 py-1 rounded-full text-xs font-semibold uppercase tracking-wide flex-shrink-0 ${getBadgeClass(item.badge)}`}>
              {item.badge}
            </span>

            {}
            <span className="text-base">{item.label}</span>
          </a>)}
      </div>
    </div>;
};

<RelatedLinks
  title="REQUIRED GUIDES"
  items={[
{ label: translate("Webhook Event Triggers"), href: "/guides/webhooks/triggers", badge: "GUIDE" }
]}
/>

V1 webhooks are created in the [Developer Console][devconsole] by following
the steps below.

1. Navigate to your application in the [Developer Console][devconsole]
2. Select the **Webhooks** tab.
3. Click the **Create a new Webhook** button.
4. Fill in the form, including event triggers, an endpoint URL and one or more callback parameters.
5. Click **Save Webhook**.

<Warning>
  **Callback parameters**

  Unlike the V2 Webhooks, these manual webhooks need to be configured with the
  data you'd like. This data will be sent as a query string either in the body
  or as a query parameter, for example `name=Contract.pdf&type=file`.
</Warning>

## Developer Mode

By default V1 webhooks only work for users that are listed as application
collaborators in the **General Settings** tab in the Developer Console. To
enable a webhooks for all users, please [contact support][support].

## Enabling a webhook

After creating a webhook, the application must be added to the user's account
to begin use.

To obtain the URL to add the app, follow the directions below for OAuth 2.0
authentication apps:

1. Navigate to the **Integrations** tab for the application in the [Developer Console][devconsole].
2. Click **Submit My App**. Do not worry, you will not be completing the submission process!
3. At the bottom of the page, click **Preview**.
4. Click **Add**

<Warning>
  For all other authentication types, you will need to contact support to
  obtain this URL.
</Warning>

Webhooks will now trigger for any configured events that are occur in the user's
account.

[devconsole]: https://app.box.com/developers/console

[support]: https://support.box.com

<RelatedLinks
  title="RELATED GUIDES"
  items={[
{ label: translate("Webhook Event Triggers"), href: "/guides/webhooks/triggers", badge: "GUIDE" }
]}
/>
