Setup & first use for Editable contractor portfolio website
This editable contractor portfolio website setup page covers editable contractor portfolio website template. First, choose one small task you can check by hand. Then follow the steps below and compare the result with your source information.
The download is an html website template and editor. This page explains one part of its use. For the full process, follow the ten linked guides in order or open the section you need. Keep your source notes with your working files.
Prepare your working copy
Extract the ZIP and open product.html in a current desktop browser. Review the template, replace its example business details and preview the result before exporting.
- Download and retain the original ZIP after your payment is verified.
- Extract the archive before opening any linked files.
- Use a new folder for this product and a separate copy for practice.
Check the supplied files
In this edition the package contains: LICENSE.txt, START-HERE.txt, example-backup.json, product.html. File names are useful when following the included instructions; do not rename dependencies until you understand their references.
Editable contact-based website template. Export HTML to your own host. Hosting, payments, customer accounts and live booking are excluded.
First-use checks
The product exposes these inputs: Business name; Headline; Description; Offer names; Prices; Contact details.
Look for Download JSON backup, Restore backup, Print / PDF, Load example in the interface. Check one small operation, inspect its result and save a copy before starting a full project.
Make the first session easy to repeat
First, choose a folder you can find again. Keep the source ZIP there and make a second folder for practice. This gives you a clean version if an edit goes wrong.
Next, note which browser or runtime you use. Follow the steps with a small test case. After the test, close the tool and open it again. Check what remains and which files you need to save yourself.
Details to check in this product
- Headline: confirm the source and keep a clear reference.
- Description: check the value against your practice case.
- Offer names: review the result before you save or share it.
- Prices: confirm the source and keep a clear reference.
- Contact details: check the value against your practice case.
A useful reference
Read this when you plan to put your exported HTML on your own host. Read the MDN guide to publishing a website for more detail.