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

# Webhooks

> How to use webhooks

<Steps>
  <Step title="First Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook1.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=10205dd19853ef55f18720d243fddca0" alt="" width="1823" height="1040" data-path="images/historical-room-viewer/webhook/webhook1.png" />
    </Frame>
  </Step>

  <Step title="Second Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook2.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=7a296700a13975aa43b2d63d81548282" alt="" width="467" height="479" data-path="images/historical-room-viewer/webhook/webhook2.png" />
    </Frame>
  </Step>

  <Step title="Third Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook3.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=a73b5a7b28846f33247b5d4e777f91eb" alt="" width="1823" height="1040" data-path="images/historical-room-viewer/webhook/webhook3.png" />
    </Frame>
  </Step>

  <Step title="Fourth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook4.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=209db5f6a08e7d9f59172d997a240c96" alt="" width="354" height="720" data-path="images/historical-room-viewer/webhook/webhook4.png" />
    </Frame>
  </Step>

  <Step title="Fifth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook5.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=943d0969768830f085dd25c209059121" alt="" width="489" height="585" data-path="images/historical-room-viewer/webhook/webhook5.png" />
    </Frame>
  </Step>

  <Step title="Sixth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook6.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=3aefb7f6590a984eab62319f8d4bd94d" alt="" width="489" height="585" data-path="images/historical-room-viewer/webhook/webhook6.png" />
    </Frame>
  </Step>

  <Step title="Seventh Step">
    You can rename server name to whatever you want.

    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook7.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=0b8a575d6310df7f907580c9fcd84fc6" alt="" width="489" height="585" data-path="images/historical-room-viewer/webhook/webhook7.png" />
    </Frame>
  </Step>

  <Step title="Eighth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook8.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=567bfb3cfdb27ada7ae8bebb362b9eed" alt="" width="508" height="875" data-path="images/historical-room-viewer/webhook/webhook8.png" />
    </Frame>
  </Step>

  <Step title="Ninth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook9.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=3b0f2c7930e30fd257d37e9c62cf971d" alt="" width="1119" height="991" data-path="images/historical-room-viewer/webhook/webhook9.png" />
    </Frame>
  </Step>

  <Step title="Tenth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook10.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=74651abfd7a9803235b1747fb7bbd44f" alt="" width="1076" height="954" data-path="images/historical-room-viewer/webhook/webhook10.png" />
    </Frame>
  </Step>

  <Step title="Eleventh Step">
    Give yourself a webhook name, it can be anything. In the Webhook URL, paste in the link you copied from your discord server.
    Test your webhook to ensure everything is working as intended before "Adding Webhook". You can also

    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook11.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=fe37e441504a58bc8ad6cda7d7a30c3b" alt="" width="802" height="694" data-path="images/historical-room-viewer/webhook/webhook11.png" />
    </Frame>
  </Step>

  <Step title="Twelfth Step">
    <Frame caption="Preview">
      <img src="https://mintcdn.com/vuarchives/eJbwamY2KNRxlKGd/images/historical-room-viewer/webhook/webhook12.png?fit=max&auto=format&n=eJbwamY2KNRxlKGd&q=85&s=7c5570f50eb816f8772bff5237c3ba58" alt="" width="837" height="275" data-path="images/historical-room-viewer/webhook/webhook12.png" />
    </Frame>
  </Step>
</Steps>
