Spiegel HTML-sjablonen

Handige spiegel HTML-templates

Grote foto's van spiegels kunnen een pagina gemakkelijk domineren, waardoor afmetingen, afwerkingen en montage-instructies moeilijk vindbaar zijn. Spiegel HTML-templates bieden gecodeerde pagina's waarin de productfoto en specificatielijst meestal in aparte blokken staan, klaar voor hergebruik bij een volgend model. De meeste bewerkingen worden visueel uitgevoerd in Nicepage, en u kunt de geëxporteerde HTML-bestanden uploaden naar uw eigen hosting of overdragen aan een ontwikkelaar die met de broncode werkt.

Van galerij naar aanvraagformulier

Een klant bewondert een spiegel misschien in eerste instantie, maar de uiteindelijke beslissing hangt vaak af van afmetingen, montagevereisten of maatwerkopties. Daarom werken de blokken van een spiegelpagina doorgaans het best in deze volgorde:

1. Een galerij met verschillende aanzichten van dezelfde spiegel.
2. Een specificatielijst of compacte tabel met breedte, hoogte en lijstafwerking.
3. Een optieblok voor maatwerk, met daaronder een korte montage-instructie.
4. Een aanvraagformulier dat dicht genoeg bij de specificaties staat, zodat niemand hoeft terug te scrollen voor de getallen.

Op een smartphone worden deze blokken onder elkaar gestapeld, waardoor de afmetingen nog steeds boven het formulier moeten uitkomen. Ook alt-tekst verdient aandacht, omdat een spiegelfoto altijd toont wat het glas weerspiegelt. De tekst moet de lijst en de vorm beschrijven, want een beschrijving van de weerspiegelde kamer zegt een schermlezergebruiker niets.

Aanpassingen gerangschikt op diepgang

Zodra die volgorde voor één product goed werkt, vallen latere aanpassingen uiteen in vier categorieën, van snelst tot meest diepgaand:

1. Foto's en specificatieregels vervangen binnen een bestaand blok.
2. Het blok dupliceren voor kaptafel-, wand- of passpiegels.
3. Formuliervelden hernoemen voor breedte, vorm en montageverzoeken.
4. Aangepaste code toevoegen na export, zoals een prijscalculator voor op maat gemaakt glas.

De documentatie van Nicepage over het gebruik van pagina-elementen legt uit hoe elementen binnen blokken kunnen worden toegevoegd, bewerkt en verplaatst. Alles wat op deze manier wordt gewijzigd, komt terecht in de geëxporteerde markup, zodat de eerste drie categorieën nooit het openen van een bestand vereisen. De broncode vraagt alleen de aandacht van een ontwikkelaar wanneer een functie verder gaat dan de lay-out, zoals die calculator.

Wat een ontwikkelaar overgedragen krijgt

Na export blijven de HTML-bestanden beschikbaar voor directe bewerking, wat belangrijk is naarmate het assortiment groeit. Een winkel in decoratieve spiegels herhaalt meestal één productkaart, dus de ontwikkelaar heeft er baat bij dat elke kopie zich net zo gedraagt als het origineel. Lay-outs voor maatwerk zijn complexer omdat een galerij, een specificatietabel en een aanvraagformulier om dezelfde schermruimte strijden. Democontent laat zelden zien hoe dat scherm omgaat met echte gegevens. Vul die tabel met alles wat een spiegel met achtergrondverlichting nodig heeft, inclusief wattage en kleurtemperatuur. Als de blokken zonder een enkele codewijziging op hun plek blijven, blijft die template ook geschikt voor de volgende categorie.