All posts

Y PROGRESS JOURNAL

How to Personalise Your Hetzner Reseller Interface for a Strong Brand

Learn how to personalise your interface as a Hetzner reseller and present your brand effectively. Follow our simple guide.

Introduction

Are you ready to take your presence as a Hetzner reseller to the next level? This article shows you how to personalise the server management interface to stand out from the competition and strengthen your brand.

Step-by-step personalisation guide

Personalising your Hetzner reseller interface is an important step in making your brand stand out and creating a memorable customer experience. The examples on the GitHub page of our founder and managing director give you an easy place to start. Here is what to do:

1. Start with the login page

The login page is often the first point of contact between your service and your customers. A well-designed page can make a strong, positive impression. The GitHub page has an example login page you can use as a template.

  • Download the example (link) and open the HTML file in a text editor.
  • Replace the Y Progress logo with your company logo by changing its URL in the HTML file.
  • Adjust the colours and text to match your company branding.
  • Upload your changes to konsoleH.

2. Customise the index page

The index page is a good way to welcome new customers personally and help them feel included. The GitHub page also has an example for this page.

  • Use the index page example (link) as the basis for your custom version.
  • The page uses the DOMAIN placeholder, which is automatically replaced with the customer's domain name to create a personal welcome. This happens only when new accounts are created.
  • You can also change the text and logo. This is a simple but effective way to add your branding.
  • Upload your changes to konsoleH.

3. Add your logo to konsoleH

A clear logo is essential to your brand's identity online. Hetzner lets you add your logo to konsoleH, where it is shown prominently in the domain login navigation bar. Here are some points to keep in mind:

  • Recommended image size: For the best display, your logo should be 185 pixels wide and 50 pixels high. If it uses another size, Hetzner automatically converts it to these dimensions. Even so, using the recommended size should give you the best quality.

  • File format and size: You can use JPG, PNG or GIF. The file must not be larger than 1 MB, and its dimensions must not exceed 2000 pixels wide and 1000 pixels high. These limits help the logo load quickly and look good on all devices.

  • Upload process: You can upload your logo in the logo management area of konsoleH. If you decide to change it later, you can replace the existing image with a new one.

Adding your logo to konsoleH is a small but important step in strengthening your brand identity and making a professional impression on your customers. Make sure your logo is clear, recognisable and consistent with your wider branding.

Add your branding

Your branding is more than a logo. It includes everything from your brand personality to the colours and fonts you use. By adapting the examples on the GitHub page, you can make sure your Hetzner reseller interface reflects your brand.

  • Adapt the text to match your brand's tone. It can be professional, friendly or welcoming, depending on what suits your brand.
  • Replace the logo URL in both HTML files with the URL of your own logo. This makes your logo appear on both the login and index pages and strengthens your brand identity.

Final steps

After making your changes, test everything carefully. Check that the pages display correctly on different devices and browsers and that all links and features work as expected. When you are happy with the result, upload the personalised pages to the Hetzner backend.

This lets you create a distinctive experience for your customers that reflects your brand, supports a professional impression and strengthens their connection to your brand.

QUESTIONS?

Frequently asked questions

How can I personalise the Hetzner reseller login page?
Download the example file from the linked GitHub repository, adjust the logo URL, text and colours to match your brand, then upload the finished HTML file to konsoleH.
Can I also customise the start or index page for new customers?
Yes. The article shows an example index page you can use as a template, adapt to your brand and upload to the Hetzner backend.
What does the __DOMAIN__ placeholder on the Hetzner index page do?
When new accounts are created, the placeholder is automatically replaced with the customer's domain name. This lets you personalise the welcome message on the index page.
What are the logo requirements for personalisation in konsoleH?
A logo measuring 185 x 50 pixels is recommended. JPG, PNG and GIF files up to 1 MB are supported. Image dimensions must not exceed 2000 x 1000 pixels.
What should I check after uploading my personalised Hetzner pages?
Test the login and index pages on different devices and in several browsers. Also check that the layout, links and features work as expected.

FURTHER READING

Sources & further reading

  1. Hetzner documentation
  2. GitHub repository with examples