Graphiken und Bilder für das Shopline Shop-CMS

In den Shopline Shop können über den eigenen Bereich Bilder oder Graphiken eingesetzt werden.

Gerade durch Bilder aus der Buchhandlung oder vom Team wird auf visuellem Wege eine Verbindung zur lokalen Buchhandlung geschaffen.

Damit die Bilder gut wirken und auch erkennbar sind, ist es wichtig das jeweils benötigte Format einzuhalten.

Das Vorgehen besteht aus zwei Schritten:

  1. Bild oder Graphik wird in eine Vorlage mit dem entsprechendem Format eingefügt
  2. Das Bild wird den jeweiligen Bereich im Shop eingesetzt.
    Dieser Vorgang wird in den Dokumentationen für den Shop ausführlich erklärt.

Um die Vorlagen verwenden zu können wird das Graphik- und Designprogramm Canva benötigt. Canva ist webbasiert und muss nicht auf dem Computer installiert werden.

Melde dich auf canva.com für den kostenlosen Zugang an.
Wenn du dir jetzt eine Vorlage auswählst und darauf klickst, wird diese Vorlage in Canva geöffnet.
Die Vorlagen, die ich hier bereitstelle, haben die für deinen Shop benötigte Größe.
Du kannst Bilder, Graphikelemente, etc. aus dem Angebot von Canva verwenden.
Oder du lädst eigene Bilder oder Graphiken in Canva und verwendest diese.

Logo | Vorteilslogo

Maße für das Buchhandlungslogo und das Vorteilslogo

Diese Vorlage kann für das Buchhandlungslogo  verwendet werden.

Das Logo soll möglichst den ganzen verfügbaren Raum ausfüllen und klar erkennbar sein.
Öffnungszeiten oder Telefonnummern werden an anderer Stelle platziert und nicht im Logo

Vorgehen:

  • Vorlagenlink anklicken und in Canva öffnen
  • Vorlage füllen und dann speichern
  • Download und in den Logo-Bereich im Shop einsetzen

Die Vorlage ist für eine Verwendung für das Buchhandlungslogo eingerichtet: 300 x 150 px

Diese Vorlage kann für das Vorteilslogo  verwendet werden.

Dieses Logo ist rechts oben im Shop-Header platziert und kann z.B. auf eine nächste Veranstaltung hinweisen.

Vorgehen:

  • Vorlagenlink anklicken und in Canva öffnen
  • Vorlage füllen und dann speichern
  • Download und in den Logo-Bereich im Shop einsetzen

Die Vorlage ist für eine Verwendung für das Buchhandlungslogo eingerichtet: 560 x 95 px

Module Ausbaustufe smart + profi

Maße für Module, die in smart + profi verfügbar sind

Bei diesem Modul kannst du ein passende Hintergrundbild einsetzen und so thematisch die vorgestellten Bücher unterstützen

Die Vorlag ist auf die notwendige Größe eingerichtet: 1500 x 600 px

Diese Vorlage kann auch für Textbuttons für Instagram Link in Bio verwendet werden.

Vorgehen:

  • Text anpassen
  • Für jeden Link eine Graphikdatei erstellen
  • Bilddatei in das Modul übernehmen und Verlinkung setzen

Die Vorlage ist für eine Verwendung in Link in Bio eingerichtet: 1.440 px Höhe

Diese Modul hat eine flexible Höhe. Mein Tipp: nicht über eine Höhe von 400 px gehen. Es wirkt sonst auf jedem Endgerät sehr mächtig.

Vorlage für Bild Text 2er

  • Canva Vorlage leer
    Diese Vorlage kann mit eigenen Bildmotiven, Text oder Bilder und Graphiken aus Canva befüllt werden.
  • Canva Vorlage mit Musterbild
    In diese Vorlage ist ein Musterbild eingesetzt. Das Bild kann entfernt werden.

Die Vorlag ist auf die notwendige Größe eingerichtet: 720 x 405 px

Vorlage für 1 Bild – 2 Textspalten

Die Vorlage ist auf die notwendige Größe eingerichtet: 500 x 500 px (empfohlene Größe)

Grundsätzlich ist hier eine frei wählbare Höhe möglich. Ich empfehle diese Bildmotiv quadratsich einzusetzen udn habe daher die Vorlage auf 500 px x 500 px gesetzt.

Vorlage für Vorschaubild  für das YouTube Videomodul

Die Vorlage ist auf die notwendige Größe eingerichtet: 705 x 397 px

Videofilme (oder Audios), die auf YT angelegt sind, lassen sich in Shopline einbetten. So können deine Besucher sich die Filme direkt im Shop ansehen. Der Film selber liegt auf YT.

Das Vorschubild ist wichtig: Es regt zum Klicken an, ist ein CTA, call to action.

Vorlage für Mitarbeiter-Profil und Mitarbeiter-Empfehlung

Die Vorlage ist auf die notwendige Größe eingerichtet: 110 x 110 px

Die beiden Module sind ähnlich aufgebaut und haben die geiche Größe bei den benötigten Bildern.

Tipps zur Gestaltung der Bilder für diese Module:

  • verwende immer ein Porträtbild und keine Ganzkörperbild. So ist der Mitarbeiter gut erkennbar
  • die Mitarbeiterempfehlung ist gleich als Teamvorstellung nutzbar: du kannst damit sowohl Mitarbeiter vorstellen als auch dessen Lesetipp. Macht es doppelt persönlich

Vorlage für Veranstaltungsankündigung 1er quer

Die Vorlage ist auf die notwendige Größe eingerichtet: 475 x 250 px

Vorlage für Veranstaltungsankündigung 1er Hochformat

Die Vorlage ist auf die notwendige Größe eingerichtet: 240 x 300 px

Hier kannst du Informationen zu deinem Ladenlokal unterbringen und als Bild z.B. ein Panoramabild einsetzen

Diese Modul hat eine flexible Höhe. Mein Tipp: nicht über eine Höhe von 400 px gehen. Es wirkt sonst auf jedem Endgerät sehr mächtig.

Module Ausbaustufe profi

Maße für Module, die nur in profi verfügbar sind

XL Banner lassen viele Möglichkeiten zu um großformatig z.B. ein Panoramabild aus eurer Buchhandlung anzuzeigen

Die Vorlag ist auf die notwendige Größe eingerichtet: 1500 x 400 px

XL Banner – hier geteilt. Auf der anderen Seite kannst du Text einblenden.

Die Vorlag ist auf die notwendige Größe eingerichtet: 750 x 400 px

Bei diesem Modul kannst du ein passende Hintergrundbild einsetzen und so thematisch die vorgestellten Bücher unterstützen

Die Vorlag ist auf die notwendige Größe eingerichtet: 1500 x 600 px

Drei Bilder nebeneinander oder untereinander, mit Text

Die Vorlag ist auf die notwendige Größe eingerichtet: 720 x 405 px

Vier Bilder nebeneinander oder untereinander, mit Text

Dieses Modul eigenet sich perfekt um auf verschiedne Themenbereiche hinzuweisen und zu verlinken

Die Vorlag ist auf die notwendige Größe eingerichtet: 500 x 300px

Drei verschiedene Module mit jeweils drei Bilder und Text nebeneinander.
Es werden je 2 verschiedene Bildmaße verwendet in je unterschiedlicher Anordnung

Dieses Module eignen sich perfekt um auf verschiedene Themenbereiche hinzuweisen und zu verlinken auf Unterseiten

Die Vorlag ist auf die notwendige Größe eingerichtet: 460 x 300px und 960 x 300px

Die Linkliste mit Icons eignet sich gut um in einer Übersicht auf verschiedene Unterseiten zu verlinken.
Z.B. auf die Schulbuchlisten verschiedener Schulen auf den Unterseiten für die Schulen.

Die Vorlag ist auf die notwendige Größe eingerichtet: 64 x 64 px

3 Veranstaltungen in einem Modul mit Bild zusammen präsentieren.

Die Vorlag ist auf die notwendige Größe eingerichtet: 500 x 300 px

3 Veranstaltungen in einem Modul mit Bild zusammen präsentieren.

Die Vorlag ist auf die notwendige Größe eingerichtet: 240 x 300 px