Att lägga till kod på hemsidan för att lägga in till exempel tredjepartsverktyg eller CSS kod för anpassad design går jättebra och går att göra på olika vis.
Steg 1 när du ska lägga in kod är att gå till dina webbplatsinställningar och välja menyvalet Egen kod längst upp.
När du trycker på Egen kod kommer du till nedan vy och det första du måste fråga dig är om den kod du ska placera är global (skrivs ofta hos verktyg som att koden ska placeras på alla sidor). Då ska du fokusera på de översta tre valen.
Ska däremot koden du ska placera gälla endast en specifik sida. Så väljer du valen under Sidans kod.
Kan Webbas hjälpa dig med anpassad kod?
Nej, tyvärr. Vi kan inte ge support i verktyg utanför Webbas eller kod som ej är inbyggd i plattformen. Placering av egen kod sker alltid på eget ansvar. Önskar du få hjälp med att ta fram CSS kod för design på hemsidan rekommenderar vi att prata med en som är kunnig på CSS (webbutvecklare oftast).
Vi kan däremot hjälpa dig att t.ex. säkerställa installation av Google Analytics eller Metas pixel och liknande. För att få allt på plats. Detta görs i så fall genom att boka en så kallad intensivtimme med oss.
Lägga till anpassad kod så som HEAD, BODY och HTML
Detta är vanligt när du ska implementera tredjepartsverktyg så som Google analytics, chattverktyg eller liknande. BODY och HTML markup är samma sak. Så ser du att du ska lägga in något under BODY hos ditt verktyg så är det under HTML Markup du väljer.
Lägga till CSS kod
CSS är en kod som reglerar hur saker ser ut på din sida. Detta kan användas till många saker så som reglera typsnitt, rörliga element, färger med mycket mera. Som innan så lägger du CSS för hela webbplatsen under Global. Och CSS för enskild sida under Sidans CSS.
Widget: Kod och widget: Bädda in - när du ska placera något med hjälp av kod på specifik plats på en sida/i en kolumn.
Behöver du lägga in en kod på en specifik plats på en sida för att placera ett element? Exempel på detta kan vara Instagramflöde (realtidsflöde), bädda in externa formulär/verktyg eller liknande. Då placerar du widgeten Kod eller widgeten Bädda in (se skillnaderna under bilden) beroende på vad som passar ditt behov bäst - där du vill detta element skall synas och lägger in den kod du erhållit i widgetens kodfält. Sedan bara du sparar sidan.
Kod eller Bädda in – vad är skillnaden?
Båda widgetarna används för att lägga till innehåll som inte finns som en färdig widget i Webbas, men de används för olika typer av innehåll.
Kod
Använd Kod när du vill lägga till egen eller anpassad kod på sidan, till exempel HTML, CSS eller JavaScript.
Det passar exempelvis när du:
har fått ett kodstycke som ska köras direkt på sidan
vill skapa en egen funktion eller ett eget element
behöver lägga till anpassad HTML, CSS, Javascript, Typescript, SQL, XML eller oformatterad text.
Kod-widgeten är främst till för mer tekniska eller specialanpassade lösningar.
I kod-widgeten kan du även trycka på Inställningar och välja vilken typ av kod koden du lagt in är, vilket färgtema den skall ha och om koden faktiskt ska köras eller ej och om den ska visa radnummer eller ej.
Är du inte bekant med dessa funktioner rekommenderar vi ta kontakt med webbutvecklare som kan bistå dig hitta rätt hur du ska sätta upp just din kod.
Bädda in
Använd Bädda in när du vill visa innehåll från en extern tjänst direkt på din sida.
Det kan till exempel vara:
ett formulär
en kalender eller bokningsfunktion
en video eller ljudspelare
ett verktyg eller annat innehåll från en extern plattform
Du får vanligtvis en färdig inbäddningskod (embed-kod) från tjänsten du använder och klistrar in den i widgeten.
När du bäddar in är inbäddningskoden ofta som en lång URL och läggs in i detta fält i widgeten som finns under Redigera.
OBS! Att kodens innehåll ej kommer synas i redigeringsläge. Du behöver öppna sidan i förhandsgranskning för att se hur det ser ut utåt.
