Lägg till en widget på en sida

Den här guiden handlar om hur du lägger in texter, bilder och andra widgetar på dina sidor. Innan du kan lägga in innehåll på en sida så behöver sidan skapas, se guiden Skapa en ny sida.

Widgetar

En widget är en informationsbehållare som du kan lägga in olika typer av innehåll i. Oavsett om det är en text, en bild, en splash, ett bildspel eller ett skyltfönster med artiklar du vill lägga till så gör du det genom att lägga till en widget.

Den här guiden kommer att fokusera på hur du lägger in en widget på en innehållssida, men widgetar går lägga in på flera olika platser:

• Innehållssidor, de sidor med innehåll skapat av dig, till skillnad från sidor med artiklar eller sökresultat som skapats utifrån ditt artikelregister. E-handel -> Sidor -> Tabben Sidor.
• Systemssidor, de automatgenererade sidor som skapas utifrån ditt artikelregister och kassa. E-handel -> Sidor -> Tabben Systemsidor.
• Widgethållare, de platsytor i webbshoppen som kan innehålla widgetar. Det går även att skapa externa widgethållare för att visa innehåll ifrån din butik på andra sidor än i din butik. E-handel -> Widgethållare.

Vilka widgetar finns och vilka har guider?

Se denna guide.

Gör så här för att lägga in en widget på en innehållssida

I admin:

1. I vänstermenyn, välj Webbplats -> Sidor.
   
2. Klicka på sidan du vill lägga in innehåll på. (Om du inte redan har skapat sidan, se denna guide.) Fliken Innehåll blir förvald. Om du just har skapat sidan så har den inget innehåll och fliken kommer därför vara tom, som på bilden nedan.
   
3. Klicka knappen Lägg till widget.
4. Använt listrutan Kategori för att välja typ av widget.
5. Välj vilken sorts widget du vill lägga till. Beroende på vilka moduler du har aktiverade har du tillgång till olika widgetar. Om du kan läsa mer om alla våra moduler samt se vilka moduler du har aktiverade under Underhåll -> Moduler. Nedan presenteras ett urval av våra vanligaste och enklaste widgetar. För en komplett lista på alla systemet widgetar, se denna guide.
   •  Layoutat innehåll – Låter dig fritt designa widgetens innehåll med hjälp av en WYSIWYG-editor. Använd widgeten för att skapa en unik design, formatera text eller infoga bilder i text.
   •  Bild – Lägger in en bild på sidan, bilden kan eventuellt länka till en annan sida när du klickar på den.
   •  Splash – En splash är en bild innehållandes en text, eventuella länkar och overlay.
     Exempel på en Splash-widget från www.webboptik.se:
   •  Kontaktformulär – Låter era kunder kontakta er via ett formulär som skickar ett e-postmeddelande.
   •  Artikellistningar – En kategori av widgetar som visar upp olika urval av artiklar från er shop i ett rutnät eller en lista.
   •  Skyltfönster – Ett skyltfönster visar en eller flera artiklar som ska framhävas extra.
   •  Bildspel – Visar ett bildspel med växlande bilder ifrån en vald mapp med bilder.
6. När du valt din widget klickar du på knappen Nästa. Vilka inställningar du kan göra beror på vilken widget du valt. I vårt exempel nedan har vi valt att lägga in en widget av typen Layoutat innehåll.
7. På den förvalda tabben Allmänna inställningar sätter du en Rubrik och Rubrikmall. Läs mer om rubriker här.
8. Välj Bakgrundsfärg eller lämna tomt för genomskinlig bakgrund.
9. Välj Rubrikfärg eller lämna tomt för att få den vanliga rubrikfärgen i din mall.
10. Om widgeten ska ha en Bakgrundsbild kan du välja en redan uppladdad eller ladda upp en ny här.
11. Välj Höjd, Anpassad innehållsyta och Marginaler. Läs mer om dessa val här.
12. Växla till tabben Widgetinställningar. Här ser du en editor för att layouta ditt innehåll. (Om en annan widget än Layoutat innehåll hade valts så hade såklart andra inställningar synts.)
    
13. Använd editorn för att lägga in och layouta texter, punktlistor, länkar, bilder, video, länkar, eller tabeller. Du kan använda knappen  för att att editera i fullskärm och knappen  för att förhandsgranska.
14. Klicka knappen Spara. Din widget syns nu på adminsidan. I exemplet nedan sattes rubriken för widgeten till "Välkomsttext med infogade bilder".
15. För att se hur sidan ser ut i din webbshop trycker du knappen Spara och öppnar sedan sidans URL i en webbläsare. För att du ska kunna se sidan får Status för sidan vara inte vara satt till Inaktiverad. Denna inställning hittar du under tabben Allmänt för sidan.
    
    Vilken URL sidan hamnar på framgår av inforutan till höger i admin. I exemplet nedan hamnar sidan på [www.dinwebbshop.se]/sv/midsommarkampanj
    
16. Sätt Antal kolumner som sidan ska delas in i och dra och släpp i widgetens högra kant för att sätta hur många kolumner den ska ta upp.
    
17. För vidare info om hur du att layoutar flera widgetar på en sida, se guiden Lägga in innehåll och hantera layout på en sida.