CTA Components

Call-to-action components for use in blog posts and landing pages. Configure via frontmatter with bottomCTA and sidebarCTA fields.

Full-Width CTAs

Used at the bottom of blog posts. Set via bottomCTA: {id} in frontmatter.

bottomCTA: 1Type: default

Identifiez les comptes qui prospèrent et ceux qui déclinent

Découvrez quels comptes prospèrent, lesquels déclinent et ce qui a changé – avec des signaux clairs d'utilisation du produit.

Réserver une démo Essai gratuit

bottomCTA: 2Type: cards

Identifiez les clients à risque

Découvrez quels comptes prospèrent, lesquels déclinent et ce qui a changé – avec des signaux clairs d'utilisation du produit.

Commencer Réserver une démo

Documentation

Apprenez à tirer le meilleur parti d'Accoil.

Guide de santé client

Le guide complet de l'engagement client.

bottomCTA: 13Type: accent

Prêt à mieux comprendre vos clients ?

Rejoignez les équipes qui utilisent Accoil pour détecter les risques tôt, guider les utilisateurs vers la valeur et trouver des opportunités d'expansion.

Démarrer l'essai gratuit Parler aux ventes

Sidebar CTAs

Compact versions for the blog sidebar. Set via sidebarCTA: {id} in frontmatter. Only CTAs marked as sidebarCompatible will render.

sidebarCTA: 1

Identifiez les comptes qui prospèrent et ceux qui déclinent

Découvrez quels comptes prospèrent, lesquels déclinent et ce qui a changé – avec des signaux clairs d'utilisation du produit.

Réserver une démo Essai gratuit

sidebarCTA: 2(not compatible)

Not sidebar compatible

sidebarCTA: 13

Prêt à mieux comprendre vos clients ?

Rejoignez les équipes qui utilisent Accoil pour détecter les risques tôt, guider les utilisateurs vers la valeur et trouver des opportunités d'expansion.

Démarrer l'essai gratuit Parler aux ventes

Usage in Blog Posts

---
title: "Your Blog Post"
description: "Post description"
date: "2025-01-15"
# ... other frontmatter

# CTA Options
bottomCTA: 13        # Accent-style CTA at bottom
sidebarCTA: 1        # Compact CTA in sidebar
hideTOC: false       # Show table of contents (default)
---

Your content here...

Adding New CTAs

To add a new CTA, update the registry and add translations:

// 1. Add to src/components/sections/shared/cta-registry.tsx
const ctaRegistry: Record<number, CTAConfig> = {
  1: { type: 'default', sidebarCompatible: true },
  2: { type: 'cards', sidebarCompatible: false },
  13: { type: 'accent', sidebarCompatible: true },
  // Add your new CTA:
  14: { type: 'default', sidebarCompatible: true },
};

// 2. Add translations via CLI:
npm run i18n -- set common.ctas.cta14.heading "Your heading" --locale=en
npm run i18n -- set common.ctas.cta14.description "Description" --locale=en
npm run i18n -- set common.ctas.cta14.primaryCta "Primary Button" --locale=en
npm run i18n -- set common.ctas.cta14.primaryUrl "/your-url" --locale=en
npm run i18n -- set common.ctas.cta14.secondaryCta "Secondary" --locale=en
npm run i18n -- set common.ctas.cta14.secondaryUrl "/other-url" --locale=en

// Repeat for other locales (es, de, fr)

Available Types

Type	Description	Sidebar Compatible
`default`	Simple CTA with heading, description, and buttons in a bordered card	Yes
`accent`	Full-width CTA with accent background color	Yes
`cards`	Two-column layout with linked resource cards	No