Sources

# Sources

Sources are the systems, applications, or services that generate alerts. AlertHub ingests these alerts via its universal API.

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

<div class="integration-grid" id="sourceGrid">
    <a href="/docs/integrations/sources/webhook-api/" class="integration-card" data-name="ingestion api">
        <div class="icon"><i class="fa-solid fa-plug" aria-hidden="true"></i></div>
        <h4>Ingestion API</h4>
        <p>Universal API for any system</p>
    </a>
    <a href="/docs/integrations/sources/webhook-builder/" class="integration-card" data-name="webhook builder">
        <div class="icon"><i class="fa-solid fa-screwdriver-wrench" aria-hidden="true"></i></div>
        <h4>Webhook Builder</h4>
        <p>Build & test URLs</p>
    </a>
    <a href="/docs/integrations/sources/email-alerts/" class="integration-card" data-name="email alerts">
        <div class="icon"><i class="fa-solid fa-envelope" aria-hidden="true"></i></div>
        <h4>Email Alerts</h4>
        <p>Send alerts by email</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/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>
Sources are the systems, applications, or services that generate alerts. AlertHub ingests these alerts via its universal API.
Ingestion API

Universal API for any system
Webhook Builder

Build & test URLs
Email Alerts

Send alerts by email
Make

Send alerts from any scenario
WordPress

Official plugin on WordPress.org
Zapier

Send alerts from 8,000+ apps