Eigenstaendiger Support-Einstieg

Ein sauberes Support-Zuhause fuer ClickToPrint.

Dieses Paket dokumentiert die aktuelle ClickToPrint-Anwendung, haelt die Support-Domain bewusst getrennt von der Marketing-Seite und laesst screenshotbereite Platzhalter stehen, die spaeter ohne Umbau befuellt werden koennen.

support.clicktoprint.ch Optisch an das minimalistische Landing-Page-Gefuehl angelehnt und trotzdem bewusst komplett getrennt fuer den Support-Betrieb.
Dashboard-Uebersicht
Screenshot-Slot Dashboard-Uebersicht

Uebersicht mit Kacheln, Zaehlern, Schnellzugriffen und den wichtigsten Einstiegen nach dem Login.

02-dashboard-overview.png Geplante Datei oeffnen
Geplanter Dateiname: 02-dashboard-overview.png
Separat Support-Domain
DE + EN integrierter Sprachwechsel
18 Slots geplante Screenshots

Ueberblick

Was dieses Handbuch abdeckt

Auf Basis des bereitgestellten Projektarchivs ist ClickToPrint ein CodeIgniter-basiertes Print-Workflow-System mit Kundenverwaltung, Produkt-Templates, PDF-Erzeugung, Auftraegen, Preisen, Rechnungen und internem Support-Werkzeug.

Taegliche Arbeit

Fuehrt Benutzer durch Login, Navigation, Kunden, Produkte, Auftraege, Preise und Support.

Technisches Setup

Fasst zusammen, was bereits im Archiv enthalten ist und was vor einem echten Start noch konfiguriert werden muss.

Zukunftssicherer Support

Die Subdomain kann spaeter zu einer groesseren Wissensdatenbank oder einem Ticket-Portal ausgebaut werden, ohne die Hauptseite anzufassen.

support.clicktoprint.ch

Warum support.clicktoprint.ch getrennt betreiben?

Eine eigene Support-Subdomain macht das System leichter erweiterbar und sauberer im Betrieb.

Eigener Lebenszyklus

Handbuecher, FAQs und Support-Werkzeuge lassen sich aktualisieren, ohne die oeffentliche Marketing-Seite zu veraendern.

Sauberere Infrastruktur

SSL, Redirects, Caching-Regeln und spaetere Authentifizierung koennen gezielt fuer Support-Traffic verwaltet werden.

Platz zum Wachsen

Aus einer einfachen Dokumentationsseite kann spaeter ein groesseres Support-Center, Ticket-Portal oder Helpdesk werden.

Ablauf

Empfohlener Einstieg fuer neue Benutzer

Diese ersten Ansichten und Aufgaben sollten neue Benutzer zuerst verstehen.

1. Einloggen und im Dashboard landen

Mit einem Admin- oder kundenbezogenen Konto anmelden und die Kacheln, Zaehler und Schnellzugriffe im Dashboard pruefen.

Login-Bildschirm
Screenshot-Slot Login-Bildschirm

Erste Anmeldeseite fuer Administratoren oder kundenbezogene Benutzer.

01-login-screen.png Geplante Datei oeffnen
Geplanter Dateiname: 01-login-screen.png

2. Die Hauptnavigation verstehen

Die linke Seitenleiste ist die Steuerzentrale fuer Module, Kundenkontext und die taeglichen Arbeitsablaeufe.

Hauptnavigation
Screenshot-Slot Hauptnavigation

Linke Seitenleiste mit Modulzugriffen, Kundenkontext und operativen Schnellzugriffen.

03-main-navigation.png Geplante Datei oeffnen
Geplanter Dateiname: 03-main-navigation.png

3. Kundenbereich und Berechtigungen pruefen

Admins arbeiten innerhalb ihrer Firmen-Grenzen, waehrend hoehere Rollen weitere Einstellungen und mehrere Mandanten verwalten koennen.

Dashboard-Uebersicht
Screenshot-Slot Dashboard-Uebersicht

Uebersicht mit Kacheln, Zaehlern, Schnellzugriffen und den wichtigsten Einstiegen nach dem Login.

02-dashboard-overview.png Geplante Datei oeffnen
Geplanter Dateiname: 02-dashboard-overview.png

4. Wissen, wie Hilfe angefordert wird

Das integrierte Support-Modal unterstuetzt Anfragetyp, Dringlichkeit, Rueckmeldung sowie Screenshot-Upload oder Einfuegen.

Support-Modal
Screenshot-Slot Support-Modal

Strukturierte Support-Anfrage mit Typ, Dringlichkeit, Rueckmeldung und Screenshot-Kontext.

15-support-modal.png Geplante Datei oeffnen
Geplanter Dateiname: 15-support-modal.png

Module

Modul-Handbuch

Diese Bereiche bilden die Kernkapitel des Handbuchs. Jeder Block enthaelt bereits den Dateinamen fuer den spaeteren Screenshot.

Kundenverwaltung

Mit der eigenen Kundenverwaltungsseite werden Stammdaten und zugehoerige Adressen gepflegt.

  • Kundendaten ueber das eingebettete Kundenformular bearbeiten.
  • Adressdaten fuer Lieferung und Verrechnung anlegen, aendern und entfernen.
  • Kundenbezogene Daten fuer nachgelagerte Auftrags- und Rechnungsprozesse konsistent halten.
Kundenverwaltung
Screenshot-Slot Kundenverwaltung

Ansicht fuer Stammdaten, Adressen und Pflegeaktionen des Kunden.

04-customer-management.png Geplante Datei oeffnen
Geplanter Dateiname: 04-customer-management.png

Benutzer und Rollen

Administrator-Konten, Rollen und Berechtigungen steuern, welche Teams welche Bereiche sehen oder aendern duerfen.

  • Administrator-Konten anlegen oder anpassen.
  • Kundenbereich und rollenbasierte Zugriffe zuweisen.
  • Diesen Bereich fuer Onboarding, Offboarding und Rechte-Reviews nutzen.
Benutzer und Rollen
Screenshot-Slot Benutzer und Rollen

Liste der Administratoren, Rechtevergabe und kundengebundene Zugriffskontrolle.

05-user-role-management.png Geplante Datei oeffnen
Geplanter Dateiname: 05-user-role-management.png

Produkte und Templates

Der Produktkatalog verbindet druckbare Artikel mit Templates, Regeln und kundenspezifischen Optionen.

  • Produktlisten und Verzeichnisstruktur pflegen.
  • Template-basierte Produkte zuordnen oder pruefen.
  • Saubere, markenkonforme Bestelloptionen fuer Endbenutzer vorbereiten.
Produktkatalog
Screenshot-Slot Produktkatalog

Produktliste oder Verzeichnisansicht mit templatebasierten Artikeln.

06-product-catalog.png Geplante Datei oeffnen
Geplanter Dateiname: 06-product-catalog.png

Template-Wizard und PDF-Editor

Erweiterte Template-Werkzeuge unterstuetzen PDF-basierte Layouts, Template-Erstellung und editorbasierte Feinarbeit.

  • Den Template-Wizard fuer strukturierte Vorbereitung nutzen.
  • Den PDF-Editor fuer Positionierung, Felder und Ausgabeabstimmung verwenden.
  • Bei komplexen Templates die Limits grosser Formulare im Blick behalten.
Template-Wizard
Screenshot-Slot Template-Wizard

Vorbereitungsworkflow fuer erweiterte PDF-basierte Produkte.

07-template-wizard.png Geplante Datei oeffnen
Geplanter Dateiname: 07-template-wizard.png
PDF-Editor
Screenshot-Slot PDF-Editor

Editoransicht fuer Felder, Positionierung, Vorschau und Ausgabeanpassungen.

08-pdf-editor.png Geplante Datei oeffnen
Geplanter Dateiname: 08-pdf-editor.png

Shop und Checkout

Im Shop waehlen Benutzer Produkte aus, personalisieren sie, legen sie in den Warenkorb und gehen Richtung Checkout.

  • Den Katalog aus Kundensicht durchlaufen.
  • Produktspezifische Eingaben und generierte Vorschauen pruefen.
  • Den Bestellweg ueber Warenkorb und Checkout abschliessen.
Shop und Checkout
Screenshot-Slot Shop und Checkout

Kundenorientierter Bestellablauf von der Produktauswahl bis zu Warenkorb und Checkout.

09-shop-checkout.png Geplante Datei oeffnen
Geplanter Dateiname: 09-shop-checkout.png

Auftraege, Offerten und Produktionswarteschlange

Der Auftragsbereich deckt Offerten, aktive Jobs, abgeschlossene Arbeiten und die Produktion ab.

  • Den Hauptstatus von Offerte ueber aktiv bis abgeschlossen verfolgen.
  • Die Auftragsliste fuer den operativen Ueberblick nutzen.
  • Die Produktionswarteschlange fuer Batches, Ausschuss und Druckvorbereitung einsetzen.
Auftragsliste
Screenshot-Slot Auftragsliste

Operative Uebersicht ueber Offerten, aktive Arbeiten und abgeschlossene Auftraege.

10-orders-list.png Geplante Datei oeffnen
Geplanter Dateiname: 10-orders-list.png
Produktionswarteschlange
Screenshot-Slot Produktionswarteschlange

Produktionsbatches, Ausschiesseinstellungen und Vorbereitung fuer die Druckproduktion.

11-production-queue.png Geplante Datei oeffnen
Geplanter Dateiname: 11-production-queue.png

Preise, Rechnungen und Zahlungen

Preiswerkzeuge, Rechnungsansichten und Zahlungsstatus unterstuetzen die kaufmaennische Seite des Workflows.

  • Preisarbeitsblaetter und Ueberschreibungen pruefen.
  • Rechnungsausgabe und Zahlungszustaende verwalten.
  • Checkout-bezogene Metadaten sauber fuer Reporting und Abgleich halten.
Preisfenster
Screenshot-Slot Preisfenster

Preisarbeitsblatt, Summen, Ueberschreibungen und kaufmaennische Pruefung.

12-pricing-panel.png Geplante Datei oeffnen
Geplanter Dateiname: 12-pricing-panel.png
Rechnungen und Zahlungen
Screenshot-Slot Rechnungen und Zahlungen

Rechnungsansicht, Zahlungsstatus und finanzbezogene Auftragsdetails.

13-invoices-payments.png Geplante Datei oeffnen
Geplanter Dateiname: 13-invoices-payments.png

Mail-to-Print und Support

Das System enthaelt auch Mail-to-Print-Einstiege und einen internen Support-Prozess.

  • Mail-to-Print-Links einloesen, wenn dieser Ablauf aktiv ist.
  • Strukturierte Support-Anfragen mit Screenshot-Belegen senden.
  • Dringende Probleme mit direktem Seitenlink und klarer Beschreibung erfassen.
Mail-to-Print
Screenshot-Slot Mail-to-Print

Einstieg in den Mail-to-Print-Ablauf, sofern diese Funktion aktiv ist.

14-mail-to-print.png Geplante Datei oeffnen
Geplanter Dateiname: 14-mail-to-print.png

Support

Integrierter Support-Ablauf

Das interne Support-Formular ist bereits ein nuetzlicher Mini-Helpdesk und eine gute Bruecke zu einem spaeter groesseren Support-System.

  • Einen Anfrage-Typ waehlen und das Problem klar beschreiben.
  • Die Dringlichkeit auf low, normal, high oder critical setzen.
  • Optional eine Rueckmeldung anfordern und das betroffene Modul oder Menue nennen.
  • Bei seitenbezogenen Problemen die aktuelle URL mitgeben.
  • Einen Screenshot hochladen oder einfuegen, damit der Kontext klar ist.

Sinnvoller naechster Schritt

Weil diese Support-Seite getrennt betrieben wird, kann das oeffentliche Handbuch spaeter leicht mit Ticketing oder einem authentifizierten Support-Workflow verbunden werden, ohne die Hauptseite neu zu bauen.

Support-Modal
Screenshot-Slot Support-Modal

Strukturierte Support-Anfrage mit Typ, Dringlichkeit, Rueckmeldung und Screenshot-Kontext.

15-support-modal.png Geplante Datei oeffnen
Geplanter Dateiname: 15-support-modal.png

Setup

Technische Setup-Notizen

Dieses Support-Paket ist als Dokumentationsseite uploadbereit. Die eigentliche Business-Anwendung benoetigt fuer einen echten Start aber noch Runtime-Konfiguration.

Bereits im Archiv enthalten

  • Die PHP-Hauptanwendung mit CodeIgniter-Struktur.
  • Ein grosser SQL-Dump (webshop.sql).
  • Template- und Font-bezogene Bibliotheken.
  • Projektdokumente, Migrationshinweise und Hilfsskripte.

Muss noch verdrahtet werden

  • application/config/database.php mit echten Zugangsdaten.
  • Ein MySQL- oder MariaDB-Import.
  • PHP mit aktivierter MySQL-Unterstuetzung.
  • Umgebungsspezifische Pfade, Mail-Einstellungen und kundenspezifische Assets.

Checkliste fuer Shared Hosting

  • Dieses Support-Paket in das Document Root der Subdomain laden.
  • Das SSL-Zertifikat fuer support.clicktoprint.ch ausstellen oder zuweisen.
  • mod_rewrite aktiv lassen, damit die .htaccess-Regeln greifen.
  • Die finalen Screenshots mit den geplanten Dateinamen in assets/screenshots/ ablegen.

1. Datenbank fuer die Anwendung anlegen

Auf dem Hosting-Stack eine Datenbank erstellen und webshop.sql importieren. Auf Shared Hosting ist das meist am einfachsten per phpMyAdmin oder Hosting-Panel.

2. Datenbank-Zugangsdaten hinterlegen

application/config/database.php erstellen und dort Host, Datenbankname, Benutzer und Passwort korrekt eintragen.

3. Base-URL und Umgebung konfigurieren

Die Werte aus .env.example als Vorlage fuer APP_BASE_URL, Cookie- und Security-Einstellungen sowie Session-Speicher verwenden.

4. Schreibrechte pruefen

Uploads, Logs, Cache und alle Verzeichnisse kontrollieren, die Schreibrechte benoetigen.

5. PDF-Fonts bei Bedarf synchronisieren

Falls die Tabelle ci_pdf_fonts vorhanden ist, koennen die enthaltenen Font-Definitionen per CLI importiert werden.

6. Erweiterte Template-Werkzeuge pruefen

Wenn die Template-Wizard-Skripte genutzt werden, muessen Python-Basis-Pfad und Server-Berechtigungen in der Zielumgebung stimmen.

Befehl fuer Datenbank-Import
mysql -u YOUR_DB_USER -p YOUR_DB_NAME < webshop.sql
Befehl fuer Font-Sync
php index.php cli/font_sync import

Ehrlicher Status

Die Business-Anwendung konnte in der aktuellen Build-Umgebung nicht vollstaendig gestartet werden, weil application/config/database.php im Archiv fehlt, in diesem Container kein MySQL-Dienst verfuegbar ist und PHP hier keine MySQL-Erweiterung hat. Die Support-Microsite selbst ist jedoch eigenstaendig und uploadbereit.

Datenbank-Import
Screenshot-Slot Datenbank-Import

Hosting-Panel, phpMyAdmin oder Shell-Schritt fuer den Import von webshop.sql und die Zugangsdaten.

16-database-import.png Geplante Datei oeffnen
Geplanter Dateiname: 16-database-import.png
Font-Sync-Befehl
Screenshot-Slot Font-Sync-Befehl

CLI-Befehl oder Terminalausgabe fuer den Import der enthaltenen PDF-Fontdefinitionen.

17-font-sync-cli.png Geplante Datei oeffnen
Geplanter Dateiname: 17-font-sync-cli.png
SSL- und Hosting-Setup
Screenshot-Slot SSL- und Hosting-Setup

Subdomain-, Zertifikats- und Redirect-Konfiguration fuer support.clicktoprint.ch.

18-ssl-hosting-setup.png Geplante Datei oeffnen
Geplanter Dateiname: 18-ssl-hosting-setup.png

Screenshots

Screenshot-Plan

Dateien mit exakt diesen Namen in assets/screenshots/ ablegen. Die Seite ist bereits auf diese Pfade vorbereitet, daher ersetzen echte Bilder die Platzhalter automatisch.

Login-Bildschirm

Erste Anmeldeseite fuer Administratoren oder kundenbezogene Benutzer.

01-login-screen.png Geplante Datei oeffnen

Dashboard-Uebersicht

Uebersicht mit Kacheln, Zaehlern, Schnellzugriffen und den wichtigsten Einstiegen nach dem Login.

02-dashboard-overview.png Geplante Datei oeffnen

Hauptnavigation

Linke Seitenleiste mit Modulzugriffen, Kundenkontext und operativen Schnellzugriffen.

03-main-navigation.png Geplante Datei oeffnen

Kundenverwaltung

Ansicht fuer Stammdaten, Adressen und Pflegeaktionen des Kunden.

04-customer-management.png Geplante Datei oeffnen

Benutzer und Rollen

Liste der Administratoren, Rechtevergabe und kundengebundene Zugriffskontrolle.

05-user-role-management.png Geplante Datei oeffnen

Produktkatalog

Produktliste oder Verzeichnisansicht mit templatebasierten Artikeln.

06-product-catalog.png Geplante Datei oeffnen

Template-Wizard

Vorbereitungsworkflow fuer erweiterte PDF-basierte Produkte.

07-template-wizard.png Geplante Datei oeffnen

PDF-Editor

Editoransicht fuer Felder, Positionierung, Vorschau und Ausgabeanpassungen.

08-pdf-editor.png Geplante Datei oeffnen

Shop und Checkout

Kundenorientierter Bestellablauf von der Produktauswahl bis zu Warenkorb und Checkout.

09-shop-checkout.png Geplante Datei oeffnen

Auftragsliste

Operative Uebersicht ueber Offerten, aktive Arbeiten und abgeschlossene Auftraege.

10-orders-list.png Geplante Datei oeffnen

Produktionswarteschlange

Produktionsbatches, Ausschiesseinstellungen und Vorbereitung fuer die Druckproduktion.

11-production-queue.png Geplante Datei oeffnen

Preisfenster

Preisarbeitsblatt, Summen, Ueberschreibungen und kaufmaennische Pruefung.

12-pricing-panel.png Geplante Datei oeffnen

Rechnungen und Zahlungen

Rechnungsansicht, Zahlungsstatus und finanzbezogene Auftragsdetails.

13-invoices-payments.png Geplante Datei oeffnen

Mail-to-Print

Einstieg in den Mail-to-Print-Ablauf, sofern diese Funktion aktiv ist.

14-mail-to-print.png Geplante Datei oeffnen

Support-Modal

Strukturierte Support-Anfrage mit Typ, Dringlichkeit, Rueckmeldung und Screenshot-Kontext.

15-support-modal.png Geplante Datei oeffnen

Datenbank-Import

Hosting-Panel, phpMyAdmin oder Shell-Schritt fuer den Import von webshop.sql und die Zugangsdaten.

16-database-import.png Geplante Datei oeffnen

Font-Sync-Befehl

CLI-Befehl oder Terminalausgabe fuer den Import der enthaltenen PDF-Fontdefinitionen.

17-font-sync-cli.png Geplante Datei oeffnen

SSL- und Hosting-Setup

Subdomain-, Zertifikats- und Redirect-Konfiguration fuer support.clicktoprint.ch.

18-ssl-hosting-setup.png Geplante Datei oeffnen

FAQ

FAQ und Fehlerbehebung

Warum sehe ich nur Platzhalter statt Screenshots?

Das Handbuch zeigt absichtlich Platzhalter fuer kuenftige Screenshot-Dateien. Sobald ein echtes Bild mit dem gleichen Dateinamen in assets/screenshots/ liegt, wird der Platzhalter automatisch ersetzt.

Warum kann die Hauptanwendung trotz Upload des Quellcodes noch scheitern?

Der Code braucht weiterhin eine funktionierende Datenbank-Konfiguration, den Datenbank-Import, eine PHP-Laufzeit mit MySQL-Unterstuetzung und kundenspezifische Umgebungseinstellungen.

Welche Screenshots sollte ich zuerst erfassen?

Am besten zuerst Login, Dashboard, Navigation, Kundenverwaltung, Produktkatalog, Template-Wizard, PDF-Editor, Auftragsliste, Produktionswarteschlange und Support-Modal aufnehmen.

Was tun, wenn HTTPS-Redirects beim Staging Probleme machen?

Die gelieferte .htaccess ist auf die Zieldomain vorbereitet. Fuer temporaeres Staging koennen die Canonical-Redirect-Zeilen auskommentiert werden, bis Zertifikat und Hostname final aktiv sind.

Kann diese Seite spaeter zu einer groesseren Support-Plattform wachsen?

Ja. Genau darum wird support.clicktoprint.ch getrennt gehalten: FAQs, Formulare, Ticketing oder authentifizierte Support-Flows koennen spaeter ergaenzt werden, ohne die Hauptseite zu stoeren.