Einleitung

Bist du bereit, deinen Auftritt als Hetzner Reseller auf das nächste Level zu heben? In diesem Beitrag zeige ich dir, wie du das Server Management Interface personalisieren kannst, um dich von der Konkurrenz abzuheben und deine Marke zu stärken.

Schritt-für-Schritt-Anleitung zur Personalisierung

Die Personalisierung deines Hetzner Reseller Interfaces ist ein entscheidender Schritt, um deine Marke hervorzuheben und ein unvergessliches Kundenerlebnis zu schaffen. Mit den bereitgestellten Beispielen auf der GitHub-Seite von unserem Gründer und Geschäftsführer kannst du kinderleicht starten. Hier ist, wie du vorgehen kannst:

1. Start mit der Login-Seite

Die Login-Seite ist oft der erste Berührungspunkt zwischen deinem Service und deinen Kunden. Eine gut gestaltete Seite kann bereits hier einen starken, positiven Eindruck hinterlassen. Auf der GitHub-Seite findest du ein Beispiel für eine Login-Seite, die du als Vorlage nutzen kannst.

  • Lade das Beispiel herunter (Link) und öffne die HTML-Datei in einem Texteditor.
  • Ersetze das Y-Progress-Logo durch dein eigenes Unternehmenslogo, indem du die URL des Logos in der HTML-Datei anpasst.
  • Personalisiere die Farben und Texte, sodass sie zu deinem Unternehmensbranding passen.
  • Lade die Anpassungen in der konsoleH hoch.

2. Die Index-Seite anpassen

Die Index-Seite bietet eine hervorragende Möglichkeit, deine neuen Kunden persönlich zu begrüßen und ihnen ein Gefühl von Zugehörigkeit zu vermitteln. Auch hierfür findest du auf der GitHub-Seite ein Beispiel.

  • Nutze das Index-Seiten-Beispiel (Link) als Basis für deine Personalisierung.
  • Die Seite verwendet den DOMAIN-Platzhalter, der automatisch mit dem Domainnamen des Kunden gefüllt wird, um eine persönliche Begrüßung zu ermöglichen. Dies geschieht allerdings nur beim Erzeugen von neuen Accounts.
  • Auch hier kannst du Texte und das Logo anpassen. Dies ist eine einfache, aber effektive Methode, um dein Branding einfließen zu lassen.
  • Lade die Anpassungen in der konsoleH hoch.

3. Einbindung deines Logos in die konsoleH

Ein prägnantes Logo ist entscheidend, um deine Marke in der digitalen Welt zu repräsentieren. Hetzner macht es dir leicht, dein eigenes Logo in die konsoleH zu integrieren, sodass es prominent im Domain-Login in der Navigationsleiste angezeigt wird. Hier sind einige wichtige Punkte, die du beachten solltest:

  • Ideale Bildgröße: Für eine optimale Darstellung sollte dein Logo 185px breit und 50px hoch sein. Falls dein Logo in einem anderen Format vorliegt, keine Sorge – Hetzner konvertiert andere Bildgrößen automatisch in dieses Format. Dennoch ist es empfehlenswert, die empfohlenen Abmessungen zu verwenden, um die bestmögliche Qualität zu gewährleisten.

  • Dateiformat und Größe: Du hast die Wahl zwischen JPG, PNG und GIF. Achte darauf, dass die Dateigröße 1MB nicht überschreitet und die Abmessungen innerhalb von 2000px Breite und 1000px Höhe liegen. Diese Grenzen stellen sicher, dass dein Logo schnell geladen wird und auf allen Geräten gut aussieht.

  • Upload-Prozess: Im Bereich für das Logo-Management der konsoleH kannst du dein Logo hochladen. Solltest du zu einem späteren Zeitpunkt entscheiden, dass du das Logo ändern möchtest, lässt sich das vorhandene Bild einfach durch ein neues ersetzen.

Die Integration deines Logos in die konsoleH ist ein kleiner, aber entscheidender Schritt, um die visuelle Identität deiner Marke zu stärken und einen professionellen Eindruck bei deinen Kunden zu hinterlassen. Achte darauf, dass dein Logo klar, erkennbar und konsistent mit deinem gesamten Branding ist, um den größtmöglichen Effekt zu erzielen.

Branding einfließen lassen

Dein Branding ist mehr als nur ein Logo. Es umfasst alles, von deiner Markenpersönlichkeit bis hin zu den Farben und Schriftarten, die du verwendest. Durch die Anpassung der Beispiele auf der GitHub-Seite kannst du sicherstellen, dass dein Hetzner Reseller Interface dein Branding widerspiegelt.

  • Passe die Texte an, um sie an den Tonfall deiner Marke anzupassen. Dies kann von einem professionellen bis zu einem freundlichen und einladenden Ton variieren, je nachdem, was am besten zu deiner Marke passt.
  • Ersetze die Logo-URL in beiden HTML-Dateien durch die URL deines eigenen Logos. Dies stellt sicher, dass dein Logo auf der Login- und der Index-Seite erscheint und stärkt die Markenidentität.

Abschließende Schritte

Nachdem du die Anpassungen vorgenommen hast, ist es wichtig, alles gründlich zu testen. Stelle sicher, dass die Seiten auf verschiedenen Geräten und Browsern korrekt angezeigt werden und alle Links und Funktionen wie erwartet arbeiten. Sobald du mit dem Ergebnis zufrieden bist, kannst du die personalisierten Seiten in das Hetzner-Backend hochladen.

Indem du diese Schritte befolgst, kreierst du ein einzigartiges und markenspezifisches Erlebnis für deine Kunden, das nicht nur deine Professionalität unterstreicht, sondern auch die Bindung zu deiner Marke stärkt.

Weiterführende Informationen