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

# Slack Notifications

> Integrate GermainUX with Slack to automatically deliver real-time alerts, AI-powered insights, and operational notifications directly to your Slack channels.
Improve collaboration, accelerate incident resolution, and keep teams informed about application performance, user experience, and business process issues.

export const GxFooter = () => <p className="gx-fine">The content of this document is proprietary to GERMAIN SOFTWARE LLC.</p>;

export const GxStyle = () => <style>{`
.gx-meta { display:flex; flex-direction:column; gap:10px; margin:22px 0 6px; padding:16px 18px; border:1px solid rgba(15,23,42,.08); border-radius:16px; background:rgba(46,125,242,.035); font-size:13.5px; }
.gx-meta-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.gx-meta-label { width:96px; flex:none; color:#64748b; }
.dark .gx-meta-label { color:#94a3b8; }
.gx-meta code { border-color:rgba(46,125,242,.25) !important; color:#1A5FC8 !important; background:rgba(46,125,242,.08) !important; }
.dark .gx-meta { background:linear-gradient(135deg,rgba(46,125,242,.16),rgba(0,17,42,.4)); border-color:rgba(91,156,255,.22); }
.dark .gx-meta code { color:#BFD6FF !important; background:rgba(91,156,255,.12) !important; border-color:rgba(91,156,255,.28) !important; }
.gx-list ul { columns:2; column-gap:24px; list-style:none !important; padding-left:0 !important; margin:14px 0 0 !important; }
.gx-list li { break-inside:avoid; position:relative; padding:4px 0 4px 22px !important; margin:0 !important; font-size:14.5px; }
.gx-list li::marker { content:""; }
.gx-list li::before { content:""; position:absolute; left:3px; top:13px; width:7px; height:7px; border-radius:50%; background:#2E7DF2; opacity:.75; }
.dark .gx-list li::before { background:#5B9CFF; }
.gx-flow { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0; }
.gx-flow span { display:inline-flex; align-items:center; padding:6px 12px; border-radius:999px; font-size:13.5px; font-weight:500; background:rgba(46,125,242,.08); border:1px solid rgba(46,125,242,.22); color:#1A5FC8; }
.gx-flow span:not(:last-child)::after { content:"\\2192"; margin-left:14px; margin-right:-6px; color:#2E7DF2; font-weight:600; }
.dark .gx-flow span { background:rgba(91,156,255,.10); border-color:rgba(91,156,255,.28); color:#BFD6FF; }
#sidebar li[id] > a > div:first-child:has(> svg[aria-hidden]) { display: none; }
#sidebar svg[style*="mask-image"], #sidebar-content svg[style*="mask-image"], #navigation-items svg[style*="mask-image"], aside svg[style*="mask-image"] { display: none !important; }
#sidebar div:has(> svg[style*="mask-image"]), #sidebar-content div:has(> svg[style*="mask-image"]), #navigation-items div:has(> svg[style*="mask-image"]), aside div:has(> svg[style*="mask-image"]) { display: none !important; }
.gx-fine { margin-top:56px; padding-top:20px; border-top:1px solid rgba(15,23,42,.08); font-size:13px; color:#64748b; }
.dark .gx-fine { border-top-color:rgba(255,255,255,.08); color:#94a3b8; }
.eyebrow { font-size:13px !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase; color:#2E7DF2 !important; display:inline-flex; align-items:center; gap:8px; padding:4px 12px; border-radius:999px; background:rgba(46,125,242,.10); border:1px solid rgba(46,125,242,.25); height:auto !important; margin-bottom:6px; }
.dark .eyebrow { color:#8DB8FF !important; background:rgba(91,156,255,.12); border-color:rgba(91,156,255,.30); }
#page-title { letter-spacing:-.02em; }
.dark #page-title { background:linear-gradient(90deg,#FFFFFF 0%,#BFD6FF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.mdx-content h2:not(.not-prose) { position:relative; padding-left:16px; }
.mdx-content h2:not(.not-prose)::before { content:""; position:absolute; left:0; top:.2em; bottom:.2em; width:4px; border-radius:4px; background:linear-gradient(180deg,#2E7DF2,#5B9CFF); }
.dark table th { color:#BFD6FF; }
.dark table td:first-child { color:#FFFFFF; font-weight:500; }
@media (max-width: 820px) { .gx-list ul { columns:1; } }
/* === Concept #1: hero header + numbered section tiles === */
#content-area { counter-reset: gxsec; }
#header { position:relative; overflow:hidden; padding:36px 30px 24px; border-radius:24px; border:1px solid rgba(91,156,255,.22); background:radial-gradient(800px 300px at 100% 0%, rgba(46,125,242,.32), transparent 65%), #0B2147; }
#header::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:34px 34px; -webkit-mask-image:linear-gradient(100deg,transparent 15%,#000 75%); mask-image:linear-gradient(100deg,transparent 15%,#000 75%); }
#header > * { position:relative; }
#header #page-title { color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; font-size:clamp(1.9rem,3.4vw,2.6rem) !important; line-height:1.06 !important; font-weight:800 !important; letter-spacing:-.035em !important; }
#header .prose, #header .prose p, #header p { color:rgba(222,233,255,.82) !important; font-size:1.06rem; line-height:1.6; }
#header .eyebrow { color:#BFD6FF !important; background:rgba(91,156,255,.14) !important; border-color:rgba(91,156,255,.32) !important; }
#header button, #header [role="button"] { color:#DCE8FF !important; border-color:rgba(191,214,255,.25) !important; background:rgba(255,255,255,.04) !important; }
#content-area:has(#content > .gx-meta:first-child) #header { border-radius:24px 24px 0 0; border-bottom:0; padding-bottom:18px; }
#content:has(> .gx-meta:first-child) { margin-top:0 !important; }
#content > .gx-meta:first-child { margin:0 !important; padding:4px 30px 28px !important; border-radius:0 0 24px 24px !important; border:1px solid rgba(91,156,255,.22) !important; border-top:0 !important; background:#0B2147 !important; }
#content > .gx-meta:first-child:has(+ .columns) { border-radius:0 !important; border-bottom:0 !important; padding-bottom:18px !important; }
#content > .gx-meta:first-child + .columns { margin:0 0 8px !important; padding:4px 30px 30px !important; border:1px solid rgba(91,156,255,.22); border-top:0; border-radius:0 0 24px 24px; background:#0B2147; gap:12px !important; }
#content > .gx-meta:first-child + .columns > * { background:rgba(255,255,255,.035) !important; border-color:rgba(91,156,255,.28) !important; border-radius:16px !important; }
#content > .gx-meta:first-child + .columns h2, #content > .gx-meta:first-child + .columns [data-component-part="card-title"] { color:#fff !important; font-size:15px !important; overflow-wrap:normal !important; word-break:normal !important; }
#content > .gx-meta:first-child + .columns p, #content > .gx-meta:first-child + .columns [data-component-part="card-content"] { color:rgba(214,226,250,.7) !important; }
#content > .gx-meta:first-child + .columns svg { background-color:#5B9CFF !important; }
#content > .gx-meta:first-child .gx-meta-label { color:rgba(191,214,255,.6) !important; }
#content > .gx-meta:first-child code { font-family:inherit !important; font-weight:600 !important; font-size:12.5px !important; padding:5px 13px !important; border-radius:999px !important; color:#DCE8FF !important; background:rgba(46,125,242,.14) !important; border:1px solid rgba(91,156,255,.55) !important; }
#content > .gx-meta:first-child a { text-decoration:none !important; border:0 !important; }
#content > .gx-meta:first-child a:not(:has(code)) { color:#BFD6FF !important; font-weight:600; }
#content > .gx-meta:first-child .gx-meta-row > span:not(.gx-meta-label) { color:#86EFAC !important; background:rgba(34,197,94,.14) !important; border-color:rgba(134,239,172,.35) !important; }
.mdx-content > h2:not(.not-prose), #content > h2 { counter-increment:gxsec; display:flex !important; align-items:center; gap:14px; padding-left:0 !important; margin-top:2.6em !important; font-weight:750; letter-spacing:-.02em; }
.mdx-content > h2:not(.not-prose)::before, #content > h2::before { content:counter(gxsec, decimal-leading-zero) !important; position:static !important; flex:none; width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; letter-spacing:0; color:#fff; background:linear-gradient(135deg,#2E7DF2,#5B9CFF) !important; box-shadow:0 6px 18px rgba(46,125,242,.35); }
@media (max-width:820px) { #header, #content > .gx-meta:first-child, #content > .gx-meta:first-child + .columns { padding-left:20px !important; padding-right:20px !important; } }
#content-area:has(#content > .columns:first-child) #header { border-radius:24px 24px 0 0; border-bottom:0; padding-bottom:18px; }
#content:has(> .columns:first-child) { margin-top:0 !important; }
#content > .columns:first-child { margin:0 0 8px !important; padding:4px 30px 30px !important; border:1px solid rgba(91,156,255,.22); border-top:0; border-radius:0 0 24px 24px; background:#0B2147; gap:12px !important; }
#content > .columns:first-child > * { background:rgba(255,255,255,.035) !important; border-color:rgba(91,156,255,.28) !important; border-radius:16px !important; }
#content > .columns:first-child h2, #content > .columns:first-child [data-component-part="card-title"] { color:#fff !important; font-size:15px !important; overflow-wrap:normal !important; word-break:normal !important; }
#content > .columns:first-child p, #content > .columns:first-child [data-component-part="card-content"] { color:rgba(214,226,250,.7) !important; }
#content > .columns:first-child svg { background-color:#5B9CFF !important; }
/* === Shell: concept #1 (top bar, menus, page) === */
#navbar, #navbar-transition, #navbar > div { background:#00112A !important; }
#navbar { border-bottom:1px solid rgba(91,156,255,.18) !important; }
#navbar a, #navbar button, #navbar .nav-tabs-item { color:rgba(220,232,255,.78) !important; }
#navbar a:hover, #navbar button:hover, #navbar .nav-tabs-item[data-active="true"] { color:#FFFFFF !important; }
#navbar a[class*="bg-primary"], #navbar a[class*="bg-primary"] * { color:#FFFFFF !important; }
#navbar a[href="/"], #navbar a[href="/"] * { color:#FFFFFF !important; }
#search-bar-entry { background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:none !important; }
#search-bar-entry, #search-bar-entry * { color:rgba(220,232,255,.72) !important; }
html:not(.dark) #navbar img[src*="logo-light"] { display:none !important; }
html:not(.dark) #navbar img[src*="logo-dark"] { display:block !important; }
html:not(.dark) #sidebar, html:not(.dark) #sidebar-content { background:#FFFFFF !important; }
html:not(.dark) #sidebar { border-right:1px solid #E6ECF5 !important; }
#navigation-items .sidebar-group-header { font-size:11.5px !important; letter-spacing:.08em; text-transform:uppercase; }
html:not(.dark) #navigation-items .sidebar-group-header { color:#0B1B33 !important; }
#navigation-items a { font-size:13.5px !important; border-radius:10px !important; }
html:not(.dark) #navigation-items a { color:#4A5A75 !important; }
html:not(.dark) #navigation-items a:hover { background:#F1F5FC !important; color:#0B1B33 !important; }
#navigation-items li[data-active] > a, #navigation-items a[aria-current="page"], #navigation-items a[class*="bg-primary"] { background:#EAF2FF !important; color:#1A5FC8 !important; font-weight:600 !important; box-shadow:inset 3px 0 0 #2E7DF2; }
.dark #navigation-items li[data-active] > a, .dark #navigation-items a[aria-current="page"], .dark #navigation-items a[class*="bg-primary"] { background:rgba(46,125,242,.16) !important; color:#BFD6FF !important; }
html:not(.dark) #table-of-contents a { color:#5B6B85; }
html:not(.dark) .mdx-content h2, html:not(.dark) .mdx-content h3 { color:#0B1B33; }
html:not(.dark) .mdx-content p, html:not(.dark) .mdx-content li { color:#33415C; }
`}</style>;

<div className="gx-meta-row">
  <span className="gx-meta-label">Components</span> <a href="/main/germain-ux-engine"><code>Engine</code></a>
</div>

<div className="gx-meta-row">
  <span className="gx-meta-label">Availability</span>

  <Badge color="green">2020.2 or later</Badge>
</div>

<CardGroup cols={4}>
  <Card title="Integration Overview" icon="plug" href="https://docs.germainux.com/main/slack#integration-overview">
    Post alerts to channels
  </Card>

  <Card title="Create a Slack App" icon="bookmark" href="https://docs.germainux.com/main/slack#create-a-slack-app">
    Bot token and OAuth scopes
  </Card>

  <Card title="Example Slack API Request" icon="code" href="https://docs.germainux.com/main/slack#example-slack-api-request">
    Sample message posting call
  </Card>

  <Card title="Recommended Practices" icon="bookmark" href="https://docs.germainux.com/main/slack#recommended-practices">
    Avoid duplicate high-priority posts
  </Card>
</CardGroup>

## Get Help

<CardGroup cols={2}>
  <Card title="Contact GermainUX Support" icon="headset" href="/main/support">
    The Germain Team can help you set this up.
  </Card>

  <Card title="Can't find what you need?" icon="magnifying-glass">
    Search all GermainUX docs with **Ctrl + K**, or use the feedback buttons at the bottom of this page to tell us what is missing.
  </Card>
</CardGroup>

<GxFooter />

<GxStyle />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.