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

# In-App Template

The In-App template editor in Siren allows you to create and manage rich notifications that appear within your application. You can customize the appearance and behavior of these notifications to enhance user engagement.

<img src="https://mintcdn.com/siren/7IpRt_YcaXDKVAtZ/docs/Images/Templates/TemplateEdit/inAppTemplate.png?fit=max&auto=format&n=7IpRt_YcaXDKVAtZ&q=85&s=1ffdb719d865adf2efa3f4fc1d3c283a" alt="In-App Template" width="1762" height="752" data-path="docs/Images/Templates/TemplateEdit/inAppTemplate.png" />

## Notification Configuration

<Steps>
  <Step title="Set Basic Information">
    * **Title**: Enter a clear and concise title for your notification
    * **Message Content**: Write the main message content that will be displayed to users
    * **Variables**: Use the **'Insert Variable'** button to add dynamic content to your message
  </Step>

  <Step title="Enhance Appearance">
    * **Subtitle**: Add an optional subtitle to provide more context
    * **Avatar URL**: Enter a URL for the notification's avatar image
    * **Media Thumbnail URL**: Add a URL for an optional media thumbnail image
  </Step>

  <Step title="Configure Actions">
    * **Action URL**: Specify a URL to navigate to when the notification is clicked
    * **Additional Data**: Enter any extra data as a JSON object (e.g., `{"key": "value"}`)
  </Step>
</Steps>

## Variable Format

Use the following format for variables in your message content:

```
${workflow.input.data.variable_name}
```

## Best Practices

* Keep titles short and attention-grabbing
* Use clear and concise message content
* Test notifications on different device sizes
* Use high-quality images for avatars and thumbnails
* Keep JSON data well-structured and minimal