Integrations

# Integrations

AlertHub acts as a central hub, decoupling your alert sources from your notification channels.

Connect third-party platforms to send alerts to AlertHub with ready-made guides and webhook templates.

<div class="search-container">
    <input type="text" id="integrationSearch" placeholder="Search integrations...">
</div>

<div class="integration-grid" id="integrationGrid">
    <a href="/docs/integrations/sources/github/" class="integration-card" data-name="github actions">
        <div class="icon"><i class="fa-brands fa-github" aria-hidden="true"></i></div>
        <h4>GitHub Actions</h4>
        <p>CI/CD pipeline failures</p>
    </a>
    <a href="/docs/integrations/sources/make/" class="integration-card" data-name="make integromat">
        <div class="icon"><i class="fa-solid fa-puzzle-piece" aria-hidden="true"></i></div>
        <h4>Make</h4>
        <p>Send alerts from any scenario</p>
    </a>
    <a href="/docs/integrations/sources/netlify/" class="integration-card" data-name="netlify">
        <div class="icon"><i class="fa-solid fa-cloud" aria-hidden="true"></i></div>
        <h4>Netlify</h4>
        <p>Build & deploy alerts</p>
    </a>
    <a href="/docs/integrations/sources/shopify/" class="integration-card" data-name="shopify">
        <div class="icon"><i class="fa-brands fa-shopify" aria-hidden="true"></i></div>
        <h4>Shopify</h4>
        <p>Orders & inventory</p>
    </a>
    <a href="/docs/integrations/sources/stripe/" class="integration-card" data-name="stripe">
        <div class="icon"><i class="fa-brands fa-stripe" aria-hidden="true"></i></div>
        <h4>Stripe</h4>
        <p>Payments & subscriptions</p>
    </a>
    <a href="/docs/integrations/sources/wordpress/" class="integration-card" data-name="wordpress">
        <div class="icon"><i class="fa-brands fa-wordpress" aria-hidden="true"></i></div>
        <h4>WordPress</h4>
        <p>Official plugin on WordPress.org</p>
    </a>
    <a href="/docs/integrations/sources/zapier/" class="integration-card" data-name="zapier">
        <div class="icon"><i class="fa-solid fa-bolt" aria-hidden="true"></i></div>
        <h4>Zapier</h4>
        <p>Send alerts from 8,000+ apps</p>
    </a>
</div>

<style>
.search-container {
    margin-bottom: 2rem;
}
.search-container input {
    width: 100%;
    padding: 0.8rem 1.2rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1e293b;
    color: white;
    font-size: 1rem;
}
.search-container input:focus {
    outline: none;
    border-color: var(--color-primary);
}
.integration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}
.integration-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    text-align: center;
}
.integration-card:hover {
    transform: translateY(-5px);
    border-color: var(--color-primary);
    background: #252f45;
}
.integration-card .icon {
    font-size: 2.4rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
    line-height: 1;
}
.integration-card h4 {
    margin: 0 !important;
    color: white;
    font-size: 1.2rem;
}
.integration-card p {
    margin: 0.5rem 0 0 0 !important;
    font-size: 0.8rem;
    color: #94a3b8;
}
</style>

AlertHub acts as a central hub, decoupling your alert sources from your notification channels.

Connect third-party platforms to send alerts to AlertHub with ready-made guides and webhook templates.

GitHub Actions

CI/CD pipeline failures

Make

Send alerts from any scenario

Netlify

Build & deploy alerts

Shopify

Orders & inventory

Stripe

Payments & subscriptions

WordPress

Official plugin on WordPress.org

Zapier

Send alerts from 8,000+ apps