<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');
.rcs-doc{
--purple-900:#241442;
--cream-50:#FAF6EE;
--teal-500:#3EC6BE;
--orange-500:#F0A83C;
--orange-100:#FBEAD1;
--pink-500:#EE6B96;
--ink-900:#241442;
--ink-600:#5B4E78;
--radius-lg:20px;
background:var(--cream-50);
color:var(--ink-900);
font-family:'Inter', sans-serif;
-webkit-font-smoothing:antialiased;
border-radius:var(--radius-lg);
overflow:hidden;
}
.rcs-doc *{box-sizing:border-box;}
.rcs-doc a{color:var(--purple-900);}
.rcs-hero{
background:radial-gradient(circle at 85% -10%, #3a2270 0%, var(--purple-900) 55%);
color:#fff;padding:48px 28px 60px;
}
.rcs-hero-inner{max-width:820px;margin:0 auto;}
.rcs-eyebrow{
font-family:'JetBrains Mono', monospace;font-size:12px;
letter-spacing:0.18em;text-transform:uppercase;color:var(--teal-500);
font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:20px;
}
.rcs-eyebrow::before{content:"";width:22px;height:1px;background:var(--teal-500);display:inline-block;}
.rcs-hero h1{
font-family:'Poppins',sans-serif;font-weight:800;
font-size:clamp(28px, 4.5vw, 44px);line-height:1.1;
margin:0 0 16px;max-width:18ch;
}
.rcs-hero p{font-size:16px;line-height:1.6;color:#D8CDEF;max-width:60ch;margin:0;}
.rcs-main{max-width:820px;margin:0 auto;padding:36px 24px 60px;}
.rcs-category{margin-bottom:44px;}
.rcs-category-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.rcs-badge{
font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;
width:32px;height:32px;border-radius:10px;
display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;
}
.rcs-category-head h2{
font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;
margin:0;color:var(--ink-900);
}
.rcs-card{
background:#fff;border-radius:16px;padding:24px 26px;
box-shadow:0 1px 2px rgba(36,20,66,0.04), 0 12px 32px -18px rgba(36,20,66,0.18);
border:1px solid #EFE9DC;
}
.rcs-card p{margin:0 0 12px;font-size:15px;line-height:1.65;color:var(--ink-600);}
.rcs-card p:last-child{margin-bottom:0;}
.rcs-card strong{color:var(--ink-900);}
/* checklist */
.rcs-checklist{margin:0;padding:0;list-style:none;}
.rcs-checklist li{
display:flex;gap:12px;align-items:flex-start;
font-size:15px;line-height:1.6;color:var(--ink-600);
padding:12px 0;border-bottom:1px solid #EFE9DC;
}
.rcs-checklist li:last-child{border-bottom:none;}
.rcs-checklist .rcs-check{
flex-shrink:0;width:20px;height:20px;border-radius:6px;
background:var(--teal-500);color:#fff;
display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:700;margin-top:1px;
}
.rcs-checklist strong{color:var(--ink-900);}
/* step timeline */
.rcs-steps{position:relative;padding-left:6px;}
.rcs-step{
position:relative;padding:0 0 28px 40px;
}
.rcs-step:last-child{padding-bottom:0;}
.rcs-step::before{
content:"";position:absolute;left:11px;top:28px;bottom:-4px;
width:2px;background:#EFE9DC;
}
.rcs-step:last-child::before{display:none;}
.rcs-step-num{
position:absolute;left:0;top:0;
width:24px;height:24px;border-radius:50%;
background:var(--accent, var(--teal-500));color:#fff;
font-family:'JetBrains Mono',monospace;font-weight:500;font-size:12px;
display:flex;align-items:center;justify-content:center;
}
.rcs-step h3{
font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;
margin:0 0 6px;color:var(--ink-900);
}
.rcs-step p{font-size:14.5px;line-height:1.6;color:var(--ink-600);margin:0;}
.rcs-callout{
border-radius:14px;padding:18px 20px;
border-left:4px solid var(--accent, var(--teal-500));
background:var(--bg, #DFF5F3);
}
.rcs-callout p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-900);}
.rcs-callout p + p{margin-top:8px;}
.rcs-foot{max-width:820px;margin:0 auto;padding:0 24px 40px;}
.rcs-foot-card{background:var(--purple-900);color:#fff;border-radius:16px;padding:32px 28px;}
.rcs-foot-card h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;margin:0 0 8px;}
.rcs-foot-card p{color:#CBBEE6;margin:0 0 4px;font-size:14px;}
.rcs-foot-card a{color:#fff;text-decoration:underline;}
.rcs-foot-links{
display:flex;flex-wrap:wrap;gap:10px 18px;
margin-top:18px;padding-top:16px;
border-top:1px solid rgba(255,255,255,0.15);
}
.rcs-foot-links a{
color:#fff;font-size:13.5px;font-weight:600;
text-decoration:none;display:inline-flex;align-items:center;gap:6px;
}
.rcs-foot-links a:hover{text-decoration:underline;}
@media (max-width:600px){
.rcs-hero{padding:36px 18px 48px;}
.rcs-main{padding:28px 16px 48px;}
}
</style>
<div class="rcs-doc">
<div class="rcs-hero">
<div class="rcs-hero-inner">
<div class="rcs-eyebrow">ChatWerk · RCS Business Messaging</div>
<h1>RCS einrichten – Schritt für Schritt</h1>
<p>Um RCS für dein Unternehmen zu nutzen, benötigst du einen eigenen, verifizierten Absender (den sogenannten Agenten). ChatWerk übernimmt die technische Einrichtung und Einreichung bei Google – dafür brauchen wir zu Beginn ein paar Informationen von dir.</p>
</div>
</div>
<div class="rcs-main">
<div class="rcs-category">
<div class="rcs-category-head">
<div class="rcs-badge" style="background:#3EC6BE;">01</div>
<h2>Was wir von dir brauchen</h2>
</div>
<div class="rcs-card">
<ul class="rcs-checklist">
<li><span class="rcs-check">✓</span><span><strong>Name des Unternehmens</strong> – dein rechtlicher Firmenname</span></li>
<li><span class="rcs-check">✓</span><span><strong>Logo</strong> – quadratisch, mindestens 224 × 224 Pixel</span></li>
<li><span class="rcs-check">✓</span><span><strong>Name des Agenten</strong> – der Markenname, unter dem deine Kund:innen dich im Chat sehen</span></li>
<li><span class="rcs-check">✓</span><span><strong>Nutzungsart</strong> – automatisierte Unterhaltung/Bot-Dialoge, 1:1-Kommunikation ohne Bot, Marketing-Newsletter/Kampagnen, oder eine Kombination daraus</span></li>
<li><span class="rcs-check">✓</span><span><strong>Ansprechpartner:in für die Markenverifizierung</strong> – eine einzelne, persönliche E-Mail-Adresse (keine Sammeladresse) einer Person mit Vertretungsbefugnis für dein Unternehmen</span></li>
</ul>
</div>
<div class="rcs-callout" style="margin-top:14px; --accent:#F0A83C; --bg:#FBEAD1;">
<p>Die Angabe der Nutzungsart ist wichtig, weil Google auf dieser Basis die passende Abrechnungskategorie für deinen Agenten festlegt – Details dazu findest du in unserem Artikel zur RCS-Preisgestaltung.</p>
</div>
</div>
<div class="rcs-category">
<div class="rcs-category-head">
<div class="rcs-badge" style="background:#F0A83C;">02</div>
<h2>So läuft die Einrichtung ab</h2>
</div>
<div class="rcs-card">
<div class="rcs-steps">
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#3EC6BE;">1</div>
<h3>Informationen sammeln</h3>
<p>Du schickst uns Unternehmensname, Logo, Agentenname und die gewünschte Nutzungsart.</p>
</div>
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#F0A83C;">2</div>
<h3>ChatWerk richtet den Agenten ein</h3>
<p>Wir legen dein Unternehmensprofil (Agent) auf der RCS-Plattform an – inklusive Branding, Beschreibung und Kontaktdaten.</p>
</div>
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#EE6B96;">3</div>
<h3>Einreichung zur Freigabe</h3>
<p>ChatWerk reicht den Agenten bei Google und den beteiligten Netzbetreibern zur Prüfung und Genehmigung ein.</p>
</div>
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#6B3FA0;">4</div>
<h3>Markenverifizierung</h3>
<p>Deine benannte Kontaktperson erhält eine automatische E-Mail von Google (Absender: rbm-support@google.com) und bestätigt darin, dass ChatWerk berechtigt ist, den Agenten in deinem Namen zu betreiben. Ohne diese Bestätigung kann die Freigabe nicht abgeschlossen werden.</p>
</div>
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#3EC6BE;">5</div>
<h3>Prüfung durch Google und Netzbetreiber</h3>
<p>Google und die Netzbetreiber prüfen die eingereichten Informationen und geben den Agenten frei.</p>
</div>
<div class="rcs-step">
<div class="rcs-step-num" style="--accent:#F0A83C;">6</div>
<h3>Livegang</h3>
<p>Nach erfolgter Freigabe ist dein Agent aktiv und kann RCS-Nachrichten versenden.</p>
</div>
</div>
</div>
</div>
<div class="rcs-category">
<div class="rcs-category-head">
<div class="rcs-badge" style="background:#EE6B96;">03</div>
<h2>Wie lange dauert die Freigabe?</h2>
</div>
<div class="rcs-card">
<p>Bei vollständigen Angaben und einer zeitnahen Bestätigung durch deine Kontaktperson dauert die Freigabe in der Regel wenige Werktage. Die genaue Dauer hängt davon ab, wie schnell die Markenverifizierung beantwortet wird und wie viele Netzbetreiber die Freigabe einzeln prüfen – plane daher realistisch ein paar Tage Vorlauf ein, bevor dein Agent startklar ist.</p>
</div>
</div>
<div class="rcs-category">
<div class="rcs-category-head">
<div class="rcs-badge" style="background:#6B3FA0;">04</div>
<h2>Gut zu wissen</h2>
</div>
<div class="rcs-card">
<ul class="rcs-checklist">
<li><span class="rcs-check">✓</span><span>Die Markenverifizierung muss pro Agent nur einmal durchgeführt werden.</span></li>
<li><span class="rcs-check">✓</span><span>Ein Agent kann grundsätzlich alle Nachrichtentypen versenden – die zu Beginn angegebene Nutzungsart bestimmt in erster Linie die Abrechnungslogik, nicht die technischen Möglichkeiten.</span></li>
<li><span class="rcs-check">✓</span><span>Der Prozess und die genauen Anforderungen können sich noch ändern – wir halten diesen Artikel entsprechend aktuell.</span></li>
</ul>
</div>
</div>
</div>
<div class="rcs-foot">
<div class="rcs-foot-card">
<h3>Bereit für den Start?</h3>
<p>Schick uns Unternehmensname, Logo, Agentenname und Nutzungsart an <a href="mailto:support@chatwerk.de">support@chatwerk.de</a> – wir kümmern uns um den Rest.</p>
</div>
</div>
</div>
