Carrd: Inhalte selber anpassen

Ich baue Webseiten so, dass meine Kunden sie danach selbst pflegen können. Diese Anleitung zeigt dir, wie das bei einer Carrd-Seite geht... ohne Programmierkenntnisse.
‍
Du sollst Texte ändern, Bilder tauschen und Links anpassen können, wann immer du willst, ohne mich zu fragen und ohne Technikwissen. Meist dauert das weniger als eine Minute. Genau dafür habe ich deine Seite so eingerichtet und dir diese Anleitung geschrieben. Und wenn du etwas lieber abgibst, bin ich trotzdem da. Support bekommst du bei mir, weil du ihn willst, nicht weil du ihn brauchst.

‍

‍

‍

1. Was Carrd ist, und was nicht

Carrd ist bewusst einfach. Deine Seite besteht aus Sektionen, die untereinander stehen, und aus Elementen darin: Überschriften, Texte, Bilder, Buttons, Formulare.

Was Carrd nicht hat, ist ein CMS. Es gibt also keine Blog-Verwaltung und keine Listen, die sich automatisch befüllen. Das ist kein Mangel, sondern der Grund, warum deine Seite so schnell und wartungsarm ist. Wenn du irgendwann regelmässig Beiträge veröffentlichen willst, sprich mich an, dann schauen wir, ob ein Wechsel sinnvoll ist.

‍

‍

‍

2. Zugang und Einloggen

Für den Zugang gibt es zwei Wege. Wir wählen den, der besser zu dir passt:

• Geteilter Zugang: Ich teile deine Seite mit dir. Du bekommst eine E-Mail von Carrd und erstellst damit ein kostenloses Carrd-Konto. Ein eigenes Abo brauchst du dafür nicht. Die Seite bleibt in meinem Konto, ich bleibe im Hintergrund erreichbar.
• Übertragung: Wenn du deine Seite vollständig bei dir haben willst, verschiebe ich sie in dein eigenes Carrd-Konto. Dann gehört sie ganz dir, inklusive Abo und Rechnung. Du brauchst dafür ein eigenes Carrd-Pro-Abo, mit Kontaktformular mindestens Pro Standard. Sag einfach Bescheid, wenn du das möchtest.

So meldest du dich beim geteilten Zugang an:

1. Klicke auf den Link in der E-Mail von Carrd. Falls sie nicht ankommt, schau kurz im Spam-Ordner nach.
2. Erstelle dein Konto und lege ein Passwort fest. Ein sicheres Passwort erzeugst du in Sekunden mit meinem kostenlosen Passwort Generator auf meiner Webseite.
3. Ab dann meldest du dich immer auf carrd.com an. Deine Seite findest du im Dashboard im Tab Shared Sites. Ein Klick auf das Bearbeiten-Symbol öffnet den Editor.

Carrd unterscheidet zwischen Admin- und Editor-Zugang. Du bekommst den Editor-Zugang. Auch damit kannst du die ganze Seite bearbeiten, inklusive Design und Aufbau. Darum gilt: erst prüfen, dann veröffentlichen, mehr dazu in Kapitel 8. Und sag mir kurz Bescheid, wenn du grössere Änderungen planst, dann arbeiten wir nicht gleichzeitig an derselben Seite.

‍

‍

‍

‍

3. Der Editor

Der Editor ist die Ansicht, in der du arbeitest. Er zeigt deine Seite so, wie sie später aussieht, und du siehst sofort, wie sich eine Änderung auswirkt. Klickst du ein Element an, öffnet sich ein Panel mit seinen Einstellungen.

Im Editor kannst du zwischen Desktop- und Handy-Ansicht wechseln. Prüfe jede Änderung in beiden Ansichten.

Über das Pluszeichen in der Werkzeugleiste kommen neue Elemente auf die Seite. Im Alltag brauchst du das selten. Frag im Zweifel kurz nach, bevor du etwas Neues einfügst.

Wichtig ist, dass Änderungen im Editor nicht sofort auf der Live-Webseite sichtbar werden. Du musst sie zuerst mit dem Publish-Knopf veröffentlichen. Carrd speichert nicht automatisch: Schliesst du den Editor, ohne zu veröffentlichen, sind deine Änderungen weg. (Dazu mehr in Kapitel 8 Veröffentlichen)

‍

‍

4. Texte ändern

1. Klicke direkt in den Text, den du ändern willst.
2. Tippe deine Änderung, genau wie in einem Textprogramm.
3. Klicke ausserhalb des Textes, um die Änderung zu übernehmen.
4. Prüfe das Ergebnis in der Desktop- und der Handy-Ansicht.

Ein paar Hinweise aus der Praxis:

• Achte auf die Textlänge. Wird aus einer kurzen Überschrift plötzlich ein langer Satz, bricht sie auf dem Handy anders um und das Layout wirkt unruhig. Im Zweifel ähnlich lang bleiben wie vorher.
• Carrd formatiert mit Sonderzeichen statt mit Knöpfen: Fett schreibst du als **Wort**, kursiv als _Wort_. Formatiere sparsam. Fett für einzelne Begriffe ist gut, ganze fett markierte Absätze verlieren ihre Wirkung.
• Weil Sternchen (*) und Unterstriche (_) eine Bedeutung haben, können sie Text ungewollt formatieren. Brauchst du sie als normales Zeichen, setze einen Backslash davor, zum Beispiel \*.
• Kopierst du Text aus Word oder einer E-Mail, füge ihn ohne Formatierung ein, sonst schleppst du unsichtbare Formatierungen mit. Auf dem Mac mit Cmd + Shift + V, in Safari mit Cmd + Option + Shift + V, unter Windows mit Ctrl + Shift + V.

‍

‍

‍

5. Formatierung und Animationen anpassen

Bei jedem Element kannst du nicht nur den Inhalt ändern, sondern auch das Aussehen und die Animation. Klicke das Element an und wechsle oben links im Panel zwischen den Bereichen:

• Appearance: Farbe, Schrift, Grösse, Schriftstärke und Zeilenabstand.
• Animation: was passiert, wenn das Element beim Scrollen ins Bild kommt, zum Beispiel Blur In, dazu Dauer, Verzögerung und Intensität.

Achte dabei auf das Feld oben rechts neben dem Titel. Dort steht der Style, im Beispielbild Hero Title. Ein Style ist eine gemeinsame Gestaltung, die auf mehreren Elementen liegt. Ist dort ein Style ausgewählt, gilt deine Änderung an Formatierung oder Animation für alle Elemente deiner Seite mit diesem Style, nicht nur für das eine, das du angeklickt hast.

Meistens ist das genau richtig, weil deine Seite so einheitlich bleibt. Schau aber vor dem Ändern kurz auf dieses Feld, damit du weisst, was du gerade anpasst. Soll wirklich nur ein einzelnes Element anders aussehen, melde dich, dann löse ich das für dich.

Du darfst hier alles selbst anpassen. Mach es aber nur, wenn du dir sicher bist, was du tust, und prüfe das Ergebnis in beiden Ansichten, bevor du veröffentlichst. Bei Animationen ist weniger mehr, eine ruhige Seite wirkt hochwertiger als eine, in der alles hereinfliegt. Und bei grösseren Design-Änderungen wie neuen Schriften oder einem anderen Farbkonzept melde dich lieber vorher kurz (siehe Kapitel 10).

‍

‍

‍

6. Bilder tauschen

1. Klicke das Bild an, das du ersetzen willst.
2. Wähle im Panel die neue Bilddatei aus oder lade sie hoch.
3. Trage einen Alt-Text ein. Das ist eine kurze Beschreibung dessen, was auf dem Bild zu sehen ist. Sie hilft Menschen mit Sehbehinderung und wird von Google gelesen. Ein Satz genügt.

Zur Bildgrösse: Lade keine Fotos direkt aus der Kamera oder vom Handy hoch. Solche Dateien sind oft mehrere Megabyte gross und machen deine Seite langsam. Als Faustregel: rund 2000 Pixel Breite für Bilder über die ganze Seitenbreite, rund 1000 Pixel für kleinere Bilder im Text.

Zum Verkleinern kannst du mein kostenloses Werkzeug nutzen: den Image Optimizer auf meiner Webseite. Bild hineinziehen, optimiertes Bild herunterladen, hochladen. Fertig. Wähle dort JPG für Fotos und PNG für Grafiken mit transparentem Hintergrund.

‍

‍

‍

7. Links und Buttons anpassen

Buttons und Icons haben ein eigenes Feld für die Verlinkung:

1. Klicke den Button oder das Icon an.
2. Trage im Feld für die Verlinkung die neue Adresse ein.
3. Teste jeden geänderten Link nach dem Veröffentlichen einmal selbst.

Links im Fliesstext haben kein eigenes Feld. Sie stehen direkt im Text, in dieser Schreibweise: [Linktext](https://adresse.ch). In den eckigen Klammern steht, was man auf der Seite sieht, in den runden Klammern die Adresse. Ändere nur, was du ändern willst, und lass die Klammern stehen.

Bei E-Mail-Adressen und Telefonnummern braucht es ein Kürzel davor, sonst funktioniert der Klick nicht: mailto:name@firma.ch für E-Mails und tel:+41791234567 für Telefonnummern, ohne Leerzeichen. Und prüfe bei Links auf andere Webseiten, ob die Adresse vollständig ist, inklusive https:// am Anfang.

‍

‍

‍

8. Veröffentlichen

Deine Änderungen gehen erst online, wenn du sie veröffentlichst.

1. Klicke im Editor oben rechts auf das Disketten-Symbol (Publish). Ein grüner Punkt daran zeigt, dass es unveröffentlichte Änderungen gibt.
2. Klicke auf Publish Changes.
3. Nach wenigen Sekunden ist die Änderung live.

Wichtig: Carrd speichert nicht automatisch und kennt keine Entwürfe. Schliesst du den Editor, ohne zu veröffentlichen, sind deine Änderungen weg. Veröffentliche also, bevor du aufhörst. Das hat auch einen Vorteil: Ist etwas völlig schiefgegangen, schliesst du den Editor einfach ohne zu veröffentlichen, und die Live-Seite bleibt, wie sie war.

Publish stellt immer deinen ganzen aktuellen Stand online. Arbeiten zwei Personen gleichzeitig an der Seite, überschreibt die spätere Veröffentlichung die Änderungen der anderen. Darum sag mir kurz Bescheid, bevor du grössere Änderungen machst.

Prüfe danach deine Seite im Browser. Siehst du die Änderung nicht, lade die Seite einmal ohne Zwischenspeicher neu. Auf dem Mac in Chrome und Firefox mit Cmd + Shift + R, in Safari mit Cmd + Option + R, unter Windows mit Ctrl + F5.

‍

‍

‍

9. Anfragen über dein Kontaktformular

Am Ende zählt nicht, wie schön deine Seite ist, sondern ob Anfragen bei dir ankommen. Darum lohnt sich ein kurzer Blick auf dein Kontaktformular.

• Wohin Anfragen gehen: Jede Anfrage über das Formular kommt per E-Mail an die Adresse, die wir bei der Einrichtung festgelegt haben.
• Spam-Ordner: Die erste Anfrage landet manchmal im Spam. Markiere sie dann als "Kein Spam", danach kommen die weiteren meist zuverlässig an.
• Selbst testen: Schick dir etwa zweimal im Jahr selbst eine Anfrage über deine Webseite. So merkst du früh, falls etwas nicht mehr funktioniert.
• Neue Empfänger-Adresse: Die Adresse kannst du selbst im Formular-Element ändern (siehe Bild). Sei dabei vorsichtig: Ein Tippfehler reicht, und Anfragen gehen ins Leere. Mach es darum nur, wenn du dir sicher bist, und schick dir danach sofort eine Testanfrage. Im Zweifel sag mir Bescheid.

‍

‍

‍

10. Was du besser mir überlässt

Du darfst alles selbst anpassen. Bei diesen Punkten ist es aber meist schneller und sicherer, wenn ich es mache. Wenn du es trotzdem selbst machst, dann nur, wenn du dir sicher bist, was du tust:

• Neue Sektionen einfügen oder die Reihenfolge umstellen
• Grössere Änderungen an Schriften, Farben und Abständen
• Neue Formulare oder zusätzliche Formularfelder
• Domain, Weiterleitungen und technische Einstellungen
• Einbindungen von Drittanbietern und Custom Code

Eine kurze Nachricht genügt, und ich sage dir ehrlich, ob es ein Zweiminutenjob ist oder ein grösseres Projekt.

‍

‍

‍

11. Was rechtliche Folgen hat

Manche Änderungen sehen harmlos aus, haben aber Folgen für deine Datenschutzerklärung oder dein Impressum. Gib mir kurz Bescheid, wenn du:

• ein Video von YouTube, eine Karte von Google Maps oder einen Social-Media-Feed einbetten möchtest.
• einen Newsletter, ein Buchungstool oder einen Onlineshop anbinden willst.
• über das Formular neue Angaben abfragen möchtest, zum Beispiel Geburtsdatum oder Adresse.
• umziehst, deine Firmenform änderst oder neue Kontaktdaten hast.

Solche Anpassungen sind meist schnell gemacht. Wichtig ist nur, dass sie nicht vergessen gehen.

‍

‍

‍

12. Wenn du Hilfe brauchst

Du musst nichts davon allein machen. Wenn du etwas lieber abgibst oder unsicher bist, schreib mir einfach.

Am einfachsten erreichst du mich per WhatsApp für kurze Fragen und per E-Mail für alles, was etwas mehr Erklärung braucht. Meine Kontaktangaben findest du auf meiner Webseite.

‍

Wenn du Aufgaben dauerhaft abgeben möchtest, findest du passende Add-Ons mit aktuellen Preisen in deinem Dashboard, zum Beispiel Content-Update, Support-Guthaben, Uptime Monitoring oder Webseite Statistiken. Fallen Änderungen regelmässig an, ist Content-Update meist entspannter und günstiger, als jedes Mal einzeln abzurechnen. Auf meiner Webseite findest du zudem kostenlose Werkzeuge, etwa den Image Optimizer, Search & Social Preview oder die Website Analyse.

‍

Du möchtest selbst noch tiefer einsteigen? Die offizielle Dokumentation von Carrd findest du unter carrd.com/docs. Sie ist auf Englisch und deutlich ausführlicher, als du es im Alltag je brauchen wirst.

‍

‍

‍

13. Häufige Fragen