# Source: https://jam.dev/docs/integrations/slack.md

# Slack

{% embed url="<https://youtu.be/Qsa3mIj8dyM>" %}

You can connect Slack and Jam in order to instantly send your bug reports to Slack right from Jam's browser extension.&#x20;

Every Slack message you create with Jam automatically includes:

* Screen capture (screenshot, video or instant session replay)
* Console logs&#x20;
* Fully inspectable network requests&#x20;
* URL Timestamp and country&#x20;
* Device, OS, Browser&#x20;
* Viewport size&#x20;
* Network speed&#x20;

That way, it's perfect for engineers to help them debug issues faster – right from Slack.

## How to use Jam + Slack to report bugs in Slack

1. First, you'll need to make sure you have Jam installed in your browser. Follow our Jam getting started guide here if you haven't downloaded and setup Jam yet:

{% content-ref url="../get-started/getting-started" %}
[getting-started](https://jam.dev/docs/get-started/getting-started)
{% endcontent-ref %}

2. Next, capture your bug with Jam. <br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FnzDivWSL1gDOAQs312vN%2Fslack-1.gif?alt=media&#x26;token=0d76809d-cca1-4768-a43f-6e4a50dfd435" alt="" width="375"><figcaption></figcaption></figure></div>
3. In the Jam extension, you will have the option to choose where Jam sends your screen capture to. Click on "Link you can share" and change it to Slack.<br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2Ftlb58AEGhxbsfmUhDjiD%2Fslack-select.gif?alt=media&#x26;token=0631b255-c995-424a-82e7-a150a6d0f8f4" alt="" width="375"><figcaption></figcaption></figure></div>
4. Jam will guide you through authenticating with Slack.<br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FpUscAtlB9h1aehPAZY5A%2Fslack-auth.gif?alt=media&#x26;token=be6e7c56-b7cb-4ff5-9a29-ac4870d5de11" alt="" width="375"><figcaption></figcaption></figure></div>
5. Once Jam is connected to Slack, you will be able to send Jams to your Slack right from Jam.\
   Choose which channel (private, public or specific user) to send the Jam to. You can only access conversations that you are part of. <br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FOYBGIowwgwRRtixoFYU6%2Fslack-3.gif?alt=media&#x26;token=13e821b8-7ed0-4578-9d2f-b7479359118d" alt="" width="375"><figcaption></figcaption></figure></div>
6. Click "Send message" and once Jam creates your Slack message, the created Jam will automatically open in a new tab, and will be sent to the Slack channel requested! <br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2F1gUxcdr7sMIi0HPejCEP%2Fslack-4.gif?alt=media&#x26;token=cb87abc1-f7b9-497d-9840-eb6e5da0aec1" alt="" width="375"><figcaption></figcaption></figure></div>

All done! Open up Slack to see your newly created Jam. It will format perfectly for engineers – whether it's a screenshot:

<div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FFfCnJmngCfqQckSwMGgb%2Fimage.png?alt=media&#x26;token=66063880-6529-42e5-9685-b9b9ae4787bc" alt="" width="485"><figcaption></figcaption></figure></div>

Or video/instant replay:

<div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FvMYVwIj5gFewpQlFofEU%2Fimage.png?alt=media&#x26;token=b566a987-fa5d-4cc6-a2b9-514cca2e1b9b" alt="" width="490"><figcaption></figcaption></figure></div>

*^ Engineers can see the web application errors captured with Jam on the video and instant replay timelines right from Slack! Hooray!*

## How to send existing Jams to Slack

You can automatically create Slack messages from existing Jams – in just 2 clicks.

*Note: You must be logged into Jam to use this feature. Logged out users will not see this option.*

1. Open up the Jam you want to share as a Slack message.
2. Click "Send to App" and select Slack.<br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FgcJULj9OVTlUIJSpPVgT%2Fslack-tools-1.gif?alt=media&#x26;token=275b1e22-bd68-433b-81ab-df2c62593277" alt="" width="375"><figcaption></figcaption></figure></div>
3. If you have not used Jam + Slack before, it will first redirect you to log in with Slack.
4. Choose which channel (private, public or specific user) to send the Jam to. <br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FyIFGpqlONzuZk39NWtgi%2Fslack-tools-2.gif?alt=media&#x26;token=03fefbfa-8812-4a6d-a448-3e27de1ec800" alt="" width="375"><figcaption></figcaption></figure></div>
5. Click "Send message" to create your Slack message.&#x20;

## How to paste Jams as Slack messages and get inline Jam previews

Once you've connected your Jam account to Slack, every time you share a Jam in Slack, it will show an expanded preview, designed to help engineers get relevant debug info and start fixing bugs without even having to open a link.

To connect your Jam account to Slack:

1. Open the Jam dashboard
2. Go to your account settings or to your team settings. Click on "Connected Apps"<br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2F6LfyMoixZC7YTyy6Bif4%2Fslack-connect-1.gif?alt=media&#x26;token=129ea5de-7243-48af-b736-1d79e73d7d49" alt="" width="375"><figcaption></figcaption></figure></div>
3. Connect Slack<br>

   <div align="left"><figure><img src="https://1990502200-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtAIPUIiSH7MWC0IHLJuD%2Fuploads%2FVfIIQrhwrBb1pYqaeq0Q%2Fslack-connect-2.gif?alt=media&#x26;token=90bc2c72-597e-49c7-b01c-9965a1b81e65" alt="" width="375"><figcaption></figcaption></figure></div>