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

# Messaging your partners

> Learn how to use the messaging center to communicate with your partners in real time, with email notifications & read statuses built in.

export const VideoPlayer = ({src, aspectRatio = "16/9", thumbnail, title, youtubeHref, className = ""}) => {
  const [playing, setPlaying] = useState(false);
  if (playing) {
    return <div className={`not-prose relative mx-auto w-full max-w-screen-md overflow-hidden rounded-lg ${className}`} style={{
      aspectRatio
    }}>
        <video src={src} controls autoPlay playsInline className="h-full w-full object-contain" />
        <div className="absolute right-4 top-4 flex items-center gap-2">
          {youtubeHref && <a href={youtubeHref} target="_blank" rel="noopener noreferrer" className="rounded-md px-3 py-1.5 text-xs font-medium text-neutral-600 bg-neutral-100 transition-colors hover:bg-neutral-200/75">
              Watch on YouTube
            </a>}
        </div>
      </div>;
  }
  return <button type="button" style={{
    aspectRatio
  }} className={`not-prose group relative mx-auto block w-full max-w-screen-md cursor-pointer overflow-hidden rounded-lg bg-neutral-100 ${className}`} onClick={() => setPlaying(true)}>
      <img src={thumbnail} alt={title} className="h-full w-full object-cover cursor-pointer" />
      <div className="absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/90 to-transparent sm:h-32" />
      <div className="absolute bottom-8 flex w-full items-center justify-between px-8">
        <p className="max-w-xs text-left font-display text-lg font-bold leading-tight text-white xs:text-xl">
          {title}
        </p>
        <div className="rounded-full bg-white p-3 shadow-lg transition-all duration-300 group-hover:scale-110 group-active:scale-95">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
            <path d="M8 5v14l11-7L8 5z" />
          </svg>
        </div>
      </div>
    </button>;
};

<Tip>
  This feature is only available on [Advanced plans and
  above](https://dub.co/pricing/partners).
</Tip>

On Dub, you can use the Messaging Center to communicate directly with the partners in your program. Partners get notified via email and can respond to your messages in real-time.

<VideoPlayer src="https://assets.dub.co/cms/dub-messaging-center.mp4" aspectRatio="1440/720" thumbnail="https://assets.dub.co/cms/messaging-center.jpg" title="Dub Messaging Center" className="border border-neutral-200" />

## Messages location

In your program navigation, click **Messages** to see your inbox and compose new messages.

<Frame>
  <img src="https://mintcdn.com/dub/2n2Exy4BGqKXxMf1/images/dub-partners/messages-owner-nav.png?fit=max&auto=format&n=2n2Exy4BGqKXxMf1&q=85&s=1067f46b0742416a8479a20d2b22ab80" alt="Messages location" width="1582" height="950" data-path="images/dub-partners/messages-owner-nav.png" />
</Frame>

## Messages overview

The messaging center has three panels:

<Frame>
  <img src="https://mintcdn.com/dub/2n2Exy4BGqKXxMf1/images/dub-partners/messages-owner-panels.png?fit=max&auto=format&n=2n2Exy4BGqKXxMf1&q=85&s=2080adb4ea73f8c7cc18a9485dcae218" alt="Message panels" width="2162" height="1552" data-path="images/dub-partners/messages-owner-panels.png" />
</Frame>

| Panel        | Content                                         |
| ------------ | ----------------------------------------------- |
| Inbox        | All your conversations in one place.            |
| Conversation | The full thread with your selected partner.     |
| Details      | Key info and performance stats for the partner. |

### Inbox panel

Your Inbox lists every conversation with your partners. Select one to pick up where you left off, or click the **Pencil** button in the top right to compose something new.

<Frame>
  <img src="https://assets.dub.co/cms/messages-owner-inbox.png" alt="Inbox panel" />
</Frame>

Each conversation row shows:

* **Unread indicator** – shows if you've read the message
* **Partner** – partner's name and profile image
* **Last activity** – most recent message from you or the partner
* **Excerpt** – short preview of the latest message

<Frame>
  <img src="https://assets.dub.co/cms/messages-owner-breakdown.png" alt="Inbox pieces" />
</Frame>

### Conversation panel

In the Conversation panel, you’ll see the full thread with your partner. Workspace members can reply too, with their profile images shown beside each message.

<Frame>
  <img src="https://mintcdn.com/dub/2n2Exy4BGqKXxMf1/images/dub-partners/messages-owner-conversation-panel.png?fit=max&auto=format&n=2n2Exy4BGqKXxMf1&q=85&s=cce4e029cb0a5476f159f83084df7665" alt="Conversation panel" width="2014" height="1574" data-path="images/dub-partners/messages-owner-conversation-panel.png" />
</Frame>

### Message attachments

Messages can also include file attachments. This is helpful for sharing things like contracts, guidelines, or promotional materials.

To add attachments, click the paper clip button in the message composer or drag
and drop files into the message area.

<Frame>
  <img src="https://mintcdn.com/dub/2n2Exy4BGqKXxMf1/images/dub-partners/messages-attach-files.png?fit=max&auto=format&n=2n2Exy4BGqKXxMf1&q=85&s=19daca6c98b55db8a1908fd4b02e3cf6" alt="Message attachments" width="2014" height="1198" data-path="images/dub-partners/messages-attach-files.png" />
</Frame>

Supported attachment types are `PNG`, `JPG/JPEG`, `WEBP`, and `PDF` files. Each attachment can be up to 10 MB, and you can send up to 5 attachments per message.

<Frame>
  <img src="https://mintcdn.com/dub/2n2Exy4BGqKXxMf1/images/dub-partners/messages-sent-files.png?fit=max&auto=format&n=2n2Exy4BGqKXxMf1&q=85&s=4e2256945588d39712aad5dffa8f4c82" alt="Message attachments sent" width="2014" height="1118" data-path="images/dub-partners/messages-sent-files.png" />
</Frame>

### Message status

Each message sent has a check mark next to the send time:

* **Single check mark** – delivered

* **Double check marks** – delivered and read
  (either in email or in the app)

### Details panel

The details panel is collapsible and shows partner information and performance stats. You can also change their program group here.

<Frame>
  <img src="https://assets.dub.co/cms/messages-owner-details.png" alt="Details panel" />
</Frame>

## Disabling messaging

If you prefer to handle support outside Dub, you can disable partner messaging.

To disable messaging, head to your program **Resources** and in the **Help and Support** section, click the switch to off to disable partner messaging.

<Frame>
  <img src="https://assets.dub.co/cms/messages-owner-disable.png" alt="Disable messages" />
</Frame>

When messaging is disabled, partners who try to message you will see your support email address instead:

<Frame>
  <img src="https://assets.dub.co/cms/program-external-support.png" alt="Details panel" />
</Frame>
