Make it feel
like their business.

1. Start with the real business

Use the barber content workbook to gather services, actual prices, haircut and beard scope, appointment lengths, booking, arrival and cancellation arrangements. The included Standard Issue business is fictional. Do not invent customer reviews, insurance claims or professional certifications.

First time? Try the sample customization exercise.

2. Prepare the website settings

Open the setup form. Update the business details, three barber services, preparation notes, FAQs and image information. Replace the illustrative prices with the business’s approved prices. Leave a price empty for estimate-only work. This kit’s homepage chooser shows the selected service’s saved price as well as its name; check both the chooser and service menu after editing. Download site-config.js and replace that file in a copy of the kit’s website folder.

Continue later: use “Reopen your saved settings” in the setup form. Choose a settings file previously downloaded from that form, review the business name and choose “Use these settings.” This replaces the form entries only after you choose to apply it. Download unsaved work first. The file stays on your device and preview mode remains enabled. Handwritten JavaScript is not supported by the importer.

Entries are not sent or saved automatically. Download before leaving the form. The settings file is public: do not include customer records, passwords or private appointment notes.

3. Review the design and content

Open both website/index.html and website/services.html. The shared settings fill in business details, packages, preparation information and FAQs. Each service has an editable “Homepage choice button” label in the setup form. Give it wording that matches the service; the label and service stay linked when you export and reopen settings. Other fixed copy remains in the HTML and should be reviewed for the actual business.

Edit colors in the opening variables of website/style.css. Replace remaining fictional details, page metadata and fixed homepage statements with accurate client content. Search the website folder for Standard Issue and Denver before a real launch.

The original generated shop illustration is not the actual business premises or client work. Retain its disclosure during evaluation. For a real portfolio, obtain authorized photography, place it in website/assets, then set the image path, alternative text and caption in the setup form.

4. Choose the inquiry destination

In a configured website with demo mode off, service links open the chosen public inquiry page or call the valid business number when no online destination is available. Texting appears only when enabled. Online links show the destination’s domain so customers can see where they will continue. Confirm the exact business and number before launch; these labels do not verify the destination or complete a booking.

Use the client’s existing public HTTPS inquiry or booking page, their public Korvo intake form, or calls and texts. Korvo requires a separate workspace. The kit does not provide a booking system, payment processing, CRM synchronization or automatic follow-up.

Leave demo mode enabled for evaluation. After commercial-use approval and actual client checks, set demoMode to false in the installed settings. Verify the destination belongs to the correct business and that an authorized test request reaches its intended recipient. A request is not a confirmed appointment.

5. Check and hand over

Check both pages on a phone and a larger screen, with enlarged text and keyboard navigation. Confirm service selection opens the correct service section, prices and exclusions are accurate, and contact actions behave correctly for the agreed destination.

Use the client handoff builder to record account ownership, inquiry delivery proof, support terms and outstanding work. Its checkboxes record your own assessment; they do not run tests. Download the handoff document before closing.

6. Publish the website files when ready

Hosting and domains are separate. Publish only the contents of the website folder to the client’s chosen static hosting service, preserving paths. The guide and handoff tools are not the client’s public website. Configure final metadata, policies and agreed support details before publication.

Keep an editable handoff draft

In the client handoff builder, choose Save editable draft to keep a .json file of your project notes and recorded checks. Return to the same kit’s handoff builder, choose that file, review its project name and choose Use this draft. Nothing replaces your entries until you apply it. Save current work before applying another draft.

The editable draft is separate from Download handoff document, which prepares the readable client document. Neither file sends a message, runs a check or establishes client approval. Saved checkboxes are previous notes to review, not fresh verification. Keep passwords, access codes and private client records out of both files.

Keep your current edits

If setup cannot prepare a download, the summary at the top of the form lists the details to fix. Choose a link to focus the matching field. Correct its value and try the download again; your other entries stay in place. Optional prices can remain blank for estimate-only work. Zero is a real price, not a placeholder.

Setup and handoff show when changes have not been included in a new download. Download your settings or editable handoff draft before leaving. A download request cannot confirm that your device saved the file; check your downloads before closing.

Reopening a saved file sets the starting point for new edits. If you change the form while another file is being read or waiting to apply, choose that file again to replace the newer entries. This prevents an older pending import from overwriting work unexpectedly.

The preview asks before switching away from edited work. Choose Keep editing or press Escape to stay on the same page. Choose Leave without saving only when you are ready to discard the changes that are not in a new download. Changing preview width keeps the current form. Your browser may also warn before leaving a full page with edits, but do not rely on that warning on every device. Nothing is saved automatically.

The readable client handoff document does not contain a reopenable draft. Use Save editable draft to keep editing later.