> ## 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://assets.dub.co/cms/messages-owner-nav.png" alt="Messages location" />
</Frame>

## Messages overview

The messaging center has three panels:

<Frame>
  <img src="https://assets.dub.co/cms/messages-owner-panels.png" alt="Message panels" />
</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://assets.dub.co/cms/messages-owner-conversation-2.png" alt="Conversation panel" />
</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>
