A function of your portal, in full

A sign-in page that looks like your shop and keeps strangers out

The sign-in page is the door of your portal: every customer, dealer and tuner passes through it, and a stranger decides there whether the shop behind it is real. You write what it says, choose how it looks, and decide how hard it is to get in without being who you say you are.

The sign-in page does two jobs at once. To a customer who already has an account it is a form: an email, a password, a button. To somebody who has just followed a link from a forum or a Facebook group it is the only page of your shop they can see, so it has to say what you do, what happens after they register and, if you wish, what a file costs. The portal gives that page two halves: a panel about your service and the form beside it.

Three sections of Settings decide everything about it. Sign-in page, under Brand and look, holds the words, the picture, the moving figure, the highlights, the six offers, the steps, the prices and the links. Signing in, under Security, holds the second sign-in step for your team and your customers and the Sign in with Google button. Bot checks, also under Security, puts a person check from Cloudflare on the sign-in, sign-up and forgotten-password forms.

None of it needs a designer. Every text field left empty shows a standard line, translated into the language the visitor reads; type your own and it shows exactly as typed. Every switch that needs keys from outside, Google or Cloudflare, comes on only after a live test has passed with those keys, so a typing mistake never locks anyone out.

A portal for dealers who already know you can drop the selling half entirely and show the form alone. A portal that takes new customers from the public keeps it, and is better for every line you rewrite in your own words.

A shop's day without it

Without it, the shop sends new customers to a page that looks like every other portal: a stock greeting, somebody else's colours and promises the shop never made. Nobody learns what a file costs or how a job goes until they have registered and looked around, so half of them write on WhatsApp instead. Behind the form, one password reused on a leaked forum is all that stands between a stranger and the shop's library, and the mornings start with clearing fake accounts that bots opened overnight.

The first page anyone sees

Your name on the door, on the phone a customer holds.

A customer follows your link from a forum or a group and lands here, usually on a phone. The page carries your words, your picture and your colours, and the form asks only what you decided it should ask.

Brackenford PerformanceYour sign-in code has arrived by email

now

Brackenford PerformanceSign in

EmailThe address on the account
PasswordHidden as it is typed
Person checkPassed, usually without noticingCloudflare
Second stepA code from an app, or by emailnext

Sign inSign in with Google

Drawn from the portal; a sample shop. Your page carries your name, picture and colours.

Two halves, or the form aloneA panel about your service and the form beside it. A portal for dealers who already know you switches on Plain sign-in page and shows the form alone; what you wrote for the panel stays saved.
Your words, or a standard lineThe tagline, the headline, the highlights, the offers, the steps, the form's heading and its button. A field left empty shows a standard line in the language the visitor reads; your own shows exactly as typed.
Your picture and your coloursColourful or Calm, one of the three drawn backdrops or your own photo with its fit, position, movement, blur and shade, and the figure beside the form or your own mark.
Google, under your own nameThe Sign in with Google button runs under an app in your own Google Cloud console, so the consent screen shows your name. It goes on the page only once a test with your own account has passed.
A person check you choose form by formThe Cloudflare Turnstile check, with the keys of your own widget, on sign-in, sign-up and forgotten password, each with its own switch.

One sign-in, with every guard on.

What a person passes between opening the page and reaching their first page inside, when the bot check and two-step sign-in are both switched on.

The page opensIn your look, with your words. To a stranger it says what you do and what happens after they register; to a customer it is a form.
The person checkBefore the form is accepted, Cloudflare checks that a person is sending it. Most people pass without noticing; a bot opening accounts overnight does not.
Password, or GoogleThe email and password, or the Sign in with Google button. Google is not a second step: where two-step sign-in is required, it still follows.
The second stepA code from an authenticator app or a code by email, whichever that person chose in their profile.
Nothing set up yet?Where you require it, a person without a second step is sent to the setup page on their next visit, before any other page opens, and carries on once it is set.
InsideThe portal opens. One reused password leaked on a forum is no longer enough to reach your library.

An administrator can excuse one account from the second step for a reason; every such change is written to the audit log.

A wrong key never locks anyone out.

Google sign-in and the bot check both need keys from outside. Each comes on only after the portal has tried those keys for real.

Paste the keysThe client ID and secret of your Google app, or the site key and secret key of your Turnstile widget.
Run the live testIn the panel, with your own Google account or your own widget. Until it passes, the switch stays off and the pages are as they were.
It goes onThe button appears on sign-in and sign-up; the check appears on the forms you chose.
Change a key laterThe button comes off the pages, or the check pauses itself, until the new keys pass the same test.

What you find on it

Sign-in page

Settings → Brand and look → Sign-in page. This section decides what a visitor sees before they sign in: the look of the page, the backdrop or your own photo, the figure beside the form, the headline, the three highlights, the "Why choose us" block with its six offers, the "How it works" steps, the prices, two links, the feature badges and the words of the form itself. The settings follow the page from top to bottom, and the ones that belong to a switch open only when that switch is on.

Its settings, one by one (70) ›

Signing in

Settings → Security → Signing in. Three switches decide how people prove who they are: a second sign-in step required from your team, the same from your customers, and a Sign in with Google button that runs under your own Google app. The second step is an authenticator app or a code by email, chosen by each person in their profile.

Its settings, one by one (3) ›

Bot checks

Settings → Security → Bot checks. One main switch turns on the Cloudflare Turnstile check with the keys of your own widget, once a live test with those keys has passed. Three switches under it choose which forms carry the check: sign-in, sign-up and forgotten password.

Its settings, one by one (4) ›

How it works

Open Settings, then Brand and look, then Sign-in page. Decide first whether the page shows the panel about your service or the form alone (Plain sign-in page).
Choose the look, Colourful or Calm, then the backdrop: one of the three drawn ones, or your own photo with its fit, position, movement, blur and shade.
Write the top of the panel: the tagline beside your logo, the two-line headline and the sentence under it. Pick the figure beside the form or upload your own mark.
Work down the panel: the three highlights, the six offers, the three steps, then prices, links and badges. Leave empty whatever the standard line already says well; it stays translated for every visitor.
Set the words of the form: its heading, its line, the button, and the sentence that invites a visitor to register.
Open Settings, then Security, then Signing in. Require the second step for your team, decide whether customers need it too, and set up Sign in with Google if your customers ask for it.
Open Bot checks, paste the two keys of your Cloudflare Turnstile widget, run the live test and choose which of the three forms carry the check.
Open the sign-in page in a private window, on a phone as well as a desktop, and read it as a stranger would.

Who it is for

The ownerWrites the door of the shop once: the words, the photo, the promise. Decides who needs a second step and switches the bot check on before the portal is public.
Your teamSigns in with a password and a second step, so a leaked password alone never opens the shop's customers, files and prices.
Your customersSees what the shop does, how a job goes and what it costs before registering, then signs in with a password or with Google, in their own language.
Your dealersLands on a plain form in the master's brand, signs in and gets to work; their files and credit sit behind a second step when the master requires one.

Every setting, explained

Sign-in page

70 settings

Sign-in page colour

The single colour the Calm look uses for links and icons. It opens only under Calm and does nothing while the page is Colourful. Only a proper colour from the picker is taken.

How it comes: Empty: the Calm look uses its own colour.
When to change it: Set it right after choosing Calm. It touches the sign-in page alone; the portal's own colours are under Theme and colours.
For example: The orange of the shop's van, picked once, so the door matches the invoices.

Sign-in animation

The small moving figure beside the form. Every figure is drawn in the page itself.

Cat A drawn cat whose eyes follow the pointer across the page.
ECU chip A chip with circuit traces that pulse.
Neural network Dots and lines that move like a small network.
Equaliser Bars that rise and fall like a sound level.
Turbo A turbo wheel that spins.
Geometric A grid of shapes that shifts.
Minimal No figure; the form still slides in.
None No figure and no entrance animation at all.
Your own picture The logo mark or mascot you upload, shown still.

How it comes: Cat.
When to change it: Pick it once when you dress the page. Choose None when customers sign in on slow phones or you want nothing moving.
For example: A turbo specialist picks the spinning turbo; a quiet trade portal picks None.

Sign-in background style

The moving backdrop the portal draws behind the form while no picture of your own is shown. It is drawn in the page itself; nothing is loaded from outside.

Horizon A starfield over a horizon.
Neural Dots and lines that drift and link up, with soft glows.
Tuning map A calibration map drawn as a wire surface, the view a tuner knows.

How it comes: Horizon.
When to change it: Choose it while you have no photo worth the screen. Once your own picture is on, the choice is kept but not shown.
For example: A file service with no workshop to photograph picks Tuning map; its customers recognise the view at once.

Picture movement

How your photo moves behind the form.

Still The picture does not move.
Slow pan and zoom A gentle drift across the picture while it zooms in a little, and back.
Slow zoom The picture zooms in slowly and eases back.
Pan left A slow slide to the left and back.
Pan right A slow slide to the right and back.
Brightness pulse The picture stays put and brightens softly, then dims.
Follows the mouse Shown on the live page as the slow pan and zoom.
Cinematic The slow pan and zoom, with the shade over the picture breathing slowly.

How it comes: Slow pan and zoom.
When to change it: Pick it with the preview open. A wide landscape takes a pan well; a busy photo, or one with text in it, reads better still.
For example: A night shot of the forecourt drifts slowly; the logo on the wall stays readable because the shop chose Slow zoom over a pan.

Movement speed

The pace of whichever movement is chosen.

Slow A drift you feel rather than see.
Medium A steady glide, noticed without being watched.
Fast A movement seen at once.

How it comes: Slow.
When to change it: Leave it on Slow unless the preview says otherwise: the form should stay the quietest thing on the page.
For example: With the brightness pulse, which is short by nature, a shop tries Medium and keeps it.

Sign-in picture blur

A slider that softens your photo: sharp at the left, a wash of the photo's colours at the far right. It only softens; darkening is the shade's job.

How it comes: No blur.
When to change it: Add a little when the photo has fine detail, text or faces. Leave it sharp for a clean shot of one car.
For example: A wall of tools behind the form fights the fields until a touch of blur quietens it.

Colour fringe effect

Meant to add a slight colour fringe to the edges of your photo. The switch is saved, but the sign-in page as it is drawn today does not show the fringe.

How it comes: Off.
When to change it: Leave it off. It changes nothing a visitor sees for now; the grain and the dark corners are the effects that show.
For example: A shop that switched it on and saw no change did nothing wrong.

Sign-in background picture

Puts your own photo behind the form in place of the drawn backdrop, with a shade over it so the fields read. Uploading a picture switches it on by itself; switching it off brings the drawn backdrop back and keeps your file.

How it comes: Off.
When to change it: Switch it on when you have a wide, sharp photo of the shop, a car or the dyno. A poor photo does more harm than none.
For example: The workshop at dusk with a car on the rollers, filling the screen behind the form.

Gradient bottom colour

The colour at the bottom of that same fade. It pairs with the top colour; see Gradient top colour.

How it comes: A navy that is nearly black.
When to change it: Change it together with the top colour, and keep it the darker of the two so the page settles towards the bottom.
For example: The same shop ends its green fade in black.

Gradient top colour

The colour at the top of the sign-in background while no picture is shown. The page fades from this colour down to the bottom one, behind the drawn backdrop.

How it comes: A dark slate blue.
When to change it: Change it only when the standard night-sky tone clashes with your brand. Keep it dark: the form and the white text sit on it.
For example: A shop with a deep green brand sets a near-black green at the top.

Film grain effect

Lays a fine film grain over your photo. It needs your own sign-in picture, and it is dropped for visitors whose portal runs in its power-saving mode.

How it comes: Off.
When to change it: Try it on a photo that looks too clean or too digital. Leave it off on a photo that is already noisy.
For example: A phone photo of the dyno cell looks like a magazine shot with grain and a strong shade.

Picture shade colour

The colour of the shade laid over your photo so that white fields and text read against it.

How it comes: A deep navy, nearly black.
When to change it: Leave it for almost any photo. Change it when you want the photo tinted towards your brand, and keep it dark.
For example: A dark red shade over a photo of a red track car, so the whole page leans one way.

Picture shade strength

How strongly that shade covers the photo, in percent: at the left the photo shows as it is, at the right it is a hint beneath near-black.

How it comes: A little over half strength.
When to change it: Raise it for a bright or busy photo, lower it for a night shot that is already quiet. Judge it with the form in view.
For example: A sunny forecourt photo needs the shade well up before the email field reads cleanly.

Picture position

Which part of the photo stays in view when it is cropped to fit: the centre, the top or bottom, the left or right, or one of the four corners. On a tall phone screen this decides what a customer sees at all.

How it comes: Centre.
When to change it: Set it whenever the subject of the photo is off centre, and check the result on a phone.
For example: The car is parked on the right of the frame, so the shop chooses Right and the car survives the crop.

Picture fit

How your photo meets the screen.

Fill the screen No bare edge; what spills over is cropped.
Show it whole All of the picture, with dark space where the shapes differ.
Original size The file at its own size, neither scaled up nor down.

How it comes: Fill the screen.
When to change it: Keep Fill the screen for photos. Show it whole suits a poster with text in it; Original size suits a pattern.
For example: A shop that uses its event poster as the picture shows it whole and accepts the dark bands.

Sign-in picture file

The photo itself: a JPG, PNG or WebP kept in your portal's own upload folder. A new upload replaces the old one; ticking Remove deletes it and the drawn backdrop returns.

How it comes: No file.
When to change it: Upload a photo that is wide, sharp and free of small text. Replace it when the shop changes; remove it rather than keep one you have stopped liking.
For example: A shop moves premises and swaps the photo the same afternoon.

Dark corners effect

Shades the edges of the photo inwards and leaves the middle alone, so the eye goes to the form.

How it comes: On whenever your own picture is shown.
When to change it: Leave it on for any photo. Switch it off for a flat graphic, a pattern, or a photo already dark at its edges.
For example: A shop using a carbon-weave pattern switches it off so the weave reads evenly.

Your own sign-in picture

The file shown beside the form when Sign-in animation is set to Your own picture: a small SVG, PNG or WebP, still, at a modest size, with a soft glow beneath it.

How it comes: No file.
When to change it: Use a mark that works small: a symbol, a mascot, a badge. A long wordmark reads badly at this size; that belongs in the logo setting.
For example: The shop's bulldog mascot from its stickers sits beside the form.

First highlight icon

The icon over that word: the name of an icon from the Bootstrap Icons set, the one the portal draws all its icons from.

How it comes: Empty: a lightning bolt.
When to change it: Change it with the word. Speed keeps the bolt; hours want a clock.
For example: bi-clock, beside "Same day".

First highlight text

The word on the first card. While empty, the standard word is translated for each visitor; your own word shows exactly as typed, in every language.

How it comes: Empty: "Fast".
When to change it: Write your own when the shop has a promise it keeps. Keep it empty if customers read the portal in several languages.
For example: "Same day"

Second highlight icon

The icon of the middle card, named as for the first.

How it comes: Empty: a shield with a tick.
When to change it: Change it only when the word changed and the shield no longer fits. For "Safe" or "Protected", leave it.
For example: bi-speedometer2, beside "Dyno tested".

Second highlight text

The word on the middle card. It follows the rule of the first highlight: empty means the translated standard.

How it comes: Empty: "Secure".
When to change it: Write a word or two when "Secure" is not the promise you make. There is no room for a sentence.
For example: "Dyno tested"

Third highlight icon

The icon of the last card, named as for the first.

How it comes: Empty: an award ribbon.
When to change it: Set it when the third word changes meaning. The ribbon still fits "Trusted" or "Proven".
For example: bi-chat-dots, beside "Tuner answers".

Third highlight text

The word on the last card of the row, the place for what you are best known for.

How it comes: Empty: "Reliable".
When to change it: Write your own when you have something better than a general word. Leave it empty for a portal read in several languages.
For example: "Tuner answers"

Sign-in button word

What the button at the end of the sign-in form says. The button of the register tab keeps its own words.

How it comes: Empty: the standard sign-in words.
When to change it: Change it to match the form heading or your customers' language. Keep it short; a long label wraps on a phone.
For example: "Open my files"

Sign-in form line

The one line of smaller text between the heading and the first field.

How it comes: Empty: a line saying you sign in to your dashboard to manage files.
When to change it: Write your own to say something the standard line does not. One sentence is enough.
For example: "Customers and dealers sign in here. Lost your password? Use the link below."

Sign-in form heading

The heading that opens the form.

How it comes: Empty: "Welcome Back".
When to change it: Change it when the greeting is in the wrong language or tone. A few words: it is large and fills the form's width on a phone.
For example: The shop's name, or a plain "Sign in".

Sign-in headline, first line

The first of the two big lines that open the panel. It is written to read as one sentence with the second line.

How it comes: Empty: the page says "Professional".
When to change it: Write it at setup with the second line. Two or three words: the type is large and a long line pushes the panel down on a phone.
For example: "Honest"

Sign-in page subtitle

The one sentence under the headline: what a visitor can send you and what they get back.

How it comes: Empty: a standard sentence about fast, reliable and secure file solutions.
When to change it: Write it in the words your customers use: which vehicles, which files, how they come back.
For example: "Send the read, pick the stage, download the tuned file the same working day."

Sign-in tagline

The short line under your portal name, beside the logo. The same line is used in the browser tab of the pages anyone can open and on the registration page.

How it comes: Empty.
When to change it: Write it once, in the few words you would print on a business card. Remember the browser tab shows it too.
For example: "Remaps and file service since the diesel days."

"How it works" heading

The small heading in capitals above the three steps.

How it comes: Empty: "How it works", translated for each visitor.
When to change it: Change it only when you rewrote the steps and the heading should match them.
For example: "From read to road"

Link 1 words

The words of the first of up to two links under your offers, each followed by an arrow. A link shows only when it also has an address.

How it comes: Empty: no link.
When to change it: Use it for the page visitors ask for most. A portal for existing customers can leave both links empty.
For example: "See all prices"

Link 1 address

Where the first link goes. The link is drawn only when this is a full web address or a page of the portal, so a half-typed one never reaches a visitor.

How it comes: Empty.
When to change it: Set it with the words, and check it whenever the page it points to moves.
For example: The portal's own price list page.

Link 2 words

The words of the second link, for the next most common question. It follows the rule of the first.

How it comes: Empty: no second link.
When to change it: Add it only when there is a real second page worth it: one good link reads better than two weak ones.
For example: "Which tools we support"

Link 2 address

Where the second link goes, read the same way as the first address.

How it comes: Empty.
When to change it: A page of the portal is the safe choice because it moves with the portal; a page on your website needs checking when the website changes.
For example: The tools page of the shop's own website.

Sign-in page look

The mood of the whole page.

Colourful A glow behind the form, gradients on the headline and the icons, several colours at once.
Calm Plain surfaces, no glow, and one colour of your choosing for links and icons.

How it comes: Colourful.
When to change it: Choose Calm when your brand is plain or your logo has one colour. Keep Colourful when you like the page as it comes.
For example: A shop with a black and orange logo picks Calm and sets orange as the one colour.

Prices heading

The small one-line heading over those figures.

How it comes: Empty: "What it costs".
When to change it: Write it when the standard heading is in the wrong language or tone. Keep it short.
For example: "A file from"

Line under the prices

One short line under the figures, for what they do not cover.

How it comes: Empty: a line saying the price on the order page, before you pay, is the one that counts.
When to change it: Write your own when the figures leave something out: tax, an extra for certain vehicles. Replace the standard line only with one at least as honest.
For example: "Prices before VAT. Trucks cost more; the order page shows the exact figure."

Register link word

The words of that link.

How it comes: Empty: "Register Now".
When to change it: Change it to set the right expectation, above all when you approve each new customer by hand.
For example: "Ask for an account"

Line before the register link

The short question under the form, just before the link that switches the page to the registration form.

How it comes: Empty: a line asking whether the visitor has an account.
When to change it: Change it for a warmer tone or another language. Written well, it and the link make one sentence.
For example: "New here?"

Feature badges

A row of small badges at the bottom of the panel, made by the portal from what is switched on: the secure connection, card payments, the Telegram or WhatsApp channel, dyno sheets, VAT and so on. Nothing shows that the portal does not have.

How it comes: On.
When to change it: Leave it on for a portal that sells to the public. Switch it off when the panel runs long on a phone.
For example: A shop switches card payments on and the badge appears without anyone editing the page.

"How it works" steps

Shows or hides three numbered steps under a small heading: the shortest explanation of the service there is.

How it comes: On: upload the original file, choose the vehicle and the options, download the finished file.
When to change it: Keep it on for a portal that takes customers from the public. Switch it off for dealers who already know the way.
For example: A shop whose link already leads to a page with the same steps hides them here.

Prices on the sign-in page

Answers "what does a file cost" from your own settings: the lowest-priced active stage, the top stage when it costs more, and what a file comes to in your best-value credit pack. Nothing is typed, so the door changes when your prices do.

How it comes: Off.
When to change it: Switch it on when you sell at a known price. Leave it off when the price depends on the car or the customer, or on a dealer portal.
For example: A shop tired of answering the same price question by email lets the page answer it.

Three highlights

Shows or hides the row of three small cards under the headline, each an icon over a word.

How it comes: On, saying Fast, Secure and Reliable.
When to change it: Keep it on and write the three words yourself. Switch it off when the panel must be shorter on a phone or the words would repeat the headline.
For example: "Same day", "Dyno tested", "Tuner answers".

"Why choose us" block

Shows or hides the biggest block of the panel: a heading, a small badge and a grid of six offers, each with an icon, a title and a line.

How it comes: On, with six standard offers about turnaround, secure files, vehicle coverage, credits, support and tracking.
When to change it: Keep it on for a portal that takes new customers and rewrite the six: the standard ones are true of any portal, yours should be true only of you.
For example: A dealer-only portal hides it; its dealers chose the master long ago.

Plain sign-in page

Shows only the sign-in form, centred on the same backdrop, without the panel about your service. Everything you wrote for the panel stays saved and returns when you switch this off.

How it comes: Off: the panel and the form both show.
When to change it: Switch it on when every visitor is already a customer: dealers, a closed trade portal. Leave it off while strangers find the shop through the portal.
For example: A master whose portal serves only its own dealers shows the form alone; nobody there needs to be sold to.

Step 1 text

The first step: how a job starts. Your own line shows as typed; empty brings back the standard one, translated.

How it comes: Empty: upload your original ECU file.
When to change it: Change it when a job with you starts another way: a tool you lend, a booking, a form.
For example: "Book a slot and bring the car."

Step 2 text

The second step: the middle of a job.

How it comes: Empty: select your vehicle and the tuning options, which is what the request form asks.
When to change it: Change it when the middle of your job is a conversation or a quote rather than a form.
For example: "We read the ECU and agree the tune with you."

Step 3 text

The third step: how a job ends.

How it comes: Empty: download your modified file when it is ready.
When to change it: Change it when your ending is not a download: you flash the car in the shop, or post a tool back.
For example: "Drive away the same afternoon, with the dyno sheet in your account."

Sign-in headline, second line

The second big line: the one that names what you do.

How it comes: Empty: the page says "ECU File Service".
When to change it: Set it with the first line, and change it when the service changes. Keep it short; a long line wraps.
For example: "Truck and tractor tuning", under a first line of "Honest".

Offer 1 icon

The icon in the tinted square of the first card: a Bootstrap Icons name, written like bi-tools.

How it comes: Empty: a clock.
When to change it: Change it with the title. A clock says speed without words.
For example: bi-stopwatch

Offer 1 line

The line under the first title.

How it comes: Empty: a line saying files come back fast, with priority options.
When to change it: Change it when the shop has no priority service; otherwise the line promises something you do not sell.
For example: "Sent before four, back the same working day."

Offer 1 title

The title of the first of the six offers, the one read before the others. Each offer is a family of three settings: a title, a line and an icon.

How it comes: Empty: "Quick Turnaround".
When to change it: Change it when speed is not your first promise. A few words; the card is small.
For example: "Back in two hours"

Offer 2 icon

The icon of the second card.

How it comes: Empty: a locked file.
When to change it: Leave the padlock while the card is about file safety.
For example: bi-shield-check

Offer 2 line

The line under the second title. A customer sending a read of their own car reads this one twice.

How it comes: Empty: a line saying files are encrypted and stored on the shop's servers.
When to change it: Write it when you write your privacy page, so the two agree.
For example: "We keep your original read and never pass it to anyone."

Offer 2 title

The title of the second offer, the card about trust.

How it comes: Empty: "Secure File Transfer".
When to change it: Keep it while files are what customers trust you with; sharpen it into your own words if you like.
For example: "Your original, kept safe"

Offer 3 line

The line under the third title.

How it comes: Empty: a line about a great many vehicles and ECU types.
When to change it: Write your real list: petrol and diesel, cars and vans, or an honest "ask first" for the rest.
For example: "Agricultural and haulage engines; for anything else, ask first."

Offer 3 title

The title of the third offer: where a shop says what it works on.

How it comes: Empty: "Wide Vehicle Coverage".
When to change it: Change it when you are a specialist and want to be found as one, or when the standard title claims more than you do.
For example: "Trucks and tractors only"

Offer 4 icon

The icon of the fourth card.

How it comes: Empty: a bank card.
When to change it: Keep the card while the offer is about paying online; a wallet or a receipt suits other ways.
For example: bi-wallet

Offer 4 line

The line under the fourth title.

How it comes: Empty: a line saying credits are bought and used whenever, with no subscription.
When to change it: Change it whenever your way of selling changes.
For example: "No account balance to top up: you pay for the file you order."

Offer 4 title

The title of the fourth offer, the card about money. A visitor decides whether to register partly on this card.

How it comes: Empty: "Flexible Credits".
When to change it: Change it when you sell differently from credits: by the job, or billed monthly to dealers.
For example: "Pay per file by card"

Offer 5 icon

The icon of the fifth card.

How it comes: Empty: a headset.
When to change it: A chat bubble or a telephone fits a shop that names its channel.
For example: bi-chat-dots

Offer 5 line

The line under the fifth title.

How it comes: Empty: a line promising tuning engineers who are there to help.
When to change it: Change it when the hours or the channel change, so the promise stays true.
For example: "Messages in the portal, answered in opening hours by the person who tuned your file."

Offer 5 title

The title of the fifth offer, which speaks for the people behind the portal.

How it comes: Empty: "Expert Support".
When to change it: Make it concrete when you have a way of helping worth a title.
For example: "The tuner answers you"

Offer 6 icon

The icon of the sixth card.

How it comes: Empty: a rising graph.
When to change it: Change it with the title; under another promise the graph reads as sales figures.
For example: bi-arrow-repeat

Offer 6 line

The line under the sixth title.

How it comes: Empty: a line promising status updates on every file request.
When to change it: Write it once you know which emails and notices your customers really get.
For example: "If the car does not drive right, we look at the file again at no charge."

Offer 6 title

The title of the sixth offer, the last thing read before the form.

How it comes: Empty: "Track Everything".
When to change it: Change it when you have a closing promise stronger than tracking.
For example: "A second look, free"

"Why choose us" badge

The phrase in the small green pill with a tick, beside that heading. It reads as a stamp, so it should be earned.

How it comes: Empty: "Trusted by professionals".
When to change it: Change it when you have something worth stamping: a membership, a certification, a plain promise. A few words only.
For example: "Every file dyno checked"

"Why choose us" heading

The short heading in small capitals over the six offers. It frames them: a question or a claim the cards answer.

How it comes: Empty: "Why choose our file service", translated.
When to change it: Write it when you write the six cards. Keep it short; small capitals lose their shape in a long line.
For example: "Why dealers stay with us"

Signing in

3 settings

Sign in with Google

Puts a Sign in with Google button on the sign-in and sign-up pages. It runs under a sign-in app you make in your own Google Cloud console, so the consent screen shows your name. Switching it on opens the fields for that app's client ID and secret and a test with your own Google account; the button goes on only once that test has passed. Change a key later and the button comes off the pages until the new one passes. It is not a second step: where two-step sign-in is required, it still follows.

How it comes: Off.
When to change it: Set it up when your customers are mostly on Google accounts and forgotten-password emails pile up. Leave it off if you would rather keep every sign-in under a password.
For example: A customer who uploads once a month used to forget the password every time and send the file on WhatsApp instead. Now he presses one button.

Two-step sign-in for customers

Requires a second step from every customer account. A customer who has none lands on the setup page on their next visit, with a note that two-step sign-in is needed to continue, and carries on as before once it is set. They choose an authenticator app, such as Google Authenticator, Microsoft Authenticator or Authy, or a code by email. An administrator can let a single account off the rule from that person's page; the change goes to the audit log.

How it comes: Off.
When to change it: Switch it on when customer accounts hold files or credit worth protecting, and give notice first. A shop with many one-off customers may prefer to require it of the team only.
For example: A dealer's password turns up in a leak from another site. Without the second step, whoever holds it could download every file that dealer ever bought.

Two-step sign-in for your team

Makes a second sign-in step a condition of working in the admin side of the portal. A staff member who has not set one up is sent to the setup page on their next visit, before any other page opens. Each person chooses an authenticator app or a code by email. An administrator can excuse one account for a reason, and every such change is written to the audit log. Demo sign-ins are never asked.

How it comes: Off.
When to change it: Switch it on the day a second person gets a staff account, and leave it on. A staff account sees every customer, every file and every price; one reused password should not be enough to reach them. In a one-person shop, your own second step does the same job.
For example: A tuner reuses his password on a forum that later leaks. With the rule on, the leaked password alone opens nothing; the thief has no code.

Bot checks

4 settings

Cloudflare Turnstile check

Asks each visitor to pass a small person check from Cloudflare before a form is accepted. It uses the site key and secret key of your own Turnstile widget; a free Cloudflare account is enough, with your portal's domain listed on the widget. The check goes on only once the saved keys have passed a live test in the panel, and it pauses itself when a key is changed until the new pair passes, so a wrong key can never lock everybody out.

How it comes: Off.
When to change it: Switch it on as soon as the portal is public, before the first wave of bots finds it. Leave it off only on a portal nobody outside your team can reach.
For example: A shop wakes to a queue of fake accounts and a sign-in page hammered with guessed passwords. With the check on, the next morning's list holds only people.

Check on the forgotten-password page

Asks for the check before a request for a new password is accepted, once Turnstile is on. This is the page bots like best, because every address they try sends an email in your name. A bot that cannot pass the check sends none.

How it comes: On as soon as Turnstile is on.
When to change it: Leave it on. Take it off only if the check itself gives customers trouble on that one page, and put it back the moment reset emails start going out unasked.
For example: Customers stop writing in to ask why they received three password emails they never requested.

Check on the sign-in page

Asks for the check before a sign-in is accepted, once Turnstile is proved and on. It chooses where the proven keys apply and does nothing by itself. Your team passes it once per sign-in, usually without noticing; two-step sign-in is separate and works alongside it.

How it comes: On as soon as Turnstile is on.
When to change it: Leave it on for any portal reachable from the internet. Take it off only where another gate your team controls already stands in front.
For example: Hundreds of failed sign-ins a night on the owner's account, never from the same address twice, stop reaching the form at all.

Check on the sign-up page

Asks for the check before a new account is created, once Turnstile is on. It does not replace sign-up approval: the check stops bots, approval lets you look at the people, and the two together keep the customer list clean with the least work.

How it comes: On as soon as Turnstile is on.
When to change it: Leave it on whenever anyone can open an account. If sign-up is closed and you create every customer yourself, it makes no difference.
For example: Fifty new names overnight, none of them real, used to wait in the approval queue every morning. The queue now holds two, both customers.

How shops use it

A door that sells for a shop open to the public

A two-person remap shop that takes customers from Facebook groups

The owner uploads a photo of the workshop, sets a slow zoom and raises the shade until the form reads. He rewrites the headline, turns the three highlights into promises the shop keeps, and replaces the six standard offers with his own. He switches prices on, so the page shows what a file costs from his own stages, and adds one link to his price list.

A stranger who follows a link sees a real shop, a real price and three steps, and registers without first asking on WhatsApp.

A plain door for a dealer network

A master whose portal serves its own dealers

Nobody at this door needs persuading, so the master switches Plain sign-in page on and picks the Calm look with the brand colour. Prices stay off; they are between the master and each dealer. Two-step sign-in is required for the team and for customers, because every dealer account holds paid files and credit.

Dealers get a quiet form in the master's brand, and a dealer's leaked password no longer opens that dealer's files.

The morning the bots arrived

A file service whose portal had been public for a month

The owner finds dozens of fake sign-ups and customers complaining of password emails they never asked for. She makes a Turnstile widget in a free Cloudflare account, pastes its two keys under Bot checks and runs the live test. It passes, the check goes on, and all three forms carry it from that moment.

The fake accounts stop, the reset emails stop, and real customers barely notice the check.

One button for customers who forget passwords

A shop whose customers upload a file every few weeks

Most of its customers forget the password between jobs. The owner makes a Google sign-in app under the shop's own name, saves its client ID and secret, and proves it with her own Google account. The button appears on the sign-in and sign-up pages.

Fewer reset emails, fewer files sent around the portal, and a consent screen that shows the shop's name.

Where it helps, and its limits

Where it helps most

When new customers reach you through a link and the sign-in page is the first thing of yours they see.
When customers read the portal in several languages: every standard line you leave empty is translated for each visitor.
When you are tired of answering "how much is a file": the page reads the answer from your own prices.
When more than one person has a staff account, and a single reused password could open the whole shop.
When the portal is public and bots have found the sign-up and forgotten-password forms.
When the portal serves dealers only and the page should simply let them in.

What it does not do

A line you type yourself shows exactly as typed, in every language; only the standard lines are translated for each visitor.
Google sign-in and the Turnstile check need your own Google app and your own Cloudflare widget. The portal tests the keys; it does not make the accounts for you.
The colour fringe switch is saved but the sign-in page does not draw it today, and "Follows the mouse" shows as the slow pan and zoom.
The panel holds six offers, three highlights, three steps and two links, no more. A longer story belongs on a page of your own that a link points to.

Which package

Sign-in page: From Solo, €35 a month.
Signing in: In every plan, Start included.
Bot checks: In every plan, Start included.

Prices in euros, a month, before tax, billed on the 1st. Every price ›

Questions shops ask

Can I put my own photo behind the sign-in form?: Yes. Upload a JPG, PNG or WebP under Sign-in page and the picture switches on by itself. You then choose how it fits, which part stays in view, how it moves, how much it is blurred and how strong the shade over it is.
Will the words I do not change be translated?: Yes. Every field left empty shows its standard line in the language the visitor reads the portal in. A line you type shows as typed, in every language, so on a portal read in several languages change only what matters.
Can I hide everything except the form?: Yes. Plain sign-in page shows the form alone, centred on the same backdrop. What you wrote for the panel stays saved for the day you switch it back.
Where do the prices on the sign-in page come from?: From your own stages and credit packs: the lowest-priced active stage, the top stage when it costs more, and what a file comes to in your best-value pack. You type nothing, and a line under the figures says the price on the order page is the one that counts.
What can a person use as the second sign-in step?: An authenticator app such as Google Authenticator, Microsoft Authenticator or Authy, or a code sent by email. Each person picks in their profile.
What if a tuner loses the phone with the authenticator?: An administrator can let that one account off the rule for the time being, and the change is written to the audit log. A person who can still sign in can switch to codes by email in their profile.
Is Sign in with Google a second step?: No. It replaces the password, not the second step. Where two-step sign-in is required, the person is still asked for it after signing in with Google.
Could a wrong Turnstile key lock everybody out?: No. The check is switched on only after a live test with exactly the keys saved. A pair that fails leaves the forms as they were, and a key changed later pauses the check until the new pair passes.
Does the bot check replace approving new customers?: No. The check stops bots from opening accounts; approval lets you look at the people who do. Many shops use both.
Which package do I need?: Dressing the sign-in page comes with Solo and above. Two-step sign-in, Sign in with Google and the bot check come with every package.

Guides that go deeper

Every function of the portal, each on its own page. All functions

Start my portal Every price

Name your portal. It is ready in under a minute.

Your name and logo
Files from any tool
Updates done for you
Moving in free on paid plans

You can change your portal's address from your account at any time, or add another to the same portal, free. More are coming: tunerengine.co.uk, tunerengine.uk and tunerengine.info, then new short ones made for portals.

A sign-in page that looks like your shop and keeps strangers out

A shop's day without it

Your name on the door, on the phone a customer holds.

One sign-in, with every guard on.

A wrong key never locks anyone out.

What you find on it

Sign-in page

Signing in

Bot checks

How it works

Who it is for

Every setting, explained

Sign-in page

Sign-in page colour

Sign-in animation

Sign-in background style

Picture movement

Movement speed

Sign-in picture blur

Colour fringe effect

Sign-in background picture

Gradient bottom colour

Gradient top colour

Film grain effect

Picture shade colour

Picture shade strength

Picture position

Picture fit

Sign-in picture file

Dark corners effect

Your own sign-in picture

First highlight icon

First highlight text

Second highlight icon

Second highlight text

Third highlight icon

Third highlight text

Sign-in button word

Sign-in form line

Sign-in form heading

Sign-in headline, first line

Sign-in page subtitle

Sign-in tagline

"How it works" heading

Link 1 words

Link 1 address

Link 2 words

Link 2 address

Sign-in page look

Prices heading

Line under the prices

Register link word

Line before the register link

Feature badges

"How it works" steps

Prices on the sign-in page

Three highlights

"Why choose us" block

Plain sign-in page

Step 1 text

Step 2 text

Step 3 text

Sign-in headline, second line

Offer 1 icon

Offer 1 line

Offer 1 title

Offer 2 icon

Offer 2 line

Offer 2 title

Offer 3 icon

Offer 3 line

Offer 3 title

Offer 4 icon

Offer 4 line

Offer 4 title

Offer 5 icon

Offer 5 line

Offer 5 title

Offer 6 icon

Offer 6 line