Der Bereich „Anpassbare Karten" im Website-Builder ist für diejenigen gedacht, die wichtige Informationen über ihre Produkte, Dienstleistungen oder Kundenbewertungen einfach und schnell präsentieren möchten. Mit diesen Blöcken können Sie optisch ansprechende Karten zur Website-Seite hinzufügen, die an die Bedürfnisse Ihres Unternehmens angepasst werden können.
Ganz gleich, ob Sie eine detaillierte Beschreibung des Kurses, Feedback von zufriedenen Kunden oder Empfehlungen zur Nutzung Ihrer Dienstleistungen bereitstellen möchten – „Anpassbare Karten" und „Kurskarten" helfen dabei, Informationen hervorzuheben und für Website-Besucher zugänglicher und bequemer zu gestalten.
Wie füge ich einen Block hinzu?
Um den Bereich „Anpassbare Karten" hinzuzufügen, klicken Sie im Bearbeitungsmodus Ihrer Website auf das „+":
Suchen Sie als Nächstes im sich öffnenden Menü den Bereich „Anpassbare Karten" und klicken Sie darauf, um den Bereich zur Website hinzuzufügen. Der Bereich wird zur Website hinzugefügt, und das Menü für die Inhaltseinstellungen öffnet sich für Sie:
Wie füge ich eine Karte hinzu?
Im Bearbeitungsmenü des Bereichs „Anpassbare Karten" des Inhalts sehen Sie verschiedene Abschnitte für Einstellungen: den Stil der Karten, Bilder, Schaltflächen usw.
Zu Ihrer Bequemlichkeit können Sie zuerst Karten hinzufügen, um zu sehen, wie die Stileinstellungen auf die Karten angewendet werden.
Scrollen Sie dazu im Menü der Inhaltseinstellungen nach unten und suchen Sie die Schaltfläche „Karte hinzufügen":
Wenn Sie auf die Schaltfläche „Karte hinzufügen" klicken, sehen Sie die Einstellungen für eine Karte mit einem leeren Textfeld, einer Leiste zum Hochladen eines Bildes für die Karte und für das Schaltflächensymbol sowie für den Text der Schaltfläche selbst:
Die Einstellungsfelder der Karte sind optional: Das bedeutet, Sie können beispielsweise das Hochladen eines Bildes für die Karte selbst oder für das Schaltflächensymbol überspringen, ohne Text einzufügen – alles liegt in Ihrem Ermessen.
Wenn Sie beispielsweise keine Schaltfläche mit einem Link in der Karte benötigen, lassen Sie die Felder „Schaltflächenname" und „Link" leer: Dann werden die Schaltflächen in der Karte nicht angezeigt.
Es gibt verschiedene Einstellungen für den Kartentext, ähnlich wie in jedem Texteditor, wo Sie die Schriftgröße, die Schriftkontur, die Farbe, die Hervorhebung anpassen sowie einen Link hinzufügen und mehr.
Wählen Sie dazu den Text (einen Teil des Textes) aus und wenden Sie die erforderlichen Einstellungen auf den Text an:
Nachdem Sie die erste Karte vollständig konfiguriert haben, fügen Sie die nächste hinzu: Klicken Sie dazu auf die Schaltfläche „Karte hinzufügen", die sich unter der Einstellungsleiste der ersten hinzugefügten Karte befindet:
Karteneinstellungen
Die Karten werden in einem einheitlichen Stil konfiguriert: Alle Einstellungen, die Sie in diesem Bereich verwenden, werden auf alle Karten im selben Bereich angewendet.
Kartenstil
Im Mavibot Website-Builder gibt es zwei Stile für Karten: einfach und in Form eines Sliders.
Bei Verwendung eines einfachen Stils werden alle Karten sofort auf einer Seite des Website-Bereichs angezeigt:
Bei Verwendung des Stils „Slider" haben die Karten die Form eines Karussells, was der Website mehr Dynamik verleiht:
Für den Slider-Stil können Sie auswählen, wo sich die Pfeile und Punkte der Karte befinden sollen:
Die Pfeile können sich innerhalb des Sliders, außerhalb oder versteckt befinden (z. B. wenn Sie einen Timer für das automatische Durchblättern der Karten einstellen):
Die Punkte können sich ebenfalls innerhalb des Sliders, außerhalb oder versteckt befinden.
Um die Karten automatisch durchzublättern, stellen Sie das Zeitintervall für die Anzeige einer Seite ein:
Wenn der Timer-Wert auf 0 gesetzt ist, werden die Karten nicht automatisch durchgeblättert.
Beachten Sie!
Die Zeit wird in Millisekunden eingestellt, wobei eine Millisekunde 0,001 Sekunden entspricht. Das bedeutet, wenn Sie 7 Sekunden einstellen müssen, geben Sie den Wert 7000 in das Feld ein.
Sie können auch den Kartentyp auswählen:
Farbeinstellungen für Kartenelemente
Um die Karten an Ihren Stil anzupassen, verwenden Sie die Farbeinstellungen:
Die Farbeinstellungen werden gleichzeitig auf alle Karten angewendet. Wenn die Textfarbe in jeder Karte unterschiedlich sein soll, verwenden Sie die Einstellungen im Textfeld.
Für die Farbanpassung steht eine umfangreiche Farbpalette zur Verfügung:
Und Sie können die Farbeinstellungen auf jedes Element der Karte anwenden.
Einstellung von Rahmen und Abständen
- Anzahl der Karten pro Reihe – ein Textfeld, das Ihnen hilft, die erforderliche Anzahl von Karten in einer Reihe (Seite) festzulegen.
- Abstände – Felder zur Eingabe numerischer Werte, die helfen, die horizontalen/vertikalen Abstände zwischen den Karten sowie die Abstände innerhalb der Karten zu vergrößern oder zu verkleinern.
Sie können einen gemeinsamen numerischen Wert für den Abstand innerhalb der Karten festlegen oder, indem Sie auf das Zahnrad in der rechten Ecke der Zeile klicken, einen separaten Wert für die obere, untere, linke und rechte Grenze festlegen:
Kartenausrichtung
Die Ausrichtung der Karte kann horizontal oder vertikal sein.
Ausrichtung
Sie kann zentriert, linksbündig oder rechtsbündig sein.
Schatteneinstellungen
Hilft, den Karten Tiefe zu verleihen und sie vom Hintergrund des Bereichs/der Seite abzuheben.
Bildeinstellungen
Die Bildeinstellungen werden auch auf alle Bilder angewendet, die Sie zur Karte hinzugefügt haben.
In den Bildeinstellungen müssen Sie Folgendes festlegen:
a) Bildbreite:
Das Feld akzeptiert einen numerischen Wert in Pixeln. Wenn nicht angegeben, wird es automatisch entsprechend der tatsächlichen Breite des Bildes in Pixeln angezeigt.
b) Bildhöhe:
Das Feld akzeptiert einen numerischen Wert in Pixeln. Wenn nicht angegeben, wird es automatisch proportional zur tatsächlichen Höhe des Bildes angezeigt.
c) Abrundung:
Das Feld, das einen numerischen Wert in Pixeln akzeptiert, hilft, die Ecken des Bildes abzurunden:
d) Bildgröße:
Die Einstellung wird angewendet, wenn das Bild relativ zur angegebenen Breite und Höhe für das Bild gefüllt/gestreckt/positioniert werden muss.
e) Kontrollkästchen „Bild nach Text"
Wenn Sie das Kontrollkästchen aktivieren, wird das Bild in der Karte unter dem Text platziert.
Wie richte ich Schaltflächen ein?
Der Text sowie der Link zu der Seite, auf die Ihr Website-Besucher klicken soll, werden in der Karte selbst konfiguriert:
Zusätzlich zum Text und Link können Sie auch ein Symbol für die Schaltfläche festlegen, indem Sie ein Bild in der Karte hochladen:
Um die Farbe des Textes und des Hintergrunds der Schaltfläche festzulegen, verwenden Sie die Einstellungen hier:
Als Nächstes können Sie die Größe, Breite und Abstände für die Schaltfläche anpassen:
- Die Breite der Schaltfläche – ein Feld, das einen numerischen Wert sowohl in Pixeln als auch in Prozent akzeptiert:
- Schaltflächenausrichtung – hilft, die Schaltfläche in der Karte relativ zum rechten oder linken Rand sowie zur Mitte zu positionieren.
- Schaltflächenrandradius – ein Feld, das einen numerischen Wert in Pixeln akzeptiert, um die Ecken der Schaltfläche abzurunden:
- Randbreite – ein Feld, das einen numerischen Wert in Pixeln akzeptiert, um die Breite der Schaltflächenkontur festzulegen:
- Außenabstand
Hilft Ihnen, die Abstände für die Schaltfläche in der Karte relativ zu den oberen, unteren, linken und rechten Rändern anzupassen.
- Innenabstand
Hilft Ihnen, die Abstände innerhalb der Schaltfläche anzupassen.
- Symbol
Wenn Sie ein Symbol zu einer Schaltfläche in der Karte hochgeladen haben, kann das Symbol angepasst werden:
Und auch die Position des Symbols relativ zum Text links oder rechts festlegen:
- Schatten für die Schaltfläche
Der Schatten kann nicht nur für die Karte, sondern auch separat für die Schaltfläche festgelegt werden. Dazu reicht es, im Bereich der Schaltflächeneinstellungen ein Dropdown-Feld mit dem Namen „Schatten" zu finden und den Grad der Schattenintensität auszuwählen: leicht oder stark:
- Schaltflächenanimation
Hilft, die Aufmerksamkeit der Kunden (Website-Nutzer) auf die gewünschte Aktion auf der Schaltfläche zu lenken und der Website Dynamik zu verleihen:
1) Blitz-Schaltflächenanimation:
2) Riss-Schaltflächenanimation:
Fertig!
Jetzt wissen Sie, wie Sie Karten auf Ihrer Website von Grund auf erstellen und anpassen können.