Integraciones

# Integraciones

AlertHub actúa como un hub central: desacopla las fuentes de alerta de tus canales de notificación.

Conecta plataformas de terceros para enviar alertas a AlertHub con guías listas y plantillas de webhook.

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

<div class="integration-grid" id="integrationGrid">
    <a href="/es/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>Fallos de pipelines CI/CD</p>
    </a>
    <a href="/es/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>Alertas desde cualquier escenario</p>
    </a>
    <a href="/es/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>Alertas de build y deploy</p>
    </a>
    <a href="/es/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>Pedidos e inventario</p>
    </a>
    <a href="/es/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>Pagos y suscripciones</p>
    </a>
    <a href="/es/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>Plugin oficial en WordPress.org</p>
    </a>
    <a href="/es/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>Alertas desde más de 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 actúa como un hub central: desacopla las fuentes de alerta de tus canales de notificación.

Conecta plataformas de terceros para enviar alertas a AlertHub con guías listas y plantillas de webhook.

GitHub Actions

Fallos de pipelines CI/CD

Make

Alertas desde cualquier escenario

Netlify

Alertas de build y deploy

Shopify

Pedidos e inventario

Stripe

Pagos y suscripciones

WordPress

Plugin oficial en WordPress.org

Zapier

Alertas desde más de 8.000 apps