Inhalt der Anleitung
Eine Seite mit Formular vereint die Arbeit mehrerer Rollen: Das Marketing formuliert das Angebot, das Design bestimmt den Auftritt, der Vertrieb erhält die Anfrage. Mit Octo Cloud können Sie den Agenten beauftragen, einen solchen Service zu bauen und zu veröffentlichen. Wir beginnen mit einer Übungsseite, damit Sie den gesamten Weg mit Testdaten prüfen können.
Was Sie vorbereiten
- Stellen Sie sicher, dass Octo Cloud in Ihrem Workspace verfügbar ist. Lassen Sie sich von Octodus vor dem Start die Hosting-Bedingungen nennen.
- Bereiten Sie Angebot, Texte und Formularfelder vor. Laden Sie für die Übung das Briefing für eine Anmeldeseite zum Portfolio-Review herunter.
- Verwenden Sie Testkontakte. Legen Sie fest, wer eingehende Anfragen sehen soll und wo Sie sie am liebsten ansehen.
In den Quelldateien stehen Beispieldaten. Ersetzen Sie sie durch Ihre eigenen, sobald Sie den Ablauf kennen.
Das ganze Ergebnis beschreiben
Verlangen Sie die Seite, ein funktionierendes Formular, das Speichern der Daten und eine Möglichkeit, sie anzusehen. Wenn Sie nur „Bau eine Landingpage“ sagen, bekommen Sie leicht ein Design ohne fertigen Ablauf zur Anfragenerfassung.
Bitten Sie den Agenten, die nötigen Zugänge und Hosting-Bedingungen zu nennen. Für das Übungsprojekt reicht ein einfaches Szenario; weitere Integrationen können Sie ergänzen, sobald die Grundlage funktioniert.
Erstelle anhand des angehängten Briefings eine Übungsseite mit Formular in Octo Cloud. Die Anfragen sollen gespeichert werden, und ich brauche eine Möglichkeit, sie anzusehen. Verwende Testdaten. Nenne zuerst die Hosting-Bedingungen und die nötigen Zugänge, zeige mir dann einen Plan. Gib mir nach dem Erstellen den Link und erkläre, wo ich eine eingegangene Anfrage finde.
Den Weg des Besuchers durchgehen
Öffnen Sie den erhaltenen Link und prüfen Sie die Seite auf dem Smartphone. Senden Sie eine Test-Anfrage ab und suchen Sie sie an dem Speicherort, den Octodus Ihnen gezeigt hat.
Prüfen Sie leere Pflichtfelder und einen ungültigen Kontakt. Nach dem erfolgreichen Absenden sollte klar sein, was passiert ist und was als Nächstes folgt.
Prüfe den gesamten Formularablauf: Eine korrekte Anfrage wird gespeichert, leere Pflichtfelder und eine ungültige E-Mail-Adresse werden abgelehnt, und ein zweiter Klick während des Sendens erzeugt keinen Duplikat-Eintrag. Stelle sicher, dass die Anfragenliste für normale Besucher nicht zugänglich ist. Zeige mir die Ergebnisse und nenne, was du nicht prüfen konntest.
Beispielergebnis
Beispiel für eine Test-Anfrage
- Name: Test-Teilnehmer. E-Mail: test@example.com. Ziel: Speichern der Anfrage prüfen.
- Suchen Sie nach dem Absenden den Datensatz mit denselben Werten. Aktualisieren Sie die Ansicht der Anfragen und prüfen Sie, dass der Eintrag erhalten bleibt.
- Ändern Sie dann den Seitentitel und testen Sie das Formular erneut: Eine optische Änderung darf das Speichern nicht beeinträchtigen.
Der Knackpunkt und die Prüfung
Ein Formular auf dem Bildschirm und eine gespeicherte Anfrage sind zwei verschiedene Ergebnisse. Prüfen Sie sie getrennt. Bevor Sie echte Anfragen erfassen, regeln Sie die Bedingungen für die Verarbeitung personenbezogener Daten und den Zugriff Ihres Teams auf die Einträge.
Bevor Sie das Ergebnis nutzen
- Der Link öffnet sich, Seite und Formular sind auf dem Smartphone gut bedienbar.
- Ein erfolgreiches Absenden erzeugt einen Datensatz mit den richtigen Feldern.
- Eingabefehler sind verständlich, Daten gehen nicht ohne Erklärung verloren.
- Die Ansicht der Anfragen ist für die richtigen Personen zugänglich, nicht für jeden Besucher.
So wiederholen Sie das mit Ihrer eigenen Aufgabe
Danach können Sie Texte ändern, Felder ergänzen oder eine Anfrage mit einem Arbeitsablauf verbinden. Legen Sie in jeder Aufgabe fest, dass bereits gespeicherte Einträge erhalten bleiben müssen. Wenn Sie den Aufbau von Service und Datenbank genauer verstehen möchten, machen Sie mit der Postgres-Lektion weiter.
Probieren Sie dieses Szenario aus
Laden Sie die Quelldatei herunter, kopieren Sie die Aufgabe und senden Sie beides an Octodus.