Your login page

The login page is the first thing a customer sees when they connect to your WiFi. It is your shopfront, and Click builds it for you under Portal Builder.

What it does on its own

You do not have to configure any of this:

• Shows your packages, with current prices, pulled live from Click every time it opens
• Takes the customer's phone number and starts the mobile money prompt
• Shows the login box for customers who already have a username and password
• Works in Swahili and English

Because packages are read live, changing a price never means rebuilding the page. Edit the package, and the page shows the new price the next time anybody opens it.

Building one

1. Open Portal Builder.
2. Pick a starting template under Basics.
3. Upload your logo, and set your main and background colours.
4. Work through Design, Words and Options if you want to change wording or layout. The preview beside the controls updates as you type.
5. Give it a name and press Save template.
6. Choose the router from the dropdown on the saved template and press Assign.

A template that is not assigned to a router does nothing. This is the single most common reason a new site shows a blank or default login page.

The preview

The preview on the right is the real page, running the real code, with your real packages. If you have not created any packages yet it borrows a few examples and says so on screen, so you do not mistake "Monthly 20,000" for something you actually sell.

Switch between Desktop and Phone. Check Phone. Almost every customer you will ever have is on a phone.

Your logo

Keep it small, under about 100 KB. The logo is stored inside the page itself so it loads instantly for a customer who has no internet yet, which is the whole point, but a large image makes the page slow to appear.

PNG, JPG and SVG all work. A transparent PNG looks best on a coloured background.

Words

Everything a customer reads can be changed under Words, in both languages. The defaults are written for someone who has never used a paid hotspot, so change them only if you have a reason; "Nunua sasa" is clearer to most Tanzanian customers than anything more formal.

Custom HTML

If you or somebody you hire writes web pages, the Custom code tab lets you download a starter file, edit it anywhere, and upload it back. What you upload is served exactly as-is; the builder controls no longer apply to it.

This is a developer feature. If you are not sure whether you want it, you do not.

One template, many routers

You can assign the same template to every router you own, or build a different one per site. Most operators use one and let the router's own WiFi name distinguish the sites.