Jimdo Creator Erweiterungen

DSGVO konforme Scripte aus Hirschfraus Labor

(hinter den sieben Toblerone-Bergen)

JimLab

Du möchtest deine Jimdo Creator Website aufwerten und suchst eine DSGVO konforme sowie SEO-freundliche Lösung? Vielleicht ist in meiner kleinen Kollektion etwas Passendes dabei.

 

Alle Erweiterungen sind zu 100% datenschutzkonform (keine externen Stylesheets / Bibliotheken) und bestehen aus gertenschlanken Codes (vorwiegend CSS / HTML).

 

Installation sowie Online-Schulung sind in den angezeigten Preisen inbegriffen.

 

Warum ich die Snippets gemeinsam mit dir installiere, hat folgenden Grund: Mein Ziel ist es, dass du die Erweiterung/en selbstständig anwenden kannst. Für die Installation benötige ich keinen Zugriff auf deinen Account. Detaillierte Infos zum Ablauf gebe ich dir gerne telefonisch.

 

Ich bitte um Verständnis, dass sich mein Angebot auf dieser Seite ausschliesslich an EndkundInnen richtet.


Erweiterungen und Konfigurationen



Fade-in Scrolling Effekt

Dieser gertenschlanke Code bewirkt, dass alle Elemente in Kolumnen (Spaltenelemente) beim Scrollen leicht verzögert eingeblendet werden. Hier geht es zur Demoseite.

Preise und Usability

Preis regulär

€/CHF 60,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 50,00

Usability

Der Code wird im "Head" der Website hinterlegt und wirkt global auf alle bestehenden und neu erfassten Spalteninhalte.

Infocard

Diese responsive Infocard passt sich sowohl an die Spaltenbreite als auch an die Inhalte an (unbeschränkte Textlänge). Am Installationstermin integrieren wir drei deiner vorbereiteten Bilder und probieren aus, welche Farben am besten zu deiner Website passen.

Demo

Musterbild 01

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

MEHR ERFAHREN
Musterbild 03

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

MEHR ERFAHREN
Musterbild 03

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

MEHR ERFAHREN

Preise und Usability

Preis regulär

€/CHF 80,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 60,00

Usability

Das Feature kann kopiert und beliebig oft verwendet werden. Achtung, die Bilder (querformat) sollten die gleiche Höhe haben.

Teaser (NEU)

ÄsthetInnen müssen sich ab sofort nicht mehr über unterschiedlich hohe Spalteninhalte in der Desktopansicht ärgern, denn beim Teaser wird die Höhe fest definiert und die Position des Buttons fixiert. Im Gegensatz zur Infocard eignen sich beim Teaser alle Bildformate. Die Schriftfarben können beliebig individualisiert werden.

 

Der Teaser ist in zwei Varianten verfügbar. Bei Variante 1 wird im Code ein einheitlicher Hintergrund definiert (eine Farbe oder ein Bild). Bei Variante 2 kann für jeden Teaser ein anderes Bild hinterlegt werden. Am Installationstermin hinterlegen wir im Code drei deiner Bilder und ich zeige dir, wie du den Code bei Bedarf mit weiteren Bildern ergänzen kannst.

Demo Teaser mit einheitlichem Hintergrund

Überschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vestibulum sed arcu non odio euismod lacinia at quis risus.

mehr erfahren

Überschrift

Lacus luctus accumsan tortor posuere ac ut consequat. Nec feugiat in fermentum posuere. Purus semper eget duis at tellus at urna condimentum. Metus aliquam eleifend mi in nulla. Egestas fringilla phasellus faucibus.

mehr erfahren

Überschrift

Lacinia at quis risus sed vulputate odio. Sem viverra aliquet eget sit amet tellus. Lacus sed viverra tellus in hac habitasse platea dictumst. Ullamcorper eget nulla.

mehr erfahren

Demo Teaser mit unterschiedlichen Hintergrundbildern

Überschrift

Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Non blandit massa enim nec. Convallis posuere morbi leo urna molestie at. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Velit aliquet sagittis id consectetur purus ut faucibus. Amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus.

mehr erfahren

Überschrift

Lacinia at quis risus sed vulputate odio. Sem viverra aliquet eget sit amet tellus. Lacus sed viverra tellus in hac habitasse platea dictumst. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis.

mehr erfahren

Preise und Usability

Preis regulär pro Variante

€/CHF 80,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 60,00

Usability

Das Feature ist eher für User geeignet, die sich bereits ein wenig mit HTML befasst haben. Oder für motivierte Neulinge :-)

Aufklapp-Bereiche

In diesem aufklappbaren Element können beliebige Inhalte platziert werden. (Pfeilfarbe nach Wunsch.)

Demo

Hier versteckt sich ein Text

Einige Lieblingszitate von Hirschfrau:

 

“Auch aus Steinen, die einem in den Weg gelegt werden,
kann man Schönes bauen.“

Johann Wolfgang von Goethe

 

“Dir kann passieren, was will. Es gib immer jemanden,
der es kommen sah.“

Fernandel

 

“An den Scheidewegen des Lebens stehen keine Wegweiser.“

Charlie Chaplin

 

“Sicher ist, dass nichts sicher ist. Selbst das nicht.“

Joachim Ringelnatz

 

“Gehe nicht, wohin der Weg führen mag, sondern dorthin, wo kein Weg ist, und hinterlasse eine Spur.“

Jean Paul

 

"Mehr als einmal vergibt die Gesellschaft dem Verbrecher. Dem Träumer vergibt sie niemals."

Oscar Wilde

 

"Das wahre Wissen kommt immer aus dem Herzen."

Leonardo da Vinci

 

"Webdesign ist keine Magie - aber eine Website sollte Magie haben."

Hirschfrau

Hier versteckt sich ein Bild

Hirschfraus Lieblingslektüre vor 40 Jahren:

Buch-Cover
Styling-Optionen

Das Widget ist auch mit Hintergrundfarbe sowie individuellen Symbolen verfügbar.

Aufklapptext mit Emoji
Preise und Usability

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 40,00

Usability

Das Feature kann kopiert und beliebig oft verwendet werden.

Bilder-Effekt "Zoom"

Diese spezielle Konfiguration bewirkt, dass alle Bilder, die du als vergrösserbar markierst oder verlinkst, bei Mouseover ein wenig aufgezoomt werden.

Demo Bild

Mockup Plakat

Demo Bilder-Galerie

Preise

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 40,00

Cookie Banner individualisiert

Das Jimdo-Blau passt nicht zu deiner Website? Kein Problem, das lässt sich ändern. Persönlich finde ich das Banner am schönsten, wenn es einen transparenten Hintergrund hat, da es so weniger wuchtig wirkt und sich harmonischer an die Webseite angleicht. Das Banner steht in folgenden Versionen zur Verfügung:

Grafik Cookie Banner hell Grafik Cookie Banner dunkel Grafik Cookie Banner individuell
Preise

Preise regulär

€/CHF 30,00 Variante "hell" oder "dunkel"

€/CHF 50,00 Individuelle Farben

Rabattpreise bei Bestellung mehrerer Erweiterungen

€/CHF 20,00 Variante "hell" oder "dunkel"

€/CHF 30,00 Individuelle Farben

Kompatibilität

Die Konfiguration ist mit dem aktuellen Cookie-Banner (Version 2022) kompatibel. Falls Jimdo irgendwann eine Änderung des Banners vornehmen sollte, kann es sein, dass der Code für das individualisierte Banner angepasst werden muss.

Color-Box

Farbige Boxen sind dekorativ und praktisch. Du kannst sie verwenden, um einzelne Textpassagen besonders hervorzuheben oder um sie besser lesbar zu machen. Die Box ist automatisch so breit wie die Spalte, in der sie sich befindet. Du benötigst verschiedene Farben? Kein Problem: du kannst den Code kopieren und mehrere Versionen erstellen. Wie einfach das geht, zeige ich dir an der Schulung.

Preise und Usability

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 40,00

Usability

Das Feature kann kopiert und beliebig oft verwendet werden.

Color-Box mit Farbwechsel

Dieses "Chamäleon" (Farbwechsel bei Mouseover) kann sehr vielseitig eingesetzt werden und eignet sich gut für Infoboxen oder für selbst erstellte "Call to action" Buttons in Bereichen, wo der Standard- Button nicht verfügbar ist (z.B. in Tabellen).

Verfügbare Rahmen (Abrundung nach Wunsch):

durchgängig   gestrichelt    gepünktelt
Preise und Usability

Preise regulär

€ / CHF 50,00 für einen (1) Style

€ / CHF 30,00 für jedes weitere Styling

Rabattpreise bei Bestellung mehrerer Erweiterungen

€/CHF 40,00 für einen (1) Style

€/CHF 30,00 für jedes weitere Styling

Usability:

Das Feature kann kopiert und beliebig oft verwendet werden.

Effekte für Titel und Icons

Um das Besuchererlebnis zu steigern, können Texte und Icons mit einer Animation versehen werden, die bei "Mouseover" aktiviert wird und bei "Mouseout" deaktiviert.

Demo Titel-Animation

Drehender Titel

Hüpfender Titel

Demo Icon-Animationen

Icon Puzzle
(Drehen)
IconHerz
(Hüpfen)

Demo kombinierte Animation

Icon Hasengesicht

Drehender Titel mit Icon

Preise und Usability

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 40,00

Usability

Der Effekt ist bei beliebig vielen Elementen anwendbar. Das Feature ist eher für User geeignet, die sich bereits ein wenig mit HTML befasst haben. Oder für motivierte Neulinge :-) Es stehen Online-Vorlagen mit verschiedenen Codevarianten zum Kopieren zur Verfügung.

Icon-Bar

Da im Creator nur Share-Butttons verfügbar sind, habe ich eine Icon-Bar für Follow-Buttons kreiert. Diese enthält zusätzlich einen Mail-Button sowie einen Klick-to-Call-Button und kann bei Bedarf mit weiteren Buttons ergänzt werden. Die benötigten Buttons werden in der gewünschten Farbe, Form und Grösse erstellt und mit einem Mouseover-Effekt versehen.

Demo

Facebook-Button Instagram-Button Twitter-Button LinkedIn-Button YouTube-Button E-Mail-Button Telefon-Button
Preise und Usability

Preis regulär

€/CHF 60,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 50,00

Usability

Falls sich ein Link, deine Nummer oder deine E-Mail einmal ändern sollte, kannst du das Feature selber anpassen.

Sticker

Der Sticker (siehe oben rechts) eignet sich gut, um klickbare Kontakt-Icons prominent zu platzieren.

Preise und Usability

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer VIP-Features

€/CHF 40,00

Usability

Falls sich deine Nummer oder deine E-Mail Adresse ändert, kannst du den Code selber anpassen.

Kompatibilität

Das Feature eignet sich bei folgenden Jimdo Creator Designs nur bedingt: Bordeaux, Florence, Malaga, Melbourne, Miami, Rome.

Top-Bar

Bei der Top-Bar ist der Name Programm: sie wird zuoberst auf der Website installiert und ist in den Varianten "Text" oder "Icons" verfügbar. Der über die ganze Fensterbreite verlaufende Hintergrund wird in der gewünschten Farbe erstellt.

Preise und Usability

Preise regulär

€/CHF 50,00 Top-Bar mit Text

€/CHF 80,00 Top-Bar mit klickbaren Icons

Rabattpreise bei Bestellung mehrerer Erweiterungen

€/CHF 40,00 Top-Bar mit Text

€/CHF 70,00 Top-Bar mit klickbaren Icons

Usability

Die Text-Version eignet sich nur für kurze Infos, da die Top-Bar auf Smartphones sonst zu dominant wirkt. Verlinkungen sind möglich.


Fullwidth-Section

Hier wird ein Spalten-Element mit einem anderen Hintergrund (Farbe oder Grafik) versehen und auf die gesamte Fensterbreite ausgedehnt. Wenn die Grafik grösser ist als der darüberliegende Inhalt, entsteht beim Scrollen der sogenannte Parallax-Effekt.

Preise und Usability

Preise

€ / CHF 50,00 für eine Variante (Einfarbiger Hintergrund ODER Grafik-Hintergrund)

€ / CHF 70,00 für beide Varianten (Einfarbiger Hintergrund UND Grafik-Hintergrund)

Usability

Die betreffende "Section" kann im normalen Bearbeitungsmodus mit beliebigen Inhalten (Titel, Texte, Bilder, Buttons, etc.) befüllt werden. Falls du mehrere Sections mit unterschiedlichen Farben / Bildern benötigst, muss der Code entsprechend angepasst werden. Wie das geht, zeige ich dir an der Schulung.

Kompatibilität

Optimal geeignet für die Jimdo Creator Designs Cairo, Cape Town, Miami, Rio de Janeiro, Rome, Stockholm, Tokyo, Vieanna und Zürich. Hinweis: In Kombination mit dem Fade-in Scrolling Effekt funktioniert der Parallax-Effekt nicht.


Integrationen



Icon-Fonts

Wer nicht viel Zeit mit der Suche, Bearbeitung sowie Einbindung von Icons verbringen möchte, verwendet am besten eine Icon-Schrift.

 

Mit Icon-Fonts lassen sich die modernen "Hieroglyphen" direkt auf der Website stylen und positionieren - und sie sind in jeder Grösse gestochen scharf.

 

Die Icon-Schrift wird direkt auf der Website* installiert; ebenso die gewünschte Icon-Farbe.

 

*Die Schrift muss direkt auf der Website installiert werden, da die von den Betreibern angebotene Einbindung nicht DSGVO konform ist.

 

Mit Hilfe von Vorlagen können die Icons in Texte oder Überschriften integriert werden.

 

Ich habe diverse Icon-Schriften getestet und kann die folgenden empfehlen.

Font Awesome

Einer der bekanntesten Iconfonts ist "Font Awesome". Bei der Free-Version stehen über 1600 Icons zur Verfügung, die kostenlos genutzt werden können.

Line Awesome

Eine weitere populäre Icon-Schrift ist "Line Awesome" mit über 2000 Icons, die ebenfalls kostenlos verwendet werden können.

IcoFont

Auch diese Icon-Schrift ist kostenlos verfügbar. Sie eignet sich jedoch nur für einzelne Kategorien, da die komplette Schrift mit allen Icons für eine direkte Installation auf der Website zu gross ist. Zu beachten ist, dass diese Schrift nicht animiert werden kann.

Preise und Usability

Preise

€/CHF 200,00 für die Installation einer (1) Icon-Schrift

€/CHF 100,00 für die Installation einer weiteren Schrift

€/CHF 50,00 für ein Schrift-Update

Usability:

Nach der Online-Schulung (ca. 30 Minuten) sind NutzerInnen in der Lage, die Icons mit Hilfe von kopierbaren Online-Vorlagen auf ihrer Website einzufügen und zu stylen.

Performance

Die Schrift wird im "schlanksten" Format (WOFF + WOFF2) installiert. Je nach Grösse der installierten Schrift und dem Umfang der Webseiteninhalte kann es sein, dass die Seiten-Ladezeit ein wenig verzögert wird.


(Bei Hirschfraus Spezial-Design "Springbock" ist ersichtlich, wie eine Iconschrift eingesetzt werden kann.)

Logo VIP-Design " Springbock"

Allerlei Nützliches

Bewertungs-Button

Hast du einen "Google My Business" Eintrag? Dann ermuntere die BesucherInnen deiner Website mit einem Sternchen-Button dazu, deine Leistungen zu bewerten. Das "Styling" (Farbe, Grösse und Abrundung) ist direkt im Editor anpassbar.

 Styling-Beispiele

Bewerten Sie uns auf Google

Sterne

Bewerten Sie uns auf Google

Sterne

Bewerten Sie uns auf Google

Sterne
Preise und Usability

Preis regulär

€/CHF 50,00

Rabattpreis bei Bestellung mehrerer Erweiterungen

€/CHF 40,00

Usability

Das Feature kann kopiert und beliebig oft verwendet werden. Du benötigst verschiedene Stylings? Kein Problem; an der Schulung zeige ich dir, wie du selber mit wenigen Klicks verschiedene Buttons erstellen kannst.

Hinweis

Die Mouseover-Animation der Sterne ist nur bei Bestellung des Features "Bilder-Effekt" aktiv.

SMS-Button

Datenschutzkonforme Alternative zu WhatsApp: die gute alte SMS! Mit einem Klick auf den Button (in deiner Wunschfarbe) wird automatisch eine SMS mit deiner Nummer sowie einem vordefinierter Text genieriert.

Teste den Button mit deinem Smartphone:

(Bitte nur gucken, nicht senden...)

Preise und Usability

Preise regulär

€/CHF 50,00 für einen (1) Button

€/CHF 30,00 für jeden weiteren Button mit anderem Text

Rabattpreise bei Bestellung mehrerer Erweiterungen

€/CHF 40,00 für einen (1) Button

€/CHF 30,00 für jeden weiteren Button mit anderem Text

Usability

Das Feature kann kopiert und beliebig oft verwendet werden.

Hinweis

Die Mouseover-Animation ist nur bei Bestellung des Features "Bilder-Effekt" aktiv.


Individuelle Snippets

Du benötigst etwas Spezielles? Nicht verzagen, Hirschfrau fragen!


JimLab Newsletter abonnieren

Zahlungsmöglichkeiten

 EUR  SEPA-Überweisung / PayPal / Kreditkarte

 CHF  Banküberweisung / TWINT

Infos & Bestellung

 

Die Laborleiterin 🦌 beantwortet unverbindlich deine Fragen und informiert dich über den Installationsablauf.

Unverbindliche Information




Die Top-Bar eignet sich z.B. für wichtige temporäre Mitteilungen.