DocsBearbeiten & VeröffentlichenAnpassungsleitfaden

Anpassungsleitfaden

Erfahren Sie, wie Sie Ihre Draftly-Website bearbeiten, gestalten und erweitern können – ohne Code anzufassen.

Wie Anpassung Funktioniert

Draftly bietet Ihnen drei Möglichkeiten, Ihre Website nach der Generierung anzupassen:

1. Inline-Bearbeitung — Klicken Sie auf einen beliebigen Text, eine Farbe oder ein Bild direkt im Vorschaubereich. Eine Überlagerung erscheint mit Steuerelementen für Textinhalt, Schriftfamilie, Größe, Gewicht und Farbauswahl.

2. Chat-to-Modify — Geben Sie eine Anweisung in die Chat-Leiste ein (z.B. "ändere den Hero-Hintergrund zu Dunkelblau", "füge einen Preisbereich hinzu"). Draftly patcht nur den relevanten Abschnitt — kostet 0,5 Credits.

3. Design-Presets — Klicken Sie auf das Styles-Panel. Wählen Sie aus 25 Branchen-Presets, 12 Farbpaletten, 5 Navigationsstilen und 5 Hero-Layouts.

Text und Farben Bearbeiten

So bearbeiten Sie ein Element inline: 1. Stellen Sie sicher, dass Sie auf der Registerkarte Vorschau sind. 2. Klicken Sie auf einen Text, eine Überschrift oder einen farbigen Block. 3. Die Inline-Bearbeitung öffnet sich mit: Text, Farbe, Schriftfamilie (26 Schriften), Größe, Gewicht. 4. Klicken Sie auf Speichern oder Abbrechen.

Verwenden Sie auch KI-Umschreiben für bessere Texte oder Bild ersetzen zum Austausch von Bildern.

Design-Presets Verwenden

Design-Presets ändern den gesamten visuellen Stil mit einem Klick. 1. Klicken Sie auf Styles in der Werkzeugleiste. 2. Drei Registerkarten: Vertikal (25 Presets), Farben (12 Muster + benutzerdefiniertes Hex), Stil (5 Nav, 5 Hero, 5 Animationen). 3. Klicken Sie zur Vorschau, dann Anwenden.

Ihr Text und Ihre Abschnitte bleiben gleich; nur das visuelle System ändert sich.

Chat-to-Modify

Chat-to-modify ist der schnellste Weg für strukturelle Änderungen.

Geben Sie eine Anweisung in die Chat-Leiste ein: - "Ändere die Hero-Überschrift in etwas Ansprechenderes" - "Füge einen FAQ-Bereich zwischen Preise und Kontakt ein" - "Mache das Farbschema dunkler"

Draftly patcht nur den relevanten Abschnitt — 0,5 Credits.

Analytics und Tracking Hinzufügen

Verbinden Sie Google Analytics, Google Tag Manager, Facebook Pixel oder ein benutzerdefiniertes Tracking-Skript – ohne Code.

1.Klicken Sie auf Integrationen (Stecker-Symbol) in der Werkzeugleiste.
2.Geben Sie Ihre IDs ein:
- Google Analytics 4: Mess-ID (G-XXXXXXXXXX)
- Google Tag Manager: Container-ID (GTM-XXXXXXX)
- Facebook Pixel: 15-stellige Pixel-ID
- Benutzerdefiniertes Head-Skript: beliebiger <script>-Block (nur HTTPS)
3.Klicken Sie auf Integrationen speichern.
4.Skripte werden bei der nächsten Generierung automatisch eingefügt.

Ein Kontaktformular Hinzufügen

Jede Draftly-Website kann ein funktionierendes Kontaktformular enthalten.

1.Klicken Sie auf Integrationen.
2.Aktivieren Sie Kontaktformular aktivieren.
3.Klicken Sie auf Integrationen speichern.
4.Generieren oder regenerieren Sie – das Formular wird automatisch hinzugefügt.

Einsendungen werden in Ihrem Draftly-Konto gespeichert und Sie erhalten eine E-Mail-Benachrichtigung. Alle Daten bleiben bei Draftly.