Schritt für Schritt: So erstellst du dein Kartenset
Was brauchst du, bevor du startest?
Für einen Start brauchst du den Card-Builder und ein paar Entscheidungen:
Zuallererst: Was für eine Art Kartenset möchtest du erstellen?
Wie viele Karten soll dein Set haben?
Welche Texte sollen auf den Karten stehen?
Welche Farbe sollen deine Karten haben? Oder möchtest du ein persönliches Bild für ein einheitliches Kartendesign uploaden?
Das Gute: Solltest du jetzt bei einigen Punkten noch nicht sicher sein, dann kannst du später ganz einfach Änderungen in deinem Set vornehmen.
Schritt 1: Den Card-Builder öffnen
Nach dem Kauf erhältst du eine Datei, die du direkt auf deinem Computer öffnest – einfach per Doppelklick. Du brauchst keine Installation, kein Login, keine Browser-Aktualisierung. Der Builder läuft lokal auf deinem Rechner, du kannst ihn sogar offline nutzen. Für einen Schnellzugriff kannst du ihn (oder einen Alias) auf deinen Desktop legen.
Der Card-Builder hat ein 10-Karten-Musterset geladen. Wenn du ein frisches Kartenset anlegen möchtest, musst du erst auf “alles löschen” gehen. Du kannst das Set später wieder hochladen, wenn du möchtest.
Schritt 2: Generelle Angaben: Signatur, Farbe
Der Card-Builder besteht aus einem übersichtlichen Dashboard, das alle relevanten Felder auf einem Blick anzeigt. Grundsätzlich gibt es einen generellen Bereich, der alle Karten betrifft, und einen individuellen Bereich, der nur die einzelne Karte betrifft.
Wenn du eine durchgängige Signatur unter dem Text angeben möchtest (z.B. “Coachingpraxis Müller” oder “Yogastudio Meier”) - dann kannst du dies im generellen Bereich eintragen. Dieser Eintrag gilt dann für alle Karten und muss nur einmalig gesetzt werden. Möchtest du keine Signatur, nimmst du einfach den Haken aus dem Feld “Signatur anzeigen”.
Du kannst hier ausserdem weitere, folgende Einstellungen auswählen:
Farbe der Karten (Hex-Farbe)
Farbe der Schrift (Hex-Farbe)
Hochladen eines Vorderbilds (Die Vorderseite ist hier die Seite das man als erstes sieht). Wenn du ein Vorderbild hochlädst (empfohlen 50-200 KB), erscheint es auf allen Karten dieses Sets.
Gut zu wissen: Wenn du ein Bild hochlädst, kannst du den Text “Karte ziehen” ausblenden (Häkchen herausnehmen)Kartenzähler ein/ausblenden: (Hier kannst du auswählen, ob die Gesamtsumme der Karten angezeigt werden soll)
Schritt 3: Deine Kartentexte eingeben
Jetzt kommt der kreative Teil: Du gibst deine Texte pro Karte ein.
Um eine neue Karte zu erstellen, klickst du auf das “+Karte” Symbol, danach gibst du die Kartenüberschrift und den Kartentext ein. Wenn du keine Überschrift möchtest, kannst du das Überschrift-Feld auch einfach leer lassen.
Du hast noch nicht alle Texte fertig? Oder - du hast viel zu viele Texte und kannst dich nicht entscheiden? Kein Problem. Fang einfach an, du kannst die Sets jederzeit abspeichern und später einzelne Karten nachträglich ändern, löschen oder ergänzen. Wenn du aber schon alle Texte konkret im Kopf hast, ist ein Set in etwa 3 bis 5 Minuten erstellt.
Schritt 4: Vorschau prüfen
Du kannst jederzeit zwischendrin die aktuelle Wirkung deines Kartensets prüfen. Klicke auf "Vorschau" und schau dir dein Kartenset an. So erkennst du schnell das Look and Feel und was vielleicht noch geändert werden sollte. Liest sich der Text gut? Passt die Farbe? Mit oder lieber ohne Signatur und Zählmechanismus? Du erkennst sofort, wie es wirkt und kannst alles per Klick anpassen.
Schritt 5: Code speichern und kopieren – fertig
Wenn alles passt, speicherst du dein Kartenset am besten direkt als Datei auf deinem Computer. Dazu klickst du nur auf "JSON exportieren” (Download). Die JSON-Downloads speicherst du am besten in einem separaten Ordner. So hast du sie jederzeit griffbereit und kannst sie später wieder in den Builder laden, bearbeiten oder für ein anderes Projekt verwenden. Wenn du nur “spielen” willst oder die Kartensets nicht sichern möchtest, brauchst du natürlich keinen JSON-Export durchführen.
Danach bleibt nur noch ein Klick im Builder zu erledigen: Indem du auf "Code kopieren" klickst, erhältst du den fertigen Einbettungs-Code in der Zwischenablage. Den brauchst du dann für den letzten Schritt.
Schritt 6: Den Code einbetten
Kommen wir zum letzten Schritt. Als Beispiel nehmen wir an, wir wollen das Kartenset in eine Squarespace Baukasten-Website einfügen.
Durch einen Klick auf “Code kopieren” im Builder haben wir den Text in unsere Zwischenablage gelegt. Nun gehen wir auf unsere (Squarespace) Seite und platzieren mittels “Block hinzufügen” einen Code-Block. Wir kopieren den Codeschnipsel in den Codeblock - speichern - fertig. Das Kartenset ist nun in die Website integriert, das Kartenset ist live (sofern deine Seite natürlich live ist). Besucher können von nun ab eine Karte aufdecken - auf dem Desktop genauso wie auf dem Smartphone.
Hinweis: Bei manchen kostenlosen Webbaukästen-Tarifen ist das (kostenlose) Einbetten von Code möglicherweise eingeschränkt. Falls du unsicher bist, prüfe das kurz in deinen Plan-Einstellungen.