cyon Webmail in Ihre Website einbinden

{{ post.author.node.name }}
Autor:

Philipp Zeder

Kategorie:

in

CMS & Co.

Veröffentlicht am 25. Apr. 2012

Wir erhalten des öfteren Anfragen, ob sich das cyon Webmail nicht irgendwie auf der eigenen Website einbinden lässt. Unsere Entwickler haben diese Anfragen zum Anlass genommen und eine Lösung entwickelt, mit der Sie das Login-Formular für webmail.cyon.ch ganz unkompliziert in Ihre Website einbauen können.

Fügen Sie einfach folgenden Code an der gewünschten Stelle in Ihre Website ein:
[gist id=2429626 bump=1]

Als besonderes Feature können Sie das Formular auf eine gewünschte Domain beschränken. So ist es dann nur möglich, sich mit Adressen in der Form @ihredomain.ch anzumelden. Selbstverständlich können Sie diese Funktion aber auch weglassen.

Ausserdem lässt sich das Formular nach Ihren Wünschen mit CSS gestalten und z.B. mit Labels ergänzen. Wichtig ist einfach, dass die IDs der Formularfelder sowie die drei Javascript-Dateien am Schluss nicht verändert oder weggelassen werden, da das Formular sonst nicht mehr funktioniert.

Als Beispiel habe ich den Code auf der Website meines Fussballvereins hinzugefügt. Sie sehen also, das Formular kann nahtlos in Ihr bestehendes Design eingebaut werden.

Haben Sie das Formular auf Ihrer Website bereits eingebaut? Wir freuen uns über Beispiele.

Immer auf dem Laufenden bleiben

Tipps, Tools & Insights für deine Webprojekte

Jetzt Newsletter abonnieren

Beteilige dich an der Diskussion

10 Kommentare

{{comment.author.node.name}}
Eric 18. Apr 2015 20:34

Geht immer noch nicht. Gibt es mittlerweile einen Support-Beitrag mit funktionierenden Angaben?

{{comment.author.node.name}}
Philipp Zeder cyon
20. Apr 2015 10:07

Ich hab’s soeben nochmals mit meiner WordPress-Installation getestet. Dort funktionieren die Angaben weiterhin problemlos. Schick uns doch eine E-Mail mit den Details an mail@cyon.ch, dann schauen wir uns den Fall gerne genauer an.

{{comment.author.node.name}}
Lorenz Billeter 23. Oct 2013 19:29

Ich schliesse mich dem Kommentar von Leo Galli an. Die Aufgabenstellung ist so nicht gelöst und man darf zumindest ein fertiges index.html mit css vom Service Erbringer erwarten.

{{comment.author.node.name}}
Philippe Krebs cyon
24. Oct 2013 16:06

Das ganze sollte immer noch wunderbar funktionieren. Auf unserer Todo-Liste steht nun ein Support-Beitrag mit detaillierter Anleitung zur Einbindung vom Webmail in die eigene Webseite.

{{comment.author.node.name}}
Leo Galli 06. Jun 2013 16:44

Geht leider nicht mehr:( Würde mich über ein Upgedatetes Tutorial freuen.

{{comment.author.node.name}}
Marcel 03. May 2012 13:13

Ich bin auch gerade dran, einen Code einzubauen, aber wie kriege ich das so schön hin wie bei dir Anver?

Könnte ich freundlicherweise den Code haben? :)

{{comment.author.node.name}}
Anver 16. Jul 2012 16:40

Das Login wurde mit Bootstrap von Twitter realisiert!

{{comment.author.node.name}}
Anver 25. Apr 2012 22:56

Super Sache!

Hier mein Ergebnis: Webmail Login

Schnell etwas mit Bootstrap hingezaubert!

{{comment.author.node.name}}
Simu 01. May 2012 01:32

Nice looking

{{comment.author.node.name}}
Philipp Zeder cyon
26. Apr 2012 10:57

Sehr cool!