Skip to main content

Transform Help Center

How can I change the design of the signup page and the customer portal?

Table of contents
  • Layout

  • Input fields customer data

  • Displaying credit card logos

  • Redirecting after an order

  • Headlines and descriptions for hosted signup pages and portal

  • Showing and hiding the sections in the hosted portal

Layout

You can customize the hosted order pages and the customer portal to suit your corporate design. For this purpose billwerk offers you the possibility to insert your company logo, change the colors and design the width and curvature of the edges. To do this, go to "Settings > Integration > Self-Service > Hosted Pages Style".

Here you can use "Choose file" to select your company logo and then upload it. Now you can change the width and height of the logo.

Under "Page" and "Section" you can define the colors of the buttons and fields with an HTML color code. The width of the borders can be 0 pixels or increased as desired and the rounding of the boxes can be rounded off by square (0) with higher inputs.

Screen.png

Input fields customer data

In addition, you can define which customer data are mandatory or optional fields that must or can be filled by the customer, and which fields you do not need. You can find instructions here.

Displaying credit card logos

For the order page and the customer portal you can define which credit card logos of the different credit card providers are displayed for the customer. Depending on the payment provider, you can accept different credit card types such as Visa, Mastercard, American Express, etc. To display only the logos of the providers you support, go to the payment settings of the payment provider you use via "Settings > Payment > Payment settings > Edit" and click on all credit card logos you want to display for the customer and save your selection. The selected logos now appear automatically, after selecting the payment method credit card in the order page and the customer portal. If you also offer the 3D-Secure procedure for credit card payments, you can optionally display the logos for "Verified by Visa" and "Mastercard SecureCode". To do so, activate the desired selection and save it at the end.

KreditkartenlogosEN.jpg

Redirecting after an order

In the Hosted Signup tab, you can enter a success and an error URL in the URLs section. Your customers will be redirected to these URLs after the order.

mceclip0.png

Headlines and descriptions for hosted signup pages and portal

In the Self-Service settings, you can also edit the headings of the sections of the signup pages and the portal. If you are adding translations, your customers will see the respective translation if you provide the customers with the link to the page in the respective language. The pages in the individual languages are defined by the use of language query parameters in the URL, such as ?language=en. If no parameter is set, the Default (German) heading is used. The hosted order success page will be in the same language, later.

mceclip1.png

It is also possible to enter a general description of the metered components.

Showing and hiding the sections in the hosted portal

In the Hosted Portal tab, you can show and hide the sections of the hosted customer portal. In general, you can set here whether your customers can edit their data themselves and whether contract cancellations are allowed via the customer portal. To do this, activate or deactivate the corresponding checkboxes.

mceclip0.png

You can show and hide the following sections:

  • Customer: The customer data is displayed in the portal

  • Payment: The current payment data is displayed in the portal

  • Contract: The products currently active in the contract are displayed in the portal

  • Ledger: The account balance is displayed

  • Documents: The invoices and credit notes of the contract are displayed and can be downloaded

  • Additional data: The content of custom fields of the contract is displayed