exportiere nur den code für den whatsapp button auf der landingpage direkt
Hier ist der Code für den WhatsApp Button auf der Landing Page:
<a
id="generate_lead"
href="https://wa.me/4917620396433?text=Hallo%20Starfinish%2C%20ich%20interessiere%20mich%20f%C3%BCr%20die%20Trockendampfreinigung%20f%C3%BCr%20mein%20Unternehmen."
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center px-8 py-4 bg-green-500 text-white font-bold rounded-lg hover:bg-green-600 transition-all duration-300 transform hover:scale-105 active:scale-95 text-center gap-2"
>
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
Per WhatsApp kontaktieren
</a>4917620396433 → Deine WhatsApp-Nummer?text= → Anpassen nach Bedarfbg-green-500 / hover:bg-green-600 → Kann angepasst werdenid="generate_lead" → Für Tracking/AnalyticsFertig! Du kannst diesen Code direkt in dein Projekt einfügen. Keine zusätzlichen Dependencies erforderlich.
kannst du in den code auch direkt das whatsapplogo mit reinnehmen? oder wie hast du das bei dem vorher mit reingegeben dass es das auch direkt mit dem logo als button macht? es sollte schon genau so aussehen
Das WhatsApp-Logo ist bereits direkt im Code enthalten! Das SVG, das ich dir gegeben habe, ist das offizielle WhatsApp-Logo.
Hier nochmal der Code mit zusätzlichen Kommentaren, damit es klar ist:
<a
id="generate_lead"
href="https://wa.me/4917620396433?text=Hallo%20Starfinish%2C%20ich%20interessiere%20mich%20f%C3%BCr%20die%20Trockendampfreinigung%20f%C3%BCr%20mein%20Unternehmen."
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center px-8 py-4 bg-green-500 text-white font-bold rounded-lg hover:bg-green-600 transition-all duration-300 transform hover:scale-105 active:scale-95 text-center gap-2"
>
{/* ← WhatsApp Logo (SVG) */}
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
{/* ← Button Text */}
Per WhatsApp kontaktieren
</a>So sieht es aus:
Das ist exakt das gleiche Format, das auch in deinem Projekt auf der Landingpage verwendet wird. Der Code ist plug-and-play und funktioniert sofort!
kannst du in den code auch direkt das whatsapplogo mit reinnehmen? oder wie hast du das bei dem vorher mit reingegeben dass es das auch direkt mit dem logo als button macht? es sollte schon genau so aussehen für den button direkt auf der landingpage unter dem header