7-time-saving-showit-hacks

Die 7 besten Showit Hacks für effektiveres Designen

July 4, 2023

Möchtest du lieber mein Tutorial anschauen?

Hack 1: Starte mit Schriftarten und Farben

Bevor du irgendetwas anderes in Showit machst, stellst du zunächst alle Schriftarten und Farben ein. Logge dich dazu bei app.showit.co ein und gehe links oben auf DESIGN SETTINGS:

Dort hast du die Möglichkeiten, Schriftarten einzustellen und Schriftgrößen für unterschiedliche Arten von Text zu wählen. Wenn du deine Schriftarten noch nicht DSGVO-konform heruntergeladen hast, lernst du das in diesem Blog Post. Auch deine Website Farben lassen sich bei Design Settings einstellen.

Wenn du all diese Voreinstellungen getroffen hast, kannst du deine Farben und Schriften auf deiner Website verwenden, indem du sie rechts im Menü anklickst:

Hack 2: Bereite alle deine Bilder vor, BEVOR du mit dem Designen in Showit beginnst

Suche dir ALLE Fotos aus, bevor du mit deiner Website startest und lade sie in einem Mal gesammelt hoch, anstatt während des Designprozesses immer mal wieder einzelne Fotos hochzuladen.

Passe außerdem die Größe an und benenne sie auf die korrekte Art und Weise. Falls du nicht weißt, wie du das machst, hilft dir dieser Blog Post.

Hack 3: Benutze die Alignment Funktionen

So einfach es im ersten Moment scheinen mag: Nutze die Alignment Funktionen, die Showit dir anbietet, wenn du mehrere Objekte auf deiner Website auswählst:

Sie sind deine besten Freunde, wenn es darum geht, Objekte innerhalb einer Seite auszurichten. Showit bietet dir die Optionen “Align to Canvas”, “Align to Group”, “Match size” und “Distribute”. Spiele einfach etwas mit ihnen herum, bis du verstehst, wie sie funktionieren.

Hack 4: Benutze “Site Canvases”

Ein Canvas ist ein Teil einer Seite in Showit. Wenn du eine Seite designst (z.B. deine “About me” Seite), teilst du sie in unterschiedliche Sektionen ein. Ganz oben hast du normalerweise einen Header mit dem Menü, dann hast du vielleicht einen Schriftzug mit einer Willkommensnachricht, dann einen Teil mit einem Foto von dir, das Informationen über dich, dann vielleicht noch einen Link zur Newsletter Anmeldung, und so weiter.

Du musst ganz grundsätzlich verstehen, dass es in Showit 2 Arten von Canvases gibt:

  1. PAGE CANVAS: Das sind die ganz “normalen” Canvases. Es sind Teile deiner Website, die nur ein einziges Mal an einer Stelle vorkommen, weshalb du sie ganz individuell designst und an keiner anderen Stelle auf deiner Website wiederverwendest.
  2. SITE CANVASES: Das sind Canvases, die mehrere Male an verschiedenen Stellen deiner Website vorkommen. Das kann zum Beispiel dein Header mit den Buttons zur Navigation deiner Website sein, oder der Footer mit den Links zu deiner Datenschutzerklärung, oder die Einladung, sich für deinen Newsletter anzumelden.

Wie erkennt man, ob eine Canvas ein Page Canvas oder ein Site Canvas ist? Ganz einfach an den Schattierungen. Wie du hier im Bild in rot eingerahmt sehen kannst, sind die Site Canvases quer gestrichelt:

Sobald du den blauen Button EDIT FOOTER klickst, wird der Site Canvas separat angezeigt und du kannst ihn bearbeiten. Wichtig zu wissen hierbei: Wenn du eine Änderung an einem Site Canvas vornimmst, verändert sich das überall auf deiner Website. Wenn z.B. dein Footer ein Site Canvas ist und du ihn wie hier anklickst und zum Beispiel den pfirsichfarbenen Hintergrund in blau änderst, geschehen diese Änderung auf der gesamten Website, überall da, wo sich dieser Footer befindet:

Wenn du einen Canvas neu designst, ist er immer erst mal ein Page Canvas. Wenn du ihn in einen Site Canvas ändern willst, klickst du lediglich die 3 Punkte neben dem Canvas an und wählst CONVERT TO SITE CANVAS:

Hack 5: Designe die mobile Version parallel

Vergiss bloß nicht die mobile Version (also die Handyansicht deiner Website), wenn du deine Website designst! Wenn du zuerst eine ganze Seite als Desktop Version designst und dann erst ganz am Ende zur mobilen Ansicht wechselst, wirst du das pure Chaos vorfinden. Glaub mir, das ist wirklich anstrengend und unnötig!

Daher empfehle ich dir dringend, immer nur einen kleinen Abschnitt – also einen Canvas – zu designen, dann zur mobilen Version zu wechseln und diesen kleinen Teil anzupassen, bevor du weitermachst. Du kannst auch beide Versionen gleichzeitig nebeneinander geöffnet haben, wenn dir das hilft.

Hack 6: Button Design

Hack 6 hängt eng mit Hack 5 zusammen. Wenn du einen Button für die Desktop Version designst, kannst du diesen einfach copy-pasten und für die gesamte Website wiederverwenden. ABER: Mach das nicht, bevor du den Button nicht auch für die mobile Version angepasst hast!

Designe deinen Button also ein Mal in der Desktop Version und designe dann den gleichen Button für die mobile Version. Wenn du jetzt also den Button kopierst und an anderer Stelle wieder einfügst, hat er für beide Ansichten schon das richtige Format. Falls du nicht ganz verstehst, was ich damit meine, schau dir mein Tutorial, das ganz oben verlinkt ist, ab Minute 14 an.

Hack 7: Nutze die Help Docs im Showit Help Center

Ich muss wirklich sagen, dass ich das Help Centre von Showit liebe. Dort gibt es Artikel zu wirklich allen Fragen, die du zu Showit haben kannst. Jedes Mal, wenn ich mit etwas nicht weiterkomme, schaue ich dort nach, und in den allermeisten Fällen, finde ich eine Antwort auf meine Frage. Und für alle Fragen, die ich dort nicht klären kann, gibt es immer noch das Showit Support Team. Wenn du in Showit eingeloggt bist, findest du rechts unten die Chat-Funktion, wo du dem Team eine Direktnachricht senden kannst. Sie antworten normalerweise innerhalb weniger Stunden, manchmal sogar Minuten (je nach Wochentag und Uhrzeit) und sind extrem hilfsbereit und freundlich.

Tips & Goodies in your inbox!

Take me to the newsletter subscription