Webshop-design

Creative Elements (Elementor)
Sidebyggeren i Simulant Shop

I Simulant Shop bygger eleverne siderne med Creative Elements. Forsiden, en kampagneside eller en ny header og footer sættes sammen med træk og slip, så ingen behøver at skrive kode. Går en elev i stå, står der en vejledning i Simulants manual til hver af de 116 widgets (byggeklodser som tekst, billeder, knapper og varelister) og til skabeloner og udgivelse.

EL
Forside i en elevwebshop bygget med Creative Elements

Opgaver i webshoppen

Forsider og kampagnesider uden kode

Webshoppens sider bygger eleverne selv i Creative Elements ved at sætte sektioner, kolonner og widgets sammen. Når butikken har udsalg, skal der en kampagneside op, og når sæsonen skifter, skal forsiden følge med. En færdig side udgives direkte i webshoppen.

Hvad eleverne lærer

Editor, skabeloner og mobilvisning

Editor med sektioner, kolonner og widgets
Skabeloner, import og eksport
Mobilvisning og tilgængelighed
Header og footer med Theme Builder
Indholdssider, fx om levering, og dynamisk indhold
Ikoner, billeder og video, og farver og skrifttyper, der går igen på alle sider

Sådan bruges det

Kampagneside i fire trin

01

Opgaven stilles

I opgavesystemet Task beskriver underviseren kampagnen og hvem den er til.

02

Siden bygges

Eleven trækker sektioner og kolonner ind og fylder dem med widgets til varer, billeder og knapper.

03

Tjek af mobilvisning

Hvordan ser siden ud på en telefon? Det tjekker eleven i mobilvisningen og gennemgår samtidig tilgængeligheden.

04

Udgivelse og opfølgning

Når siden er udgivet i Simulant Shop, kan eleven følge trafik og konvertering i butikkens statistik.

Eksempel-opgaver

Fire opgaver til holdet

Opgaver som disse kan I lægge i opgavesystemet Task, og så løser eleverne dem i deres egen webshop.

01 Byg en Black Friday-kampagneside med nedtælling og produkt­karusel
02 Design et banner om gratis fragt, der vises hele juli
03 Gem en sektion som skabelon til nye vare­serier
04 Byg en ny header og footer med Theme Builder

Se det live

Book en gennemgang

På gennemgangen åbner vi editoren i Simulant Shop og bygger en side sammen med jer, tjekker den på mobil og udgiver den.

Kom i gang

Prøv Simulant gratis i 30 dage

Prøv Simulant gratis Book en gennemgang