Ingebouwde functies Alle functies zijn optioneel en kunnen worden uitgeschakeld in de backoffice

Transcriptie

1

2 INHOUD Ingebouwde functies blz. 3 Standaard functies blz. 3 Instellingen blz Algemeen blz. 4 -Header blz. 4 -Achtergrond blz. 5 -Menu blz Bannerconstructie blz Kleuren en Knoppen blz Instellingen blz Blokken sidebar blz Sociale balk blz. 11 -Klantenreviews footer blz Sale blz. 12 -Reserveer button blz. 12 -Voorpagina producten blz. 13 -Winkelwagen banner blz. 13 Gebruik maken van de reserveerfunctie blz Gebruik maken van de videoplugin blz. 15 Contact blz. 16 Disclaimer blz. 16 2

3 Ingebouwde functies Alle functies zijn optioneel en kunnen worden uitgeschakeld in de backoffice Reserveer button Laat een reserveer knop zien wanneer er geen voorraad is. Video plugin Kopieer en plak een youtube link bij een product en laat een productvideo zien bij de thumbnails. Sale label & Kortingspercentage Een eigen sale label in de overzichtspagina s en een automatisch gegenereerd kortingspercentage op de productpagina s. Afbeelding overlays Wanneer u over een product gaat met uw muis krijgt u de mogelijkheid om direct te bestellen of het product te bekijken. Twee typen sidebar Twee verschillende types sidebar (Inside & Outside). Klantenreviews (Kiyoh & The Feedback Company) Laat uw widget zien in de footer zonder kennis van code. Winkelwagen banner Laat een eigen afbeelding (banner) zien in de winkelwagen. Mega-menu Zie niet alleen de submenus maar ook meteen de submenus van het submenu wanneer u over een hoofdcategorie gaat, verder kunt u ook nog een afbeelding laten zien met eigen titel. Standaard functies Slider Recent bekeken producten Live search Rich snippets Social posts/blog 3

4 Instellingen Algemeen: Lettertype U kunt kiezen uit 9 verschillende lettertypes die op de gehele webshop zullen worden toegepast: Arial, Lobster, Open Sans, Unkempt, Rokkitt, Ubuntu, Special Elite, Lato en Source Sans Pro. Positie sidebar U kunt kiezen waar de sidebar moet staan, aan de linker- of rechterkant. Tijdsduur per slide U kunt zelf invullen hoe lang elke slide zichtbaar is (m.a.w. hoe snel de volgende slide moet komen). Het getal dat u invult moet in milliseconden zijn. Dus 4000 = 4 sec. Header Favicon Een favicon is de kleine afbeelding naast uw website url, afmetingen zijn 16x16 pixels. Logo Hier kunt u uw logo uploaden, de maximale breedte van het logo is 400px. Bredere afbeeldingen worden automatisch teruggeschaald. 4

5 Achtergrond Kleur Hier stelt u de achtergrondkleur in van uw website, als u ook een afbeelding instelt zal de afbeelding over de achtergrondkleur heengaan. Afbeelding Hier kunt u een achtergrondafbeelding instellen. Positie Hier kunt u kiezen hoe de achtergrondafbeelding moet worden uitgelijnd. Herhaal Hier kunt u kiezen hoe de achtergrondafbeelding wordt herhaald en of hij vast staat of niet. NB: Fixed wil zeggen dat de achtergrondafbeelding vast staat en dus niet meescrollt. Scroll wil zeggen dat de achtergrondafbeelding niet vast staat, en dus wanneer je naar beneden scrollt ook op de achtergrondafbeelding naar beneden scrollt. Menu Menu tekstkleur De tekstkleur van de categorieën in het menu. 5

6 Achtergrondkleur menu (van..) Het menu bestaat uit twee kleuren die van boven naar onder in elkaar overlopen, dit is de eerste en dus de bovenste kleur van het menu. Achtergrondkleur menu (naar..) Dit is de tweede en dus de onderste kleur van het menu. Achtergrondkleur menu hover: Dit is de achtergrondkleur van het menu wanneer u er met de muis overheen gaat. Achtergrondkleur submenu (naar..) Ook het submenu bestaat uit twee kleuren, de bovenste kleur is dezelfde kleur als de menu hover achtergrondkleur. Deze achtergrondkleur is de tweede kleur en dus de onderste kleur van het submenu. Submenu tekstkleur De tekstkleur van de categorieën in het submenu. Verberg extra foto & titel In het submenu is er de mogelijkheid om een extra afbeelding toe te voegen met een eigen titel. Wilt u hier geen gebruik van maken vink dan deze optie aan. Afbeelding De extra afbeelding die in het submenu getoond zal worden. Gebruik dit bijvoorbeeld voor een product dat u in de spotlight wilt zetten. Maximale breedte is 120px. Bredere afbeeldingen worden automatisch teruggeschaald. Titel De titel die boven de extra afbeelding getoond zal worden. Link De pagina waarheen de extra afbeelding en titel moeten leiden wanneer er op wordt geklikt. 6

7 BANNER 1 BANNER 2 BANNER 3 BANNER 4 Bannerconstructie Verberg bannerconstructie Standaard zullen er vier afbeeldingen naast de headlines worden vertoond, wanneer u hier geen gebruik van wilt maken en gewoon één brede slider met headlines wilt moet u deze optie aanvinken. Afmetingen headlines met bannerconstructie: Breedte:470px, Hoogte:456px Afmetingen headlines zonder bannerconstructie: Breedte:960px, Hoogte:400px Banner1 Hier kunt u de afbeelding voor de eerste banner uploaden. Banner1 heeft als enige een andere maximum breedte dan de andere drie banners. Maximale breedte banner1: 470px, Bredere afbeeldingen worden automatisch teruggeschaald. Banner1, 2, 3, 4 url Hier kunt u per banner aangeven waarheen de banner moet leiden wanneer er op geklikt wordt. Banner 2, 3, 4 Hier kunt u een banner uploaden, voor banner 2, 3 en 4 geldt dezelfde maximum breedte. Maximale breedte banner2, 3 en 4: 230px, Bredere afbeeldingen worden automatisch teruggeschaald. 7

8 Een voorbeeld hoe u de andere maximum breedte van banner 1 kunt gebruiken om iets anders te creëren dan 4 banners in een vierkant: BANNER 3 BANNER 2 Kleuren en Knoppen Achtergrondkleur headings (H1, H2, H3 enz.) Stel de achtergrondkleur in van de titels op de homepage en overzichtspagina s. Achtergrondkleur producttitel en hover Stel de achtergrondkleur in van de producttitels op de overzichtspagina s, deze kleur is tevens de kleur die het product wordt op de overzichtspagina s wanneer u er met de muis overheen gaat. Achtergrondkleur footer Stel de achtergrondkleur in van de footer. 8

9 Oude prijs kleur Stel de kleur in van alle oude prijzen. Prijs kleur Stel de kleur in van alle prijzen. Primaire knoppen (call to action) De achtergrondkleur van alle primaire (call to action) knoppen, dat wil dus zeggen, inloggen en Go. Secundaire knoppen De achtergrondkleur van alle secundaire knoppen, dat wil dus zeggen, registreren, en bekijken. In winkelwagen button De achtergrondkleur van de in-winkelwagen button. Instellingen Verberg tags Verberg de tags in de sidebar. Verberg RSS feed Verberg de RSS feed in de footer. Verberg recente producten Verberg recent bekeken producten in de sidebar. 9

10 Verberg mijn account Verberg mijn account in de sidebar. Verberg merken Verberg de merken in de footer en het merklabel op de productpagina. Verberg nieuwsbrief Verberg de nieuwsbrief in de footer. Verberg productomschrijvingen Er is ook een mogelijkheid om de korte productomschrijving te laten zien op de overzichtspagina s. Als u dit niet wilt vink dan verberg productomschrijvingen aan. Verberg image overlays Verberg de image overlays. Achtergrondkleur image overlays De achtergrondkleur van de image overlays. Image overlays Blokken sidebar Achtergrondkleur blokken sidebar De achtergrondkleur van de blokken in de sidebar. Blokken sidebar type U kunt kiezen uit twee types sidebar, Inside en Outside. INSIDE OUTSIDE 10

11 Blokken sidebar outside Wanneer u het type outside heeft geselecteerd kunt u hier de achtergrondkleur van de titels aangeven. Blokken sidebar outside tekstkleur Wanneer u het type outside heeft geselecteerd kunt u hier de tekstkleur van de titels aangeven. Sociale balk De sociale balk laat uw twitter, facebook en blogitems zien. Facebook (sociale balk) Vul hier de link naar uw facebookpagina, gebruik alleen het deel na de Twitter (sociale balk) Vul hier uw twitter ID in. Sociale balk verbergen Wanneer u de sociale balk niet wilt vertonen vink dan sociale balk verbergen aan. Sociale balk achtergrondkleur De achtergrondkleur van de sociale balk. Klantenreviews footer Laat uw klantenreview widget zien in de footer. Kiyoh widget footer Vul hier de url in van uw kiyoh widget. 11

12 The Feedback Company widget footer Vul hier de url in van uw TFC widget. Sale Verberg kortingspercentage/sale-label Wanneer u geen kortingspercentage wilt laten zien op de productpagina en ook geen sale label vink dan verberg kortingspercentage/sale-label aan. Kortingspercentage achtergrondkleur De achtergrondkleur van de cirkel met daarin het (automatisch gegenereerde) kortingspercentage. (Op de productpagina) Sale label Hier kunt u een eigen sale label uploaden die in de linkerbovenhoek bij alle producten met een oude prijs verschijnt. Wanneer u alleen het kortingspercentage wilt laten zien op de productpagina maar geen sale label wilt laat u deze optie gewoon leeg. Maximale afmetingen sale label: 64px x 64px Reserveer button Omdat SEOShop (nog) geen reserveer mogelijkheid biedt hebben wij een reserveerfunctie ingebouwd. Let op dat wanneer u mails krijgt met een reservering daarin, dat u handmatig deze mensen moet terugmailen wanneer het betreffende product weer op voorraad is. De reserveer button verschijnt automatisch wanneer er geen voorraad meer is. Verberg reserveer button Indien u geen reserveer button wilt laten zien wanneer er geen voorraad meer is vink dan verberg reserveer button aan. 12

13 Voorpagina producten Verberg nieuwste producten Verberg de nieuwst toegevoegde producten op de voorpagina (=homepage). Verberg populaire producten Verberg de populairste producten (= meest bekeken producten) op de voorpagina (=homepage). Winkelwagen banner Winkelwagen banner Upload hier een banner die op de winkelwagen pagina verschijnt, gebruik deze bijvoorbeeld voor kortingscodes of extra informatie. 13

14 Gebruik maken van de reserveerfunctie Stappenplan 1. Stel het adres in waarop u de reserveringsmails wilt ontvangen. Dit kunt u instellen door naar Instellingen Bedrijf te gaan en daar bij Algemeen het gewenste adres in te vullen. 2. Zorg ervoor dat de reserveerknop verschijnt als er geen voorraad meer is. Dit kunt u doen door naar Instellingen Workflow te gaan en daar bij Voorraadbeheer de optie Bijhouden, verbied aankopen wanneer niet op voorraad te kiezen. 3. Pas de contactmail aan. De reserveerfunctie gebruikt de mailtekst Contact bericht bevestiging, vul deze mail dus aan met een zin als: Als u een product heeft gereserveerd zult u een mail ontvangen wanneer het product weer op voorraad is. 14

15 4. Klaar! Als iemand een product reserveert zult u (als webshop eigenaar) onderstaande mail krijgen, u kunt hem/haar dan terugmailen wanneer het product weer op voorraad is. Gebruik maken van de videoplugin Stappenplan 1. Zet de extra template data aan. Dit kunt u doen door naar Instellingen Workflow te gaan en daar Extra template data te activeren. 2. Kopieer uw youtube link naar een product. Dit kunt u doen door de complete youtube link die bovenin uw browser staat te kopiëren en bij het product naar Algemeen te gaan. Helemaal onderaan staat Extra template data. Bij Data 01 plakt u de youtube link. 3. Klaar! U heeft nu een video toegevoegd aan een product! NB: Alleen links met /watch erin werken. Tip: Voeg?autoplay=1 toe achter de link zodat de video automatisch start! 15

16 Contact Contactgegevens DGSolutions: Telefoon: Mail: Website: Heeft u hulp nodig met het thema of wilt u bijvoorbeeld aanpassingen in het design? Mail: support@dgsolutions.nl Contact information DGSolutions: Phone: Mail: support@dgsolutions.nl Website: Do you need help with the theme or do you want some changes in the design? Mail: support@dgsolutions.nl *Support in English or Dutch Disclaimer All persons who have access to and who use this documentation of DGSolutions irrespective of purpose, agree to abide by the rules set out below. DGSolutions takes every possible care concerning the information contained in this documentation. It is possible, however, that the documentation contains inaccuracies and errors. DGSolutions accepts no responsibility whatsoever for damage pursuant to the use or incompleteness of information published in this documentation, nor for problems caused by the use or propagation of information. DGSolutions accepts no responsibility for loss, privation of income or enjoyment of life pursuant to the use or propagation of information or to technical deficiencies. 16