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

# Connecting Forms to Discord via Webhooks

> Learn how to capture form signups from your website manager (like Framer) and route them to Discord using DeepVista workflows.

## Overview

Connecting your front-end web form to a Discord notification requires a simple two-way webhook process:

1. **Inbound:** Fetching form submission data from your website manager (Framer, Webflow, etc.) into DeepVista.
2. **Outbound:** Routing that parsed data from DeepVista into your Discord channel.

***

## Step-by-Step Setup Guide

<Steps>
  <Step title="Link DeepVista to Your Website Manager">
    Generate an inbound webhook URL inside your DeepVista workflow dashboard. Copy this URL, navigate to your website manager (such as Framer), and paste it into your signup form's webhook settings. This allows DeepVista to catch form entry details automatically.

    <img src="https://mintcdn.com/deepvistainc/e60ouoohhuGC_a6g/images/web1.gif?s=e65215bc04fa1e85207d42831ea34b25" alt="Setting up website form webhook" width="1092" height="1282" data-path="images/web1.gif" />
  </Step>

  <Step title="Train the Workflow with a UI Screenshot">
    Take a clean screenshot of your website's signup form interface. Back on the DeepVista canvas, upload this screenshot alongside the following text prompt:

    > *"My input form looks like this, please update the workflow."*

    DeepVista will analyze the visual layout and map the form submission fields to your workflow logic.

    <img src="https://mintcdn.com/deepvistainc/e60ouoohhuGC_a6g/images/web6.gif?s=55452f718c0462647c2fd2189c66f340" alt="Training DeepVista with UI screenshot" width="1830" height="819" data-path="images/web6.gif" />
  </Step>

  <Step title="Generate a Discord Webhook">
    To set up live success alerts, open your Discord application:

    1. Go to your **Server Settings** > **Integrations** > **Webhooks**.
    2. Click **New Webhook**, name it, and select your target notification channel.
    3. Click **Copy Webhook URL** and save.

           <img src="https://mintcdn.com/deepvistainc/e60ouoohhuGC_a6g/images/web11.gif?s=4d04662152f6b626fc44f30719d7e770" alt="Creating a Discord Webhook" width="1354" height="570" data-path="images/web11.gif" />
  </Step>

  <Step title="Enable Live Channel Notifications">
    Return to your DeepVista workflow canvas and paste your copied Discord URL into the outbound notification configuration node. This grants DeepVista permission to seamlessly feed success messages into your specified Discord channel upon every new signup.

    <img src="https://mintcdn.com/deepvistainc/e60ouoohhuGC_a6g/images/web4.png?fit=max&auto=format&n=e60ouoohhuGC_a6g&q=85&s=501716c456cbadd086b6ce714a20e4c7" alt="Finalizing DeepVista to Discord link" width="1145" height="691" data-path="images/web4.png" />
  </Step>
</Steps>

***