Erste Schritte mit Chimpify

Damit du schnell und ohne Verzögerung deinen ersten Inhalt mit Chimpify veröffentlichen kannst, möchte ich dir hier in einer kurzen Dokumentation erklären, wie du ein Template anlegst, die ersten Elemente erstellst und das Template mit einer Seite verknüpfst. 

1. Template


Die Grundlage jeder Chimpify-Seite bildet ein Template, welches das Design und Layout beinhaltet. Du kannst in Chimpify so viele Templates erstellen, wie du möchtest. Jedes einzelne Template kannst du mehreren Seiten oder Blogbeiträgen zuordnen.
Das Template erstellst du mit dem Chimpify Builder. Ein Baukasten-System, mit dem du ganz einfach individuelle Designs erstellen kannst.

Um ein Template zu erstellen, wählst du den Punkt Design aus und klickst auf das gelbe Plus.

chimpify erste schritte 1 design 2


Als erstes wirst du nach dem Namen des Templates gefragt. Je nach dem, welches Template du gerade erstellst, wählst du hier den passenden Namen aus. Wenn du mit der ersten Seite beginnst, welches in den meisten Fällen die Startseite ist, wählst du hier den Namen "Startseite" und klickst auf "OK".

chimpify erste schritte 1 1 name

Jetzt befindest du dich im Chimpify Builder und siehst ein leeres Template ohne Inhalt. Am oberen Bildschirmrand befindet sich eine Leiste mit den Elementen, die du per Drag'n Drop in dein Template reinziehen kannst. Jedes einzelne Element beinhaltet verschiedene Darstellungen und Funktionen, die du in deine Webseite integrieren und direkt anpassen kannst. 

Da wir mit einer leeren Seite starten, benötigen wir zu erst den Kopf der Seite, am besten mit einer Navigation, die unser Menü für die Webseite beinhaltet. Hierfür können wir das Element "Navigation" verwenden.

chimpify erste schritte 1 2a header


Klicke auf das Element, halte die Maustaste gedrückt und ziehe es in den weißen, leeren Bereich darunter. Sobald ein gelber Streifen erscheint, kannst du die Maustaste wieder loslassen und die Navigation wird im Template angezeigt. Glückwunsch! Du hast gerade dein erstes Element in deiner neuen Webseite platziert.

Jetzt erscheint ein Fenster, in dem du Einstellungen für die Navigation und deren Darstellung vornehmen kannst. Die Einstellungen starten mit den einzelnen Menüpunkten der linken Navigation.

Im oberen Bereich siehst du ein Formular mit dem du neue Menüpunkte anlegen oder bestehende bearbeiten kannst. Klicke auf einen der beiden vorgefertigten Links darunter, zum Beispiel "Link 1". Jetzt kannst du den Text und die URL des Links anpassen. Beachte bitte, bei der URL immer absolute URL's beginnend mit einem Slash / einzugeben. Zum Testen geben wir hier einfach mal als Text "Meine Seite" und als URL "/meine-seite/" ein. Wie du diese URL mit Inhalten verknüpfst, folgt später. Klicke als nächstes auf den gelben Button, um den Link zu speichern.

chimpify erste schritte 1 3a


So kannst du das komplette Menü deiner Seite bearbeiten. Wenn du lieber eine Navigation auf der rechten Seite haben möchtest oder zentriert, klicke oben auf den Punkt "Rechte Navigation" bzw. "Zentrierte Navi".

Jetzt haben wir eine Navigation mit den ersten Links in unserem Template.

chimpify erste schritte 1 4


Um die Darstellung zu verändern, klickst du auf das Element, um das Fenster für die Einstellungen erneut zu öffnen. Hier wählst du ganz oben den zweiten Punkt für Styles aus (Icon mit dem Pinsel). Hier hast du alle Möglichkeiten, das Aussehen des Elements zu beeinflussen. Um zum Beispiel die Hintergrundfarbe zu ändern, wählst du oben den Punkt "Hintergrund & Rahmen" aus und kannst diese mit Klick auf das entsprechende Feld verändern.

chimpify erste schritte 1 5


Ebenso die Farbe der Links und die inneren Anstände der Navigation.

chimpify erste schritte 1 6


chimpify erste schritte 1 7


Das Ergebnis sieht nach einem Klick auf den Gelben Button "OK" so aus:

chimpify erste schritte 1 8

So kannst du mit jedem Element deine Seite frei bestücken und die Darstellung nach Wunsch ändern.

Um das Template zu speichern, klickst du oben links auf den Button "Speichern".

Eine genaue Erklärung der einzelnen Elemente findest du in unserer Dokumentation des Chimpify Builders.


2. Seite (Content)


Um unser soeben erstelltes Template mit Inhalt zu verknüpfen und auf der Webseite erreichbar zu machen, müssen wir nun noch die entsprechende Seite hierfür anlegen. Dies machst du im Bereich Content Erstellung.

chimpify erste schritte 2 content 1


Hier klickst du wieder auf das gelbe Plus oben rechts, um einen neuen Inhalt zu erstellen.

Jetzt befindest du dich im Content Editor, mit dem du deine Inhalte erstellen und verwalten kannst. Hier gibst du im Titel "Meine Seite" ein und einen Text im Text Editor darunter.

chimpify erste schritte 2 content 2


Aus dem Titel "Meine Seite" wird jetzt automatisch der Permalink bzw. die URL der Seite erstellt: "meine-seite". Unter dieser URL wird die Seite später erreichbar sein. In diesem Fall wäre dies http://www.deine-domain.xy/meine-seite/. Du kannst hier auch eine Ordnerstruktur erschaffen und URL's mit Slash eingeben wie zum Beispiel "kategorie/eine-seite", musst dann aber auch genau so auf diese Seite verlinken: http://www.deine-domain.xy/kategorie/eine-seite/.

chimpify erste schritte 2 content 3


Als Nächstes wählst du in der Sidebar den Typ des Inhaltes aus. Chimpify unterscheidet hier zwischen Seiten (Seite) für statische Inhaltsseiten der Webseite und Beiträgen (Beitrag) für Beiträge in einem Blog. Da wir soeben eine Seite erstellt haben, wählen wir den Typ "Seite" aus.

Um die Seite mit unserem vorher erstellten Template darzustellen, musst du nun noch unter "Template" das erstellte Template "Startseite" auswählen. 

chimpify erste schritte 2 content 4


Jetzt musst du nur noch den Inhalt Veröffentlichen und schon ist die Seite in der Navigation, die wir im Template erstellt haben, erreichbar: http://www.deine-domain.xy/meine-seite/

chimpify erste schritte 2 content 5


chimpify erste schritte 2 content 6


So kannst du mit allen Templates und Seiten verfahren, die du auf deiner Webseite haben möchtest.

Um einen weiteren Menüpunkt zu verknüpfen, legst du jetzt einfach ein weiteres Template und eine weitere Seite an. Natürlich kannst und solltest du ein Template auch für mehrere Seiten verwenden. Da die Startseite aber nur einmal vorhanden ist und eine besondere Darstellung hat, lohnt sich hier ein eigenes Template. Für alle anderen Seiten könntest du jetzt zum Beispiel ein Template "Seiten" anlegen.


3. Globale Elemente


Damit du die Navigation in jedem Template nutzen kannst, gibt es in Chimpify die Möglichkeit für globale Elemente. Diese kannst du - einmal erstellt - in jedem Template wieder verwenden. Um die Navigation als globales Element zu aktivieren, wählst du im Builder in den Einstellungen für das Element (gleiches Fenster wie beim Bearbeiten der Menüpunkte) den Punkt "Global" aus. Hier aktivierst du "Globales Element" und gibst den Namen des globalen Elementes an. In unserem Fall "Navigation".

chimpify erste schritte 1 design 4


Um das globale Element in einem anderen Element zu nutzen, ziehst du wie oben beschrieben, einfach eine Navigation in dein Template rein.

chimpify erste schritte 1 2a header


..und wählst unter "Globales Element" > "Globales Element laden" das Element "Navigation" aus. 

chimpify erste schritte 1 design 5


Nach dem Klick auf "OK" hast du jetzt das Element, wie oben beschrieben, in deinem Template. Wenn du nun Änderungen an diesem Element vornimmst, wird die Änderung in alle Templates übertragen, die dieses globale Element nutzen. Aber Achtung! Wenn du hier Inhalte bearbeitest oder löschst, beachte, das dies in allen Templates passiert!


Wir hoffen, wir konnten dir mit dieser kleinen Einführung in Chimpify den Einsteig etwas erleichtern.

Weitere Infos, detaillierte Dokumentationen und Videos folgen in den nächsten Tagen.

 

Teste Chimpify für 30 Tage

Überzeuge dich selbst, ob unsere Inbound-Marketing-Plattform für kleine Unternehmen das Richtige für dich ist.
Jetzt 30 Tage kostenlos testenKeine Kreditkarte erforderlich
© 2016-2017 by Chimpify UG (haftungsbeschränkt).
Built with Chimpify and muchos bananas.