Standaard wordt een EV zakelijke bestel website 'kaal' opgeleverd. Deze handleiding legt uit hoe uzelf uw voorpagina kunt aanpassen met de ingebouwde HTML editor.
U kunt via de online configuratie uw welkomst en order pagina aanmaken net zoals bijvoorbeeld http://evBoerb2b.extravestiging.nl, https://evbergmaasdijkb2b.extravestiging.nl of http://vlaamschtest.extravestiging.nl .
Hieronder twee links waarin wordt uitgelegd hoe u de online configuratie kunt openen:
Welkomst-pagina tekst:
Als u op de eerste knop drukt, ziet u onderstaande page verschijnen.
Hier kunt u met een HTML editor [Tools | <>sourcecode] zelf uw pagina in orde maken. U kunt zelfs iFrames plaatsen waar u een hele website of bijvoorbeeld een aanbiedingspage of mooie paas/kerst page van uw website kunt tonen! (wel in de gaten houden dat je geen http en https websites in iFrames kunt kunt mixen!)
Ziet er vervolgens zo uit:
De order-pagina tekst:
Als u op de tweede knop drukt, ziet u onderstaande page verschijnen.
Hier kunt u met een HTML editor [Tools | <>sourcecode] zelf uw pagina in orde maken. Ook hier heeft u de volledige vrijheid maar zal de tekst / html wat kleiner moeten vanwege de drukte op het order-venster.
Klant naar de Webshop doorverwijzen voor taarten
Wll de zakelijke klant ook taarten kunnen bestellen met alle mogelijke opties, foto's, opschriften? Dan adviseren wij de zakelijke klant door te verwijzen naar de webshop. Ook via de webshop kan de klant op rekening betalen. Je kunt een link zetten op zowel de welkoms-pagina als de order-pagina.
Hieronder treft je een voorbeeld HTML tekst aan:
<p> </p>
<h2>Gepersonaliseerde taarten bestellen? <a href="http://UWURLNAARUWWEBSHOP/assortiment/taarten-en-schnitten">klik hier</a></h2>
<p> </p>
<p> </p>
Besteld de klant altijd dezelfde taart, zelfde formaat verder geen wijzigingen/toevoegingen? Dan kun je ook de standaard taart toevoegen aan het assortiment van de klant.
Sourcecode
Met de HTML editor kunt u zelf gemakkelijk aanpassingen maken aan de voorpagina van uw zakelijke bestel website. Echter zijn hier wat beperkingen aan.
Met de 'sourcecode' editor kunt u uw pagina verder verbeteren door zelf HTML te schrijven. HTML is de 'taal' waarin een webpagina is geschreven, elke webpagina!
Een goed website voor het leren van HTML is : https://www.w3schools.com/html/html_basic.asp
U kunt naar de sourcecode gaan als u op de knop [Sourcecode] drukt in het [Tools]-menu:
De Sourcecode van hetgeen u met de editor heeft gemaakt verschijnt nu. U kunt zelf op bepaalde plaatsen dingen veranderen door deze in tags te zetten.
Een tag is bijvoorbeeld <h1>Dit is een tag</h1>... U moet altijd een tag afsluiten met de tag-type met een / ervoor!
Basis tags
Als u onderstaande tekst ingeeft en opslaat, ziet u een klein voorbeeld van de HTML mogelijkheden.
<h1>Dit is een titel tekst</h1>
<h2>Dit is een subtitel tekst</h2>
<h3>Dit is een sub-subtitel tekst</h3>
<p>Dit is een paragraaf<p>
<a href="http://www.extravestiging.nl">Dit is een link naar de website http://www.extravestiging.nl</a>
Zodra u de sourcecode sluit, ziet u dit verschijnen in de HTML editor:
Echter, omdat uw website speciaal voor u is opgezet, dus met uw eigen kleuren en lettertypes, zullen deze teksten ook in uw eigen styling getoond worden op uw website:
Dus hoe het er uiteindelijk uitziet kan verschillen per website:
Of op een andere website:
Inline Stylesheets
Zoals u kunt zien, is bij de laatste website door ons blijkbaar geen onderscheid tussen <h1>, <h2> of <h3> tags. Dit is geen probleem en kan simpel opgelost worden door het mechanisme van inline-css te gebruiken. Hierdoor kunt u toch elk lettertype / kleur gebruiken in uw voorpagina.
<p><span style="font-size: 16px;"><strong>Tekst in grote letters</strong></span></p>
<h1 style="color:blue;margin-left:30px;font-size: 16px;">Alternatieve titel</h1>
Geeft
Met inline-css kunt u uw gehele pagina naar eigen inzicht vormgeven...
Hier nog wat voorbeelden:
<h1 style="color: blue; margin-left: 30px; font-size: 16px; font-family: Georgia;">Alternatieve titel</h1>
<h1 style="color: blue; margin-left: 30px; font-size: 16px; font-family: Georgia; border: 3px solid #73AD21;">Alternatieve titel</h1>
De mogelijkheden zijn oneindig!
iFrame
Met een iFrame kunt u een webpagina tonen binnen uw voorpagina.
Er zijn wat restricties omdat niet elke webpagina dat toestaat en ook kunnen http pages niet in een https-veilige omgeving getoond worden.
<p>Hier een link naar een PDF bestand: <a href="http://www.extravestiging.nl/download/ev-webshop.pdf" target="_blank">Klik hier...</a></p>
<p><iframe src="https://zakelijk.extravestiging.nl/" width="690" height="480"></iframe></p>
Geeft
Op internet zijn tal van voorbeelden te vinden hoe HTML geschreven dient te worden! De mogelijkheden zijn oneindig!
Een handige site om inline stylesheets te testen is: https://www.quackit.com/css/inline_style_sheets.cfm