Den här guiden går kort igenom vilka widgets som finns i plattformen. Du hittar detaljerad guide nedan där vi går igenom en och en i den ordning de finns i ditt widgetbibliotek. De flesta av våra widgets har även en egen separat guide du hittar länkad vid respektive widgetbeskrivning nedan.

Widgets är olika element som du använder för att skapa själva innehållet på dina sidor. Dessa innefattar bland annat rubriker, brödtext, knappar, bilder, ikoner o.s.v

Vissa widgets ingår inte i prenumerationspaketet Lansera. Däremot ingår alla widgets i prenumerationsplan Växa och uppåt.

Om du får meddelandet "Widget är inte aktiverad" så betyder det att du försöker använda en widget som inte ingår i ditt prenumerationspaket.
​
Widgets just nu som inte fungerar för prenumerationsplanen Lansera:

Observera att headern har sina egna widgets som är unika för just headern. Dessa hittar du när du håller muspekaren över headern och det dyker upp små cirklar med ett plustecken i. Håller du ovanför en sådan cirkel så ska det stå "Lägg till header-widget". Du kan läsa mer om header här.

Lägg till en rubrik och anpass dess design med flera designval och till exempel texteffekter. Komplett guide här.
​

Textruta med brödtext där du kan anpassa din brödtext design och layout. Komplett guide här.
​

Lägg till knappar som du kan länka till andra sidor eller filer. Komplett guide.

Lägger till ett tomt block där du kan bygga din design med kolumner, rader och widgets. Detta är basen innan du kan bygga. Komplett guide.

Skapa små "överrubriker" eller etiketter över valfritt element. Du hittar komplett guide här.

Med dessa widgets kan du skapa design som innefattar ikoner på olika vis. Komplett guide här.

Exempel:
​

Ikon: Ensam ikon

​Ikonlista: Listvy med ikon + rubrik + text (finns i flera layouter)

Ikonsektion: Ruta med en ikon + rubrik + text
​

Skapa en känsla av rullande text på din webbplats. Välj mellan flera olika utföranden.

En separator är en linje som fungerar som avdelare mellan olika innehåll. Ställ in om du vill ha den liten, fullbredd samt önskad färg och designstil. Komplett guide.

Exempel på separator:

Lägg in utvalda profilbilder(valfritt), ditt kundbetyg och detaljer kring betyget du vill dela som en textrad under.

Med hjälp av avståndsbrickor kan du skapa luft/utrymme mellan olika innehåll på din webbplats.

Skapa en tabell och visa på din webbplats. Skapa enkel tabell eller en jämförelsetabell med ikoner.

Skapa snygga kundomdömen som syns direkt på sajten. Anpassa designen och gör rutorna statiska eller rörliga.

Skapa stilrena tidslinjer på olika vis.

Två exempel:

Dragspels-widgeten (också många gånger kallad Rullgardin eller FAQ) består av textrutor med gömda beskrivningar som visar sig först när du klickar på respektive flik. Widgeten passar sig utmärkt att använda för t.ex. vanliga frågor och svar.

Bildexempel:

Lägg till en bild var du vill på din hemsida och designa bland massvis av redigeringsval. Komplett guide.
​
Förutom enkla bilder i klassisk fyrkantig stil kan du t.ex. skapa masker med dina bilder i många olika mönster bland mycket annat.
​

När du ska ladda upp en ensam video som visas någonstans i din hemsida. Välj mellan att använda vår inbyggda Videohosting eller dela din video via URL från extern part. Här kan du ta del av skillnaden samt hur du gör.

Skapa en samling av videos i en och samma vy där kunden enkelt kan växla mellan de olika videoklippen. Perfekt t.ex. i en kursmodul eller liknande. Läs mer om hur du skapar din videospellista här.

Lägg in en ljudfil på din hemsida. Ljudet hämtas direkt från Filhanteraren där du kan ladda upp önskad ljudfil, exempelvis podd eller egenproducerad musik. För ljudfiler fungerar formaten MP3, MP4 och WAV. Du kan ladda upp ljudfiler upp till 300MB.

​

Galleriwidgeten är anpassad för att visa upp flera olika bilder på samma gång. Du väljer mellan rutnät eller karusell. Läs vår kompletta guide här.

Lägg till en bild och addera nyckelpunkter i bilden som går att klicka på, så öppnas en liten textruta med information.

Skapa ett rullande bildspel av bilder

Eller ett rutnät av bilder
​

Välj bilder som ska visa ett före/efter eller annan typ av jämförelse. Sedan kan besökaren enkelt ta tag i reglaget och dra för att se bilden i dess före/efter läge.

Exempel:

Ladda upp videoomdömen från dina kunder och lägg in i widgeten för snygg visning på hemsidan på flera vis. Lägg som visningskort att bläddra bland eller animerad rotering.
​

Använd ett formulär för att samla in kontaktinformation från dina besökare t.ex. e-postadress, namn och meddelanden. Välj även om du önskar att ansluta formuläret till e-postmarknadsföring (välj lista/listor), om besökaren ska få en viss tagg samt om det ska visas ett särskilt tackmeddelande. Svaren från dina formulär hittar du under CRM > Meddelanden. Du kan läsa vår kompletta guide för formulär här.
​
​

Bokningswidgeten möjliggör att boka möten och tjänster direkt via din hemsida. Se mer information i guiderna under Bokningsfunktionen (kalenderfunktionen)
​

Skapa ett quiz eller undersökning på din hemsida eller i din kurs. Lär dig mer i denna guide.
​

Denna widget är tillgänglig från paket Växa och uppåt. Kassawidgeten möjliggör att besökaren kan göra ett köp direkt på en sida, utan att behöva klicka sig vidare in på en produkt. ​Läs mer om hur du konfigurerar din anpassade kassa här.

Butikwidgeten fungerar som ett flöde med produkter visade som i en webbutik. Du väljer själv vilka produkter du vill visa i ditt flöde t.ex. utifrån kategori, senaste produkterna eller utvalda av dig. Produkterna lägger du till och redigerar under Butik > Produkter. Notera att det redan finns en färdig systemsida som heter Butikkatalog om du inte har behovet av att använda widgeten på egen sida.

Denna widget kan t.ex. läggas på tacksidor efter köp för att visa en summering av det kunden precis har köpt.
​

Skapa pristabeller som jämför priser och visar innehåll i dina planer. Skapa ikoner, highlightade planer med mycket mer.

Skapa prisöversikter/priskort med flera olika inställningsval

Exempel på 2 layouts du kan välja bland:
​

I Webbas finns flera möjligheter för att bygga community och gemenskap. Nedan hittar du en lista på samtliga av dessa widgets/funktioner. Känner du dig osäker på skillnaderna kan du kolla in den här guiden där vi går igenom detta.

Skapa en kurs/medlemskap/interaktiv hub någonstans på din hemsida via widget. Läs vår kompletta guide för widget Kanal här. Denna widget är till för när du vill baka in din kanal i en vanlig sida, blogg eller annan upplevelse på webbplatsen.
​
​Observera att du även kan bygga kanaler direkt i plattformens inbyggda system för kanaler och är det rekommenderade sättet om du ska bygga t.ex. en kurs eller medlemskap. Läs mer om att skapa kurs i Webbas här.
​
Bildexempel på en kanal:

​

Denna widget är till för dig som t.ex. vill skapa en översikt över flera kanaler på ett strukturerat vis någonstans i din webbplats så dina besökare kan se vilka kanaler du erbjuder. Du kan läsa mer om hur du använder widgeten här.
​

​

Skapa interaktiva och engagerande kommentarssektioner där du och medlemmar i din webbplats kan kommentera t.ex. ett innehåll eller annan aktivitet på webbplatsen. Läs vår kompletta guide för Kommentarssektion här.
​

Skapa strukturerade diskussionstrådar inom t.ex. olika ämnen där dina medlemmar kan diskutera olika frågor inom olika teman. Läs vår guide om hur du använder widgeten och funktionen här.
​

Placera widgeten där du önskar för att samla in feedback och recensioner om något. Läs vår guide om recensioner här.
​

Skapa interaktiva trådar med inlägg, kommentarer, bilder och filer som delas. Här kan man även skapa omröstningar för att bygga engagemang och interaktion. Att likna vid funktionalitet som nyttjas i t.ex. Facebookgrupper, Slack med mera. Läs vår guide om hur du arbetar med Vägg/forum här.

Ett betalningsformulär som går att koppla ihop med Stripe eller Braintree.

Länkar till dina sociala medier med visuella ikoner. Förvalda ikoner finns för flertaler av de kända sociala medierna idag. Du kan även lägga till andra nätverk och välja ikoner till dessa utifrån ett urval. På inställningen Gå till sida lägger du in länken till respektive social media-kanal. Läs mer om hur du använder widgeten här.
​

​

Länka vidare till din blogg genom blogg-widgeten. Widgeten fungerar som en förhandsgranskning av dina blogginlägg med exempelvis postbild, rubrik och sammanfattning. Välj om du ska visa de senaste blogginläggen eller mest populära kategorierna/taggarna. Lär dig mer i denna guide.
​

Lägg in egen källkod. Du kan välja mellan HTML, CSS, Javascript, Typescript, SQL, XML eller oformatterad text. Läs mer här om hur du kan lägga in egen kod i webbplatsen.

Lägg in snygga diagram i olika stilar på din webbplats.

Nedan ser du exempel på tre diagram:

Lägg in en nedräknare. Bestäm om nedräknaren ska räkna ned till ett visst datum, tid eller nummer. Antingen händer ingenting när nedräknaren slutar alternativt så kan du ställa in att besökaren skickas till en sida, får en pop-up eller att ett meddelande ska visas. I denna guide kan du läsa om hur du ställer in din nedräknare samt skapar ett tidsbegränsat erbjudande. Finns i två utföranden.
​

Bädda in önskat innehåll på din sida med hjälp av URL eller anpassad kod. Du kan läsa mer om detta i följande guide.

Lägg in en karta i syfte att visa upp en specifik plats, t.ex. lokalen för ditt företag. Under Platsskriver du in önskad adress. Välj mellan karttyperna Satellit eller Roadmap.

Lägg till en meny. Du lägger själv till vilka menyobjekt (länkar) du vill ha med. Menyn går att anpassa till olika utseenden som horisontellt, vertikal eller hamburgare. Du kan läsa mer om meny-widgeten i denna guide.
​
Exempel på meny (går att göra i flera utföranden):

Länka till din portfolio. Portfolio-widgeten är en förhandsgranskning till din portfolio där du kan visa upp bild, rubrik och beskrivning för olika objekt/projekt. Välj mellan rutnät eller karusell. Läs mer om portfolion i guiden Genomgång av portfoliofunktionen.

Lägg in en förloppsmätare. Detta är en mätare som visar hur långt fram du är i en process, exempelvis i en kurs. Den går att ställa in i procent (0-100%) och är antingen animerad eller stilla. Läs kompletta guiden här.

Exempel på förloppsmätare som finns i flera utföranden:

Lägg till en sökfunktion på din hemsida med möjlighet för besökaren att hitta innehåll på sidor, butik, blogg och portfölj.

OBS! Vid sökning på sidor så läses endast SEO-titel och SEO-beskrivningen för sidorna, och funktionen fungerar endast för webbplatser och inte för funnels.

Med den här widgeten kan medlemmar fylla i e-postadress och lösenord för att logga in till exempelvis en kursplattform eller medlemsportal. Här kan du även välja att ta emot nya registreringar till en medlemsgrupp. Notera att det redan finns en färdig systemsida för inloggning som heter Medlemsinloggning med denna widget placerad på som du kan använda om du inte vill ha den på egen/annan sida.

Då kan vi tipsa om tredjepartsverktyget Elfsight som erbjuder en mängd olika widgets du kan lägga in på din webbplats via kod.

Observera att Webbas inte kan ge dig support i verktyg utanför plattformen, om din widget du har lagt in från tredjepartsverktyg inte fungerar rekommenderar vi att du kontaktar innehavaren av verktyget.

För att hantera widgets i Webbas redigerare och lösa problem om visuell funktionalitet saknas, följ stegen nedan:

Så här tar du bort en widget från din sida:

Om papperskorgsikonen inte visas när du försöker radera sektionen kan du följa dessa felsökningssteg: