1. Webbplatsens domän och namn
– Min webbplats namn är kireeyso.com
2. Val av tema
– Jag valde temat Storefront. Innan dess testade jag Astra och Blocksy men det blev väldigt rörigt så jag återgick till Storefront. När man ska välja en tema ska man utgå efter sista uppdatering och hur många användare temat har. Samt om den överensstämmer med din vision av hemsidan du vill skapa. Temat ska även vara anpassad för WooCommerce
3. Normalt sett lyfts utvalda produkter (bästsäljare eller kanske de med bäst marginal) eller kategorier fram på startsidan. Där brukar även finnas usp:ar och en säljande beskrivning av företaget/verksamheten. Hur har du gjort och varför? Förtydliga gärna med skärmdumpar.
– På min framsida har jag valt att ha en liten kort beskrivning om min verksamhet och själva tanken bakom företaget. Jag har även infogat en bildkarusell på en variation av alla produkter vi säljer så man kan få inspiration inför det man söker. Jag lade till även länkar till hela kollektionen.
4. Hur har du lagt upp webbplatsens meny, struktur och navigering?
– Jag ville ha en simpel sida med lite text så jag valde ha en enkel meny med det viktigaste på sidhuvudet. Det blev dessa options:
Hem
Produkter
Mitt Konto
Kassa
5. Det skall finnas statiska undersidor på webbplatsen som tydligt beskriver ”Om oss”, ”Kontakt”, plus de leveransvillkor och köpvillkor som gäller. Även frakt och returer bör beröras i samband med detta.
– Jag har en statisk med om oss som talar om företagets policy, filsofi och bakgrund. Har en sida med återbetalnings och retur policy där vi nämner allt med retur och återköps villkor. Även en sida med kundtjänst där man kan nå oss med frågor kring heja köpresan.
6. Vilka kontaktformulär har du på webbplatsen och vad har de för syften? Det skall finnas minst ett kontaktformulär på webbplatsen.
– På hemsidan hittar man en kontakt formulär som man kan fylla i för att nå oss och ställa frågor till.
7. Visa på att det finns klickbara mail- och telefon-länkar på din webbplats.
– Det blev inte som jag tänkte mig med klickbara mail och telefon så jag fick göra en sida med Kundtjänst och ha all kontaktinformation där istället.
8. I vilket sammanhang har du använt dig av shortcodes? Det skall finnas minst ett användande av shortcode på webbplatsen.
– Jag använde mig en kortkod för att skapa kontakt formulären, jag bifogar kortkoden här nedan.
9. Hur har du utformat Webbplatsens footer och varför?
– Jag har skapat en sekundär meny där jag lade till kontakt, om oss, återbetalnings policy samt kundtjänst. Jag valde att ha de viktigaste information på sidfoten och lämna huvudmenyn mer simpelt och stilrent. På sidfoten kan kunderna hitta de information de har kring deras köpresa.
10. Vilka åtgärder har du vidtagit för att det tydligt skall framkomma att det är en demobutik och att det faktiskt inte går att handla ”på riktigt”?
– Jag har aktiverat butiksmeddelandet som talar om att det är en demobutik och inte en riktig webbshop man kan handla på. Om man råkar missa det så vi även offline betalning aktiverat vilket innebär att vi kan inte ta betalt online.
Så här ser butiksmeddelandet
11. I vilken utsträckning och hur har du arbetat med WooCommerce på webbplatsen?
Det skall finnas produkter i någon form att köpa på webbplatsen. Produkterna skall vara minst tio till antalet och antalet kategorier minst tre. Beskriv vad du gjort och hur du gått tillväga. Undantag till detta kan finnas om det främst är tjänster som erbjuds, stäm av med Daniel om så är fallet.
– WooCommerce omvandlade hela min sida till en webbshop, det är genom den tillägget jag fick en varukorg och kassa bland annat. Jag har skapat fyra kategorier som är relevanta till varandra och tilldelade de till varsin kategori. Det är totalt 14 produkter.
Brudklänningar: här har vi brudklänningarna
Brudtärna klänningar: här kan brudarna välja matchande klänningar för deras brudtärnor
Traditionella klänningar: här kan man välja en traditionell klänning inför sin bröllopsfest
Bröllopsgäst klänning: här hittar man klänningar att gå på bröllop.
12. Vilka produkttyper har du arbetat med och varför?
– Jag har arbetat med enkla produkter för varje klänning har sin egna egenskap och design. Om man vill handla för flera olika tillfällen så kan man göra det genom att mixa och matcha.
13. Visa på exempel på designdelar som du anpassat med hjälp av Elementor.
– Jag har skapat hela min startsida med hjälp av Elementor. Det var där jag fixade min hero section, rubrik, text, knappar med länkar och bilder. Det skapade en aesthetic sida jag är nöjd med.
14. Vilka tillägg har du använt och varför? Komplett lista önskas.
– Classic editor – för att kunna redigera mina sidor med
– WooCommerce – för att omvandla min hemsida till en webbshop
– Elementor – för att kunna styla min hemsida
– Contact form 7 – skapa en kontaktformulär
– Performance Cache
16. Validera din egna webbplats utifrån de kriterier som lyfts fram i föreläsningsmaterialet.
a. Peka på tre delar som du tycker att du tycker att du gjort riktigt bra. b. Peka på tre delar som du inte är lika nöjd med eller tycker att du hade behövt arbeta vidare med.
A- De tre delarna jag är nöjd med är att hemsidan funkar, den är lätt navigerad och man kan enkelt hitta produkterna och göra en köp
B- Det är mycket jag är inte nöjd med bland annat att min sidfot inte blev som jag hade tänkt mig då det saknas klickbara mail och telefon nummer. Jag ville även ha adress någonstans på sidfoten. Jag kunde ha utvecklat produktbeskrivningen mycket mer, kanske lagt till flera andra bilder och en kort video. Det saknas även säljande och lockande text och bilder på startsidan som kunde ha skapat mer trafik och sälj på min sida om det hade utvecklats mer. Jag tror att felet kommer ifrån att jag förlorade mycket tid på att försöka med andra temor och att uppnå en samma kvalitet som andra hemsidor med liknande innehåll. Om jag hade hållit mig till denna temat och utvecklat mina produkter så hade jag varit mycket nöjdare än jag känner mig just nu.