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

# Send Your First Notification

> Learn how to send your first notification via the Novu Cloud dashboard.

Sending the first notification is fairly simple, and can be done from within the web dashboard. To send your first notification, follow these steps:

## Workflow for Email notifications

1. Navigate to the workflow section from the left sidebar:

   <Frame caption="Navigate to workflows from the left sidebar">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/workflows.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=48d4c256934eb01645381081333afcd9" width="3008" height="1584" data-path="images/getting-started/send-your-first-notification/workflows.png" />
   </Frame>

2. Click on the `Blank Workflow` button to create an empty workflow:

   <Frame caption="Choose 'blank workflow'">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/blank-workflow1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=e98375fbe2fb73f1ae13cde37df3e020" width="3008" height="1590" data-path="images/getting-started/send-your-first-notification/blank-workflow1.png" />
   </Frame>

3. You are now in the workflow editor. Here you can add steps to your workflow. We’ll just drag the email node from the right sidebar to our workflow as illustrated below:

   <Frame caption="Drag email to the workflow">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/workflow-editor1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=362b88934f095a03109befb969100b00" width="3002" height="1590" data-path="images/getting-started/send-your-first-notification/workflow-editor1.png" />
   </Frame>

4. Now, simply click on the email node, and add the subject and the notification
   text in the email node editor:

   <Frame caption="Add subject and notification text in the email node editor'">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/email-node1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=15bc69d7cffc52dfae98c636afa75505" width="3024" height="1578" data-path="images/getting-started/send-your-first-notification/email-node1.png" />
   </Frame>

5. Now, update the workflow and save it as shown in the image below:

   <Frame caption="Save the workflow you just created">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/saving-workflow.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=4518dd00c4d0ee18787caeafa57f8b03" width="3024" height="1578" data-path="images/getting-started/send-your-first-notification/saving-workflow.png" />
   </Frame>

6. Now, to execute this workflow, click on the `get snippet` button from the workflow editor:

   <Frame caption="Execute the workflow by getting snippet">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/execute.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=cd1cab3f04df4a5becb158544b389d1b" width="3024" height="1578" data-path="images/getting-started/send-your-first-notification/execute.png" />
   </Frame>

7. From the `run a test` tab, you can change the email to which you want the notification. Once you’ve done that, simply click on the `Run Trigger` button on the bottom right:

   <Frame caption="Choose the email to which you want to send the notification">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/run-a-test.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=8a322d49aa3c73e8505e71f02aa247cb" width="3024" height="1578" data-path="images/getting-started/send-your-first-notification/run-a-test.png" />
   </Frame>

8. Now, go to the inbox and you’ll see the email notification there. Don’t forget also to check spam as it may sometimes land in there:

   <Frame caption="Check inbox to see the notification you triggered">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/inbox.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=e244d3c12904188ca4f6efe61bfbb977" width="2282" height="912" data-path="images/getting-started/send-your-first-notification/inbox.png" />
   </Frame>

9. This gif below captures the entire process:

   <Frame caption="A gif to illustrate the entire process">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/triggering.gif?s=4fe3bdba2f9fb4cc6c54ac45e0f309b7" width="1920" height="1080" data-path="images/getting-started/send-your-first-notification/triggering.gif" />
   </Frame>

## Workflow for In-App notifications

Creating workflows for sending in-app notifications is pretty straightforward. Just follow the following steps and you'll be good to go:

1. Head to `workflows` on the [Novu web dashboard](https://web.novu.co/workflows?utm_campaign=docs-gs-sendfirstnotification).

   <Frame caption="Navigate to workflows from the left sidebar">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/workflows.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=48d4c256934eb01645381081333afcd9" width="3008" height="1584" data-path="images/getting-started/send-your-first-notification/workflows.png" />
   </Frame>

2. Click on the Blank Workflow button to create a workflow from scratch.

   <Frame caption="Choose 'blank workflow'">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/blank-workflow1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=e98375fbe2fb73f1ae13cde37df3e020" width="3008" height="1590" data-path="images/getting-started/send-your-first-notification/blank-workflow1.png" />
   </Frame>

<Note>
  If you want to avoid creating a workflow from scratch, then instead of
  choosing `Blank Workflow`, select `All Templates` and you'll find a bunch of
  workflow templates that you can customize and use:

  <Frame caption="Choose 'All Templates if you don't want to create workflows from scratch'">
    <img src="https://mintcdn.com/novu-v2-docs/7qUtW5tEHh6q8UFR/images/getting-started/send-your-first-notification/SCR-20230830-qyst.png?fit=max&auto=format&n=7qUtW5tEHh6q8UFR&q=85&s=1ae545b7e89da83a912d31fb10e9a3a1" width="3010" height="1558" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qyst.png" />
  </Frame>

  <br />

  <Frame caption="And select a template that suits your requirements">
    <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230830-qywy.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=8c07cfb12410ae09394a0f008214532e" width="2998" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qywy.png" />
  </Frame>
</Note>

3. You'll now end up in the workflow editor. Workflow editor, as the name suggests, is the place from where you can edit workflows. You can select which [channels](/channels-and-providers/introduction#channels) you want to send notifications in, add [digest](/guides/add-digest-to-inapp-notifications) to your in-app notifications and more.

   <Frame caption="Configure workflows in the workflow editor">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=6d464b4eee7edc32fef707808858346e" width="3024" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png" />
   </Frame>

4. For your use case here, we'll simply add an `in-app` node to our workflow.

   <Note>
     Don't forget to rename your workflow to an appropriate name.

     <Frame caption="Rename your workflow to an appropriate name">
       <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-kaqq.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=17263f45c12b68861f71fad901743840" width="3008" height="1588" data-path="images/getting-started/send-your-first-notification/SCR-20230831-kaqq.png" />
     </Frame>
   </Note>

5. Now, the `in-app` node has a lot of options for you to configure:

   <Frame caption="The `in-app` node can be configured to match your requirements">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-kcqe.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=4ebff33e560ac0369dd08a4ad75ae74b" width="2994" height="1696" data-path="images/getting-started/send-your-first-notification/SCR-20230831-kcqe.png" />
   </Frame>

* **Preview**: This shows you a glimpse of what each notification item will look like in the Notification Center UI.
* **Avatar:** If turned on, each notification item will show the avatar of the subscriber.
* **Action:** With this, you can add a primary and secondary call to action button to each notification item.
* **Notification Feeds:** This displays a stream of specific notifications. You can have multiple feeds to show specific notifications in multiple tabs.
* **Redirect URL** - This is the URL to which a subscriber can be directed when they click on a notification item.
* **Filter** - This feature allows you to configure the criteria for delivering notifications. For instance, you can apply a filter based on a subscriber's online status to send them an email if they were online within the last hour.

6. In this editor, you need to plug in the variable that your backend is expecting in the payload:

   <Frame caption="Plug the variable in this editor">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-kgka.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=f4e1d9bf7af931cfac9c8e6c65360d7c" width="3010" height="1558" data-path="images/getting-started/send-your-first-notification/SCR-20230831-kgka.png" />
   </Frame>

7. You can even use [handlebars](/content-creation-design/handlebars-helpers) to further customise this.

8. Once you're done configuring it, simply click the `update` button on the top right corner.

   <Frame caption="Click `update` to save your workflow">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-khui.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=4dc0bb40c0b6b8e3bb3bda0ee7a5aca1" width="3024" height="1558" data-path="images/getting-started/send-your-first-notification/SCR-20230831-khui.png" />
   </Frame>

9. Now, simply click on the `Get Snippet` button to get the trigger code snippet.

   <Frame caption="Click `Get Snippet` to get the trigger code snippet">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-kjhb.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=ec171af549f62e00952c742eb62b7a02" width="3018" height="1566" data-path="images/getting-started/send-your-first-notification/SCR-20230831-kjhb.png" />
   </Frame>

10. You'll get the code that you need to plug into your backend to be executed whenever an event fires.

    <Frame caption="Plug this code into your backend">
      <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-klfw.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=8c4380e6fee5c88c823ab1b2611bed9e" width="3020" height="1570" data-path="images/getting-started/send-your-first-notification/SCR-20230831-klfw.png" />
    </Frame>

    <br />

    <Warning>
      Don't forget to use your actual `API_KEY` and `subscriberId`.
    </Warning>

That's it, you've successfully built a workflow for sending in-app notifications!

## Workflow for SMS notifications

SMS workflows are not very different from [email](/getting-started/send-your-first-notification#workflow-for-email-notifications) and [in-app](localhost:3001/getting-started/send-your-first-notification#workflow-for-in-app-notifications) workflows we've created above. Let's take a look at it:

1. Head to `Workflows` on the [Novu web dashboard.](https://web.novu.co/workflows?utm_campaign=docs-gs-sendfirstnotification)

   <Frame caption="Navigate to workflows from the left sidebar">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/workflows.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=48d4c256934eb01645381081333afcd9" width="3008" height="1584" data-path="images/getting-started/send-your-first-notification/workflows.png" />
   </Frame>

2. Click on the `Blank Workflow` button to create a workflow from scratch.

   <Frame caption="Choose 'blank workflow'">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/blank-workflow1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=e98375fbe2fb73f1ae13cde37df3e020" width="3008" height="1590" data-path="images/getting-started/send-your-first-notification/blank-workflow1.png" />
   </Frame>

<Note>
  If you want to avoid creating a workflow from scratch, then instead of
  choosing `Blank Workflow`, select `All Templates` and you'll find a bunch of
  workflow templates that you can customize and use:

  <Frame caption="Choose 'All Templates if you don't want to create workflows from scratch'">
    <img src="https://mintcdn.com/novu-v2-docs/7qUtW5tEHh6q8UFR/images/getting-started/send-your-first-notification/SCR-20230830-qyst.png?fit=max&auto=format&n=7qUtW5tEHh6q8UFR&q=85&s=1ae545b7e89da83a912d31fb10e9a3a1" width="3010" height="1558" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qyst.png" />
  </Frame>

  <br />

  <Frame caption="And select a template that suits your requirements">
    <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230830-qywy.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=8c07cfb12410ae09394a0f008214532e" width="2998" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qywy.png" />
  </Frame>
</Note>

3. You'll now end up in the workflow editor. Workflow editor, as the name suggests, is the place from where you can edit workflows. You can select which [channels](/channels-and-providers/introduction#channels) you want to send notifications in, add [digest](/guides/add-digest-to-inapp-notifications) to your in-app notifications and more.

   <Frame caption="Configure workflows in the workflow editor">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=6d464b4eee7edc32fef707808858346e" width="3024" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png" />
   </Frame>

4. Since we're creating a workflow for SMS notifications, we'll drag the `SMS` step to our workflow, as shown in this picture below:

   <Frame caption="Add the SMS step to the workflow">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-pkxe.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=0cd30f7d36dedccaf09174e7b181c98d" width="3020" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230831-pkxe.png" />
   </Frame>

5. If you hover over the SMS node, you will get a message saying 'Required - SMS content\`. Click on the SMS node and add a message to it. This is what will be sent as a notification in the SMS.

   <Frame caption="Add a message that you want to send as notification">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-plrx.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=9ab16f6580b6434db9df3d314e40b7d3" width="3012" height="1566" data-path="images/getting-started/send-your-first-notification/SCR-20230831-plrx.png" />
   </Frame>

   <br />

   <Note>
     Instead of having static messages, you can have your notifications be
     dynamic by using `handlebars`. Take a look
     [here](/content-creation-design/handlebars-helpers) for more. If your
     backend is expecting data in the payload, plug that variable here in double
     braces.
   </Note>

6. Once you’re done configuring it, simply click the update button on the top right corner.

   <Frame caption="Save the workflow by clicking on this `update` button">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-pmvs.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=27d7c27e21c5f27ec82988ec3de3a2de" width="3020" height="1570" data-path="images/getting-started/send-your-first-notification/SCR-20230831-pmvs.png" />
   </Frame>

7. Now, simply click on the Get Snippet button to get the trigger code snippet.

   <Frame caption="You'll get the trigger code from the workflow editor itself">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-pung.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=f7475afb4a543182507bb57361b6bb38" width="3024" height="1566" data-path="images/getting-started/send-your-first-notification/SCR-20230901-pung.png" />
   </Frame>

8. You’ll get the code that you need to plug into your backend to be executed whenever an event fires.

   <Frame caption="Just add your API key and subscriberID to this code">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-puwn.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=4158ed1dfddb1b2381f6807a40b9f855" width="3024" height="1560" data-path="images/getting-started/send-your-first-notification/SCR-20230901-puwn.png" />
   </Frame>

   <Warning>Don’t forget to use your actual API\_KEY and subscriberId.</Warning>
   That’s it, you’ve successfully built a workflow for sending in-app
   notifications!

## Workflow for Chat notifications

Chat workflows are quite similar to [email](/getting-started/send-your-first-notification#workflow-for-email-notifications), [in-app](localhost:3001/getting-started/send-your-first-notification#workflow-for-in-app-notifications), and [SMS workflows](/getting-started/send-your-first-notification#workflow-for-sms-notifications) workflows we've created above. Let's take a look at it in detail:

1. Head to `Workflows` on the [Novu web dashboard.](https://web.novu.co/workflows?utm_campaign=docs-gs-sendfirstnotification)

   <Frame caption="Navigate to workflows from the left sidebar">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/workflows.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=48d4c256934eb01645381081333afcd9" width="3008" height="1584" data-path="images/getting-started/send-your-first-notification/workflows.png" />
   </Frame>

2. Click on the `Blank Workflow` button to create a workflow from scratch.

   <Frame caption="Choose 'blank workflow'">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/blank-workflow1.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=e98375fbe2fb73f1ae13cde37df3e020" width="3008" height="1590" data-path="images/getting-started/send-your-first-notification/blank-workflow1.png" />
   </Frame>

   <br />

   <Note>
     If you want to avoid creating a workflow from scratch, then instead of
     choosing `Blank Workflow`, select `All Templates` and you'll find a bunch
     of workflow templates that you can customize and use:

     <Frame caption="Choose 'All Templates if you don't want to create workflows from scratch'">
       <img src="https://mintcdn.com/novu-v2-docs/7qUtW5tEHh6q8UFR/images/getting-started/send-your-first-notification/SCR-20230830-qyst.png?fit=max&auto=format&n=7qUtW5tEHh6q8UFR&q=85&s=1ae545b7e89da83a912d31fb10e9a3a1" width="3010" height="1558" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qyst.png" />
     </Frame>

     <br />

     <Frame caption="And select a template that suits your requirements'">
       <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230830-qywy.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=8c07cfb12410ae09394a0f008214532e" width="2998" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230830-qywy.png" />
     </Frame>
   </Note>

3. You'll now end up in the workflow editor. Workflow editor, as the name suggests, is the place from where you can edit workflows. You can select which [channels](/channels-and-providers/introduction#channels) you want to send notifications in, add [digest](/guides/add-digest-to-inapp-notifications) to your in-app notifications and more.

   <Frame caption="Configure workflows in the workflow editor">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=6d464b4eee7edc32fef707808858346e" width="3024" height="1562" data-path="images/getting-started/send-your-first-notification/SCR-20230831-jzdl.png" />
   </Frame>

4. Just add this `Chat` node to the workflow.

   <Frame caption="Add the `Chat` step">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-pxbj.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=043d5621c719b15e092e7a9637acaa31" width="3020" height="1536" data-path="images/getting-started/send-your-first-notification/SCR-20230901-pxbj.png" />
   </Frame>

5. In the `Chat` node, you can enter the notification message. This is what will get sent to the [subscriber](/subscribers/subscribers) as a notification. If you're sending dynamic messages, use the variable that is expected in your payload in double braces here. Using [handlebars](/content-creation-design/handlebars-helpers), you can further extend this functionality.

   <Frame caption="Enter either the static notification text, or send dynamic notifications using variables and handlebar helpers">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-qaok.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=df877a5c782e2e96a3a5ce43b54736e2" width="3024" height="1550" data-path="images/getting-started/send-your-first-notification/SCR-20230901-qaok.png" />
   </Frame>

6. Once you’re done configuring it, simply click the update button on the top right corner.

   <Frame caption="Click the `Update` button to save your workflow">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-qcqx.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=c582b7c3d94fddd66e99d4e7d0772ab5" width="3024" height="1552" data-path="images/getting-started/send-your-first-notification/SCR-20230901-qcqx.png" />
   </Frame>

7. Now, simply click on the Get Snippet button to get the trigger code snippet.

   <Frame caption="Click the `Get Snippet` button to get the trigger code">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-qcwk.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=14c8277bb73874d1410401452b9d67f6" width="3024" height="1538" data-path="images/getting-started/send-your-first-notification/SCR-20230901-qcwk.png" />
   </Frame>

8. You’ll get the code that you need to plug into your backend to be executed whenever an event fires.

   <Frame caption="This is the code you need to execute to trigger this workflow and send notifications">
     <img src="https://mintcdn.com/novu-v2-docs/CHmwHBrTe5Gwp_1J/images/getting-started/send-your-first-notification/SCR-20230901-qdih.png?fit=max&auto=format&n=CHmwHBrTe5Gwp_1J&q=85&s=2b37d66cae1ed1b43b3130131788b4b4" width="3024" height="1570" data-path="images/getting-started/send-your-first-notification/SCR-20230901-qdih.png" />
   </Frame>

   <Warning>Don’t forget to use your actual API\_KEY and subscriberId.</Warning>
   That’s it, you’ve successfully built a workflow for sending chat notifications!

Don't forget to check out our [guides](/guides/add-digest-to-inapp-notifications) and [demo apps](/demos/introduction) for more information on specific features.
