Webseite (Website)
- Einführung in das Portal
- Einführung Webseite
- Produkte Einstellungen (Products Settings)
- Webseiten-Einstellungen (Website-Settings)
- Warenkorb-Einstellungen (Shopping Cart Settings)
- Webseiten-Diashow (Website Slideshow)
- Website Route Meta (Website Route Meta)
- Portaleinstellungen (Portal Settings)
- Homepage Bereich (Homepage Section)
- Web-Formular (Web Form)
- Webseite Sidebar (Website Sidebar)
- Webseiten-Thema (Website Theme)
- Homepage
- Seitenbausteine (Web Template)
- E Commerce Settings
- Einstellungen zu "Über uns" (About us settings)
- Webseite (Web Page)
- Hilfeartikel (Help Article)
- Hilfekategorie (Help Category)
- Webseiten-Artikel (Website Item)
Einführung in das Portal
Einleitung
ERPNext erlaubt das erstellen eines Portals welches ich für Kunden, Lieferanten, Mitglieder und andere Personengruppen zugänglich machen kann. Das Portal ist ein Bereich welcher vom "Desk"-Bereich getrennt ist.
Im Portal anmelden
Nachdem wir uns am System anmelden können wir, abhängig von unserem Kontentyp, Funktionen über die Webseite hinaus verwenden. Wir gelangen dort hin über die Auswahl oben rechts auf unserem Avater.
Standard
Als Standard ist das Portal für Kunden, Lieferanten, Schüler und Mitglieder erreichbar.
Stanard ansicht nach dem Wechsel in das Portal.
Als Kunde Projekte einsehen
Als Kunde kann ich z.B. alle, mit mir verknüpften Projekte und deren Status in meinem Portal sehen:
Einführung Webseite
Im Modul Webseite können wir die Oberfläche von unserer ERPNext Installation aus öffentlicher Sicht verändern. Ein Merkmal von ERPNext ist, dass die Webseite und die eigene Software in welcher wir unserer Geschäftsprozesse erledigen ein und die selbe Sache sind, lediglich der erlaubte Zugang ist ein anderer.
Melden wir uns an einer ERPNext Seite an befinden wir uns auf der "Webseite" erst durch die Anmeldung mit unseren Zugangsdaten gelangen wir auf eine andere Ebene. Diese sind das eigene Konto und die Anmeldung am "Desk". Ermöglich wird das durch die Rechte- und Zugangsvergabe einzelner Benutzer.
Produkte Einstellungen (Products Settings)
Einleitung
Auf dieser Seite lassen sich einige Allgemeine Einstellungen für die Ansicht unserer Produkte auf der eigenen Webseite einstellen.
Die Einstellungen beziehen sich auf die Seite /all-products welche alle unsere gelisteten Artikel anzeigt.
Einstellungsmöglichkeiten auf dieser Seite
Startseite ist "Products"
Ist unser Hauptgeschäft der Vertrieb von Artikeln über unserer Webseite können wir einstellen, dass unser ERPNext zum "Shop" wird. Ein Besucher unserer Webseite landet dann direkt bei den Artikeln.
Verfügbarkeitsstatus anzeigen
Aktivieren wir dies ist der Button "In den Warenkorb legen" von unseren Lagerbeständen abhängig. Artikel die nicht vorrätig sind können dann nicht mehr in den Warenkorb gelegt werden.
Produktseite
Produkte pro Seite
Hier können wir die Anzahl der anzuzeigenden Produkte für eine Seite einstellen. Sind mehr als die Anzahl auf unserer Seite werden diese nicht angezeigt und können durch drücken eines "Weiter" Button gesehen werden.
Feldfilter aktivieren
Der Feldfilter bezieht sich auf die Felder welche im Artikel zu finden sind. Aktivieren wir dies können wir die Artikel anhand der Feldauswahl weiter eingrenzen. Ein Beispiel im folgenden Bild in gelb.
Attributfilter aktivieren
Ähnlich dem Feldfilter können wir einen Filter für die Attribute von Varianten anzeigen lassen. Im folgenden Bild in lila.
Varianten ausblenden
Aktivieren wir dies werden nur noch die Artikelvorlagen (Stammartikel angezeigt). Diese Einstellung kann nur vorgenommen werden, wenn keine Attributfilter eingestellt sind.
Webseiten-Einstellungen (Website-Settings)
Einleitung
Hier kann eingestellt werden wie das Erscheinungsbild unserer Webseite aussehen soll. Unter anderem kann hier das Logo, das Favicon und die Titel der Webseite angepasst werden.
Felder
Dieser Doctype ist in Register (Tabs) unterteilt.
Home
Navbar
Weitere Einstellungen zur Navbar befinden sich in den Navbar-Einstellungen.
Marke
Hier können wir Logo und Favicon anpassen. Im Reiter MARKE finden wir Felder um das Logo der Webseite, ein Bannerbild sowie das Favicon anzupassen.
Wir müssen auf die Größe in Pixeln der entsprechenden Dateien achten, damit diese auch richtig dargestellt werden!
frappe/erpnext schlägt vor eine height=100px zu verwenden.
Für das Logo:
<img src='/files/logo-file.png' style='max-height: 100px;'>
Navbar
Bezeichnung | Feldname | Beschreibung |
Bezeichnung | Feldname | Beschreibung |
Bezeichnung | Feldname | Beschreibung |
hide_login | Aktivieren wir diese Option wird auf der Webseite kein "Login" mehr angezeigt Der Login ist immer über die URL erreichbar: |
|
navbar_search | ||
show_language_picker |
Aktivieren wir diese Option, dann wird auf der Webseite eine Sprachauswahl angezeigt Es werden nur Sprachen angezeigt, die im System auch aktiviert sind |
Navbar Template
Banner
Zielseite
Startseite
Hier können wir nur aus Vorgaben auswählen. Diese sind
- home
- login
- products
- blog
- about
- contact
Dies sind alle im System hinterlegte Standardseiten.
Titel-Präfix
Webseiten-Thema
Dies ist ein weiterer DocType über welchen ich die Grundfarben des Systems und vieles mehr einstellen kann.
Fußzeile
Die Fußzeile setzt sich aus
- Fußzeile Logo
- Copyright
- Adresse
- Fußzeilen-Objekte
zusammen. Weiter kann eine Fußzeilenvorlage gewählt werden und die Fußzeilen-Anmeldung ausgeblendet werden.
DIe Fußzeilen-Anmeldung ist das Feld für Newsletter abonnieren:
Fußzeile Logo
Hier können wir ein Logo für die Fußzeile einfügen.
Copyright
Adresse
Fußzeilen-Objekte
Pro Spalte können maximal 5 Zeilen verwendet werden. Weitere Zeilen werde in einer weiteren Spalte dargestellt.
Fußzeilenvorlage
Fußzeilen-ANmeldung ausblenden
Einbindungen
Login Page
Anmelden deaktivieren
Aktiveren wir dieser Einstellung verhindert das selbständige Anmelden (Neues Konto erstellen) von Besuchern unseres Systems.
HTML Header, Robots and Redirects
In diesem Abschnitt finden wir zwei Felder und eine Tabelle
Der hier eingegebene Text wird auf der Webseite angezeigt
Warenkorb-Einstellungen (Shopping Cart Settings)
Seite wurde verschoben/Umbennant. Hier geht's zur neuen Seite.
Einleitung
Warenkorb aktivieren
Ist es gewünscht, dass Besucher der Webseite selbst Warenkörbe zusammenstellen können kann dies hier aktiviert werden.
Einstellungen anzeigen
Preis anzeigen
Blendet den Artikelpreis ein oder aus.
Bestandsverfügbarkeit anzeigen
Schaltet die Sichtbarkeit der Verfügbarkeit ein oder aus:
Varianten aktivieren
Aktiveren wir diese Option können Stammartikel (Artikelvorlagen) sinnvoll auf der Webseite verwendet werden. Bei der Auswahl des Artikels folgt dann eine Abfrage der gewünschten Attribute:
Schaltfläche Kontakt anzeigen
Aktiviert ein Feld welches ein Kontaktdialog öffnet:
Wird das Formular im Dialog gesendet wird ein entsprechender Lead wird angelegt!
Bestandsmenge anzeigen
Aktivieren wir die Bestandsmenge wird nicht nur angezeigt Artikel auf Lager sind sonder auch genau wie viele (bezieht sich auf angegebene Lager)
Gutscheincode anwenden anzeigen
Artikel, die nicht auf Lager sind, können in den Warenkorb gelegt werden
Aktiviert die Möglichkeit Artikel in der Warenkorb zu legen welche nicht am Lager verfügbar sind
Webseiten-Diashow (Website Slideshow)
Einleitung
Dieser DocType kann für mehrere andere DocTypes im System verwendet werden. Er kommt beim erstellen der eigenen Webseite vor aber auch beim pflegen von Artikeln welche wir später auf unserer Webseite z.B. im Shop einsetzen können.
Im Artikel
Die Diashow kann im Artikel für die Darstellung von mehr als nur einem Bild verwendet werden.
https://doku.phamos.eu/link/380#bkmrk-diaschau
Website Route Meta (Website Route Meta)
Einleitung
Portaleinstellungen (Portal Settings)
Einleitung
Auf dieser Seite können wir einstellen wie das Standard-Portal für z.B. einen Kunden mit Kunden-Login aussehen soll.
Homepage Bereich (Homepage Section)
Einleitung
Dieser DocType ist im Modul ein besonderer. Wir können es im DocType Homepage verknüpften.
Abschnitt beasiernd auf
Karten
Benutzerdefiniertes HTML
Abschnitssreihenfolge
Web-Formular (Web Form)
Einleitung
Ein mächtiges Feature von EPRNext ist das bereitstellen von Formularen für dritte auf unserem System. Es erlaubt uns die strukturierte und sichere Eingabe von Daten durch externe Anwender unseres ERPs. Web-Formulare können so eingestellt werden, dass sie von jedem Besucher unserer Seite befüllt werden können oder aber nur nach erfolgreichem Login. Die Formulare können somit Komplett öffentlich oder aber auch für interne Funktionen wie einen Uraubsantrag oder ähnliches verwendet werden.
Ein klassiches Web-Formular ist die Kontaktanfrage. Diese erstellt einen Doctype Lead.
Übersicht
Webformulare beziehen sich immer auf einen einzelnen DocType. Das Webformular ist eine Maske welches über diesen DocType gelegt wird und nur auf die Felder zugreift welche wir benötigt und dem Anwender bereit stellen wollen. Alle weiteren Felder sind nur nach Anmeldung auf der DocType Ebene zu sehen.
Felder
Form
In diesem Reiter können wir generelle Einstellungen zum Web-Formular vornehmen.
Bezeichnung |
Feldname |
Erklärung |
Bezeichnung |
title |
Der Name des Web-Formulars. Dieser dient auch zunächst als route bzw. teil der URL über welche das Formular aufgerufen wird. |
Route |
route | |
Veröffentlicht |
published |
|
DocType auswählen |
doc_type |
|
Modul |
module |
|
is_standard |
Dieses Feld ist nicht sichtbar für den Benutzer via UI. Das Feld wird für die Softwareentwicklung genutzt. Ist der Haken gesetzt, können über die UI keine Änderungen am Dokument vorgenommen werden. |
Bezeichnung |
Feldname |
Erklärung |
Vorstellung |
introduction_text |
Web-Formularfelder
Bezeichnung |
Feldname |
Erklärung |
No. |
||
Feld |
||
Feldtyp |
||
Custom Label |
||
Zwingend erforderlich |
||
Optionen |
Hier finden wir alle Web-Formularfeldoptionen
Einstellungen
Bezeichnung |
Feldname |
Erklärung |
Anmeldung erfordlich |
login_required |
Um das Webform zu nutzen wird ein aktives Benutzerkonto benötigt. |
Allow Multiple Responses |
allow_multiple |
Aktivieren, damit wir mehrere DocType Instanzenen über dieses Web-Formular erstellen können. |
Allow Editing After Submit |
allow_edit |
|
Löschvorgang zulassen |
allow_delete |
|
Dokumentberechtigungen anwenden |
apply_document_permissions |
|
Drucken erlauben |
allow_print |
|
Druckformat |
print_format |
|
Kommentare zulassen |
allow_comments |
|
Anhänge anzeigen |
show_attachments |
|
Unvollständige Formulre zulassen |
allow_incomplete |
Anpassung
Bezeichnung |
Feldname |
Erklärung |
Submit Button Label |
||
Banner-Bild |
||
Breadcrumbs |
After Submission
Bezeichnung |
Feldname |
Erklärung |
Success Title |
||
Erfolgs-URL |
||
Erfolgsmeldung |
Meta
Bezeichnung |
Feldname |
Erklärung |
Meta-Titel |
||
Meta Beschreibung |
||
Meta Image |
Scripting / Style
Bezeichnung |
Feldname |
Erklärung |
Clientskript | ||
Benutzerdefiniertes CSS |
Zahlung
Bezeichnung |
Feldname |
Erklärung |
Währung |
||
Hilfetaste |
||
Menge, bezogen auf Feld |
||
Betrag |
||
Zahlungs-Gateways |
||
Tastenbeschriftungen |
||
Zahlung akzeptieren |
Erklärungen
Status
Deutsch |
English |
Erklärung |
Draft |
||
Not Published |
||
Published |
Form
Web-Formularfelder
Diese Felder werden aus den Felders des verknüpften DocTypes gefüllt. Sie können dann in der Tabelle frei verschoben und bearbeitet werden.
Die Felder im Webform verhalten sich nicht alle so wie die Felder auf dem DocType selbst. Berechtigungen müssen ggf. überprüft und angepasst werden.
Bezeichnung |
Feldname |
Erklärung |
Feld |
||
Feldtyp |
||
Custom Label |
||
Zwingend notwendig |
||
Schreibgeschützt |
||
Im Filter anzeigen |
||
Versteckt |
||
Optionen |
||
Maximale Länge |
Eigentum hängt von ab
Bezeichnung |
Feldname |
Erklärung |
Anzeige ist abhängig von |
||
Nur lesen hängt von ab |
||
Obligatorisch Hängt von ab |
Bezeichnung |
Feldname |
Erklärung |
Beschreibung |
||
Standard |
Einstellungen
Allow Multiple Responses
Setzen wir den nicht, dient das Webform nur dazu, das ein einzelner Datensatz erstellt werden kann. Rufen wir das Webform noch einmal auf, nachdem wir beim ersten Aufruf Daten eingegeben haben, öffnet dies nur den bereits erstellt Datensatz. Das setzen dieser Option ist also zwingend notwendig, wenn wir eine Vielzahl an Daten sammeln wollen wie z.B. Mitarbeiter Einchecken.
Erlauben nach einreichen
Setzen wir dieses Häkchen dürfen wir das eingereichte Web-Formular ändern
Erstelle Web-Formulare werden generell beim einreichen nicht in den Status "Gebucht" gebracht.
Ist der Eintrag dann aber gebucht worden, ist es nicht möglich Felder zu ändern:
Es lassen sich nur Einträge ändern bei deren Felder das eingestellt ist.
Druck erlauben
Setzen wir dieses Häkchen wird im Web-Formular eine Druckfunktion aktiviert:
Kommentare erlauben
Setzen wir das Häkchen können nutzer in einem erstellen Web-Formular einen Kommentar hinterlassen
Webseite Sidebar (Website Sidebar)
Einleitung
Webseiten-Thema (Website Theme)
Einleitung
Dies ist eine Konfigurationsseite für das aussehen unserer Webseite unserer ERPNext Instanz. Wir können hier Schriftarten, Farben uvm. konfigurieren. Die Seite ist Teil des Moduls Webseite.
Themenkonfiguration
Google Font
Hier können wir eine Schriftart eintragen welche Teil des Google Font Pakets ist. Tragen wir diese ein und speichern das Dokument wird der Font kompiliert und aktiviert.
Vorher | Nacher |
Im Anschluss ist die Schriftart auf unserer "Webseite" aktiv. Die Schriftart des Systems intern (Desk) wird dabei nicht beeinflusst.
Knopf Schatten
Aus
Ein
Primärfarbe
Dies ändert auch die Farbe des Buttons zum Login.
Textfarbe
Hintergrundfarbe
Navigation
Homepage
Einleitung
Die "Homepage" ist eine fest integrierte Seite unser Systems welche nur bearbeitet werden kann, nicht aber kopiert oder neu erstellt wird.
Oft finden wir auf einer frisch installierten Seite folgenden Satz
This is an example website auto-generated from ERPNext
https://my_domain.frappe.cloud/app/homepage
Helden-Sektion
Homepage-Bereich
Link zu Homepage-Bereich
Tag-Line
Beschreibung
Heldenbild
Produkte
Seitenbausteine (Web Template)
Einleitung
Seitenbausteine sind vorgefertigte Elemente welche für Webseiten in ERPNext verwendet werden können. Dieser DocType ist Teil des frappe Frameworks und im Modul Webseite zu finden.
Bei der Installation werden schon eine vielzahl an Seitenbausteine bereitgestellt mit welchen wir schon einiges anstellen können um unserer Seite ein eigenes Aussehen zu geben.
Hier folgend sehen wir einige Beispiele und wie sie auf unserer Webseite später zu sehen sind.
Item Card Group
Diese Vorlage gibt die Möglichkeit bis zu 12 Karten auf unserer Webseite anzuzeigen welche direkt zu einem dahinterliegenden Artikel führen.
Auf der Webseite
Hero
Auf der Webseite
Hero Slider
folgt...
Auf der Webseite
Hero with Right Image
Auf der Webseite
Section with Cards
Section with CTA
Section with Collapsible Content
Section with Features
Section with Small CTA
Leider ohne Konfeti :(
Section with Tabs
Auf der Webseite
Split Section with Image
Feldbezeichnung |
Erklärung |
Bezeichnung |
|
Inhalt |
|
Bild |
Upload option für ein Bild das verwendet werden soll.
Achtung, muss auf "öffentlich" stehen, damit es jeder auf der Webseite sehen kann! |
Image on Right |
Bestimmt ob das Bild links order rechts (wie im Bild zuvor) platziert wird |
Link Label |
Der Titel für einen Link den wir einbauen können ohne HTML zu nutzen |
Link URL |
Zielpfad für den klickbaren Link Label |
Split Columns |
Auswahl welches Verhältnis die Bildseite und die Textseite zu einander haben sollen.
|
Vertical Align |
Auswahl aus
|
Ergebnis auf der Webseite
Testimonial
E Commerce Settings
Einstellungen zu "Über uns" (About us settings)
Einleitung
Dies ist eine Standardseite die bei der Installation des System mitgegeben wird. Sie dient dazu details über unser Unternehmen und unsere Mitarbeiter auf unserer Webseiten-Ansicht zu präsentieren.
Der Pfad der Seite ist fest und immer myerpnext.tld/about
Die Seite teilt sich auf in einen Allgemeinen Bereich, einen Bereich Unternehmensgeschichte und einen bereich Teammitglieder.
Allgemeiner Bereich
Dieser Bereich ist der Eingangsbereich der Seite und ist mit einem Standardtext gefüllt sollten wir nichts anderes eintragen.
Unternehmensgeschichte
Der zweite Abschnitt kann für einen tabellarischen Lebenslauf der Unternehmung verwendet werden.
In der Webseiten-Ansicht:
Füllen wir diesen Abschnitt nicht ist er auf der Webseite nicht zu sehen
Teammitglieder
Hier können wir unser Team vorstellen. Wir können Name, Bild und Lebenslauf hinterlegen.
In der Webseiten-Ansicht:
Webseite (Web Page)
Einleitung
Header und Breadcrumbs
Um auf unserer Webseite einen klickbaren Pfad zur Navigation anzuzeigen verwenden wir diesen Abschnitt.
Bsp:
[{ "label": _ ( "Modules"), "route": "module"}]
Hilfeartikel (Help Article)
Einleitung
Abschnitte
Bezeichnung
Kategorie
Hier verlinken wir auf eine Hilfekategorie
Veröffentlicht
Bestimmen ob der Hilfeartikel öffentlich auf unserer Webseite zu sehen ist.
Autor
Ebene
Inhalt
In diesem Editor-Feld verfassen wir den Inhalt unseres Hilfe Arikels. Es kann aus unterschiedlichen Schrift merkmalen gewählt werden, Listen, Tabellen, Bilder uvm. verwendet werden.
Likes
Zähler aller "Likes
Route
Besitzer
Einen Kommentar hinzufügen
Besonders an diesem DocType ist, dass wir hier Kommentare sehen welche über die Webseiten-Ansicht eingetragen wurden. Weiter wird der (Autor oder Besitzer oder beide) automatisch per Mail benachrichtigt wenn ein neuer Kommentar verfasst wurde.
Kommentareingabe über die Webseite
E-Mail-Mitteilung über neuen Kommentar
Hilfekategorie (Help Category)
Einleitung
Die Hilfekategorie ist ein Sub-DocType der als Pflichtfeld im Hilfeartikel vorkommt. Die Kategorie ist Filtermerkmal und gleichzeitig ein Register für die Hilfeartikel in der Webseitenansicht.
Kategoriename
Dient als Bezeichnung der Schaltfäche und Titel der Kategorie in der Webseitenansicht
Kategoriebeschreibung
Die Beschreibung dient als interner Vermerk und wird nicht auf der Webseitenansicht angezeigt.
Veröffentlicht
Bestimmen ob die Hilfekategorie öffentlich auf unserer Webseite zu sehen ist.
Artikel-Hilfe
Anzahl der Hilfeartikel in welchen die Kategorie verwendet wird.
Route
Hier bestimmen wir den Pfad unter welche die Kategorie auf unserer Webseite aufrufbar ist. Bsp: kb/automation
entspricht https://phamos.eu/kb/automation.
Die Route wird im Hilfeartikel als Stammpfad verwendet.
Webseiten-Artikel (Website Item)
Einleitung
Felder
Webseite
Wir können jeden Artikel zur Anzeige auf unserer Webseite verwenden. Dazu gibt es noch einige Merkmale welche definieren können.
Diaschau
Hier kann eine Diashow verknüpft werden. Diese erlaubt es mehr als nur ein Bild auf unserer Webseite anzuzeigen
Ist keine Diashow eingestellt wird das Bild am Artikel verwendet. Ist eine Diashow eingestellt wird das Bild am Artikel nicht verwendet!
Die Diashow ist ein eigener DocType: https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/webseiten-diashow-website-slideshow
Webseiten Spezifikation
Webseiten Spezifikation
In der Tabelle können wir individuelle Bezeichnungen und Beschreibungen eingeben. Diese können wir z.B. für genauere Artikelmerkmale verwenden:
Webseiten Beschreibung
Geben wir hier einen Text ein wird die Beschreibung des Artikels nicht mehr für die Webseite verwendet.