Doku › Bearbeiten

Badge „Made with ProntoSite"

Das Badge „Made with ProntoSite" ist freiwillig und auf allen Tarifen gleich. Es erscheint nur dort, wo du es einbaust – ProntoSite hängt es nie automatisch an.

So sieht es aus #

ProntoSite erzeugt das Badge beim Ausliefern immer in derselben Form: Icon (14 px) links, daneben „Made with ProntoSite" in der Systemschrift, 12 px, halbfett, ohne Unterstreichung, leicht gedämpft (beim Darüberfahren voll sichtbar). Schrift, Größe, Großbuchstaben oder Abstände deines Footers wirken sich nicht aus – du wählst nur die Farbe über die Variante:

Variante Farbe Passt zu
auto (Standard) Textfarbe des Footers fast allen Footern
light Weiß dunklen Footern
dark Dunkelblau hellen Flächen
mono Textfarbe, Icon einfarbig ruhigen, einfarbigen Designs

Im Dashboard unter Website › Badge siehst du alle vier Varianten auf heller und dunkler Fläche.

Einbauen #

Kopiere unter Website › Badge das Snippet (Variante wählen, „Snippet kopieren") – es enthält bereits deine Website-Adresse für die Statistik:

<a data-ps="badge" data-ps-variant="auto" href="https://prontosite.io/?ref=badge&amp;site=deine-website" rel="noopener noreferrer">Made with ProntoSite</a>

Platzierung: im Footer, in der letzten Zeile, bündig mit dem Copyright – z. B. „© 2026 Firma | Impressum | Datenschutz | Made with ProntoSite". Nicht in Navigation, Kopfbereich oder Inhalt.

Mit der KI-Verbindung kannst du auch einfach sagen: „Bau das ProntoSite-Badge in den Footer ein, Variante light."

Was ProntoSite beim Veröffentlichen macht #

  • Jedes Element mit data-ps="badge" wird auf die einheitliche Form gebracht: Link, Icon, Text und Stil kommen von ProntoSite, übernommen wird nur data-ps-variant. Eigene Klassen, Inline-Styles oder ein target="_blank" am Badge entfallen.
  • Sitzt der Marker auf einem anderen Element (z. B. <li data-ps="badge">), bleibt dieser Platz erhalten und bekommt den Badge-Link als Inhalt.
  • Bestehende Websites erhalten die neue Form automatisch beim nächsten Veröffentlichen.
  • Ein eingebautes Badge lässt sich über die Bearbeitungswerkzeuge nicht verändern oder nachbauen (nur entfernen, indem du den Footer neu gestaltest, oder den Original-Marker wiederherstellen).

Ausblenden oder Variante ändern #

Unter Website › Badge blendest du das Badge für die ganze Website aus oder wählst die Variante für alle Seiten, auf jedem Tarif. Das ist eine normale Änderung: Sie landet im Entwurf, lässt sich rückgängig machen und geht beim Veröffentlichen live (mit „Änderungen sofort live" automatisch).

Mit der KI-Verbindung geht das per Zuruf, zum Beispiel „Blende das ProntoSite-Badge aus". Die KI nutzt dafür das Werkzeug site_badge_set, nicht CSS oder HTML.

Beim Ausblenden verschwindet das Badge, der Marker bleibt im Quelltext, damit du es jederzeit wieder einblenden kannst. Steht davor im Footer ein eigenes Trennzeichen wie „|", bleibt es stehen und muss separat entfernt werden. Auf einer Website ohne eingebautes Badge bewirkt der Schalter nichts Sichtbares, einbauen musst du es weiterhin selbst.

Zuletzt aktualisiert: