• Flytta önskat element med markören eller tangentbordet;
• Ändra storlek på elementen genom att dra ut kanterna;
• Ändra textstorlek – Textstorlek kan ändras genom att klicka på Inställningsikonen–>Stil–>Avancerat.

Se videoguide för aktivering av Google maps:

Se videoguide som visar hur ni lägger till Social integration:

Se detaljerad beskrivning nedan

Facebook fans – Gilla sida
Det är en widget med alternativ att visa dina Facebook fans, kommentarer, profilbild och så vidare. Lägg in din Facebook sidas URL i fältet “Profil URL (krävs)” i fliken Allmän.

Facebooks gilla eller rekommendera knapp
Knappen visas med eller utan antalet besökare som har gillat din Facebooksida. Lägg in din sidas URL i fältet “Url att gilla (krävs)”. Välj layoutstil (standard, räkneknapp, räkneruta), ord att visa (gilla eller rekommendera),  färgschema (ljus eller mörk beroende på er bakgrund) samt om du vill visa ansikten på personerna som har gillat din sida eller inte.

Dela
Det här en AddThis.com widget som ger dig möjlighet att visa alla sociala knappar i ett fält. Du kan välja storlek på ikonerna och vilka sociala nätverk du vill visa. Tillgängliga val är: Facebook (endast ikon med logo), Twitter (endast ikon med logo), E-post(skicka länk som e-post), Google (endast ikon med logo), Skriv ut, Mer (Lägg till detta val för att dela i fler sociala nätverk), Facebook gilla(Facebook knapp med räknare), Tweet knapp (Twitter knapp), Google plus (G+ knapp) och Addthis share (valet som samlar alla föregående). Vi rekommenderar endast användning av några av optionerna:
– De första 6 visar liknande fyrkantiga ikoner;
– nästa 3 visar standardiserade sociala knappar;
– det sista valet visar alla ovanstående i en knapp.

VK – VKontakt widget
Det är en widget som visar din VK sidas medlemmar, nyheter eller namn. Ange din VK sidas URL i fältet “ID för sida eller grupp” i fliken Allmän. Välj layout och färger (valfritt).

VK – VKontakt knapp
Det visas en knapp.
Du kan välja layout, ord som visas (gilla eller detta är intressant) och höjd.

OK – Одноклассниках widget
Det är en widget med möjlighet att visa din profil via OK.
Ange ditt grupp ID.

OK – Одноклассниках knapp
Det visas en knapp. Ange din sidas URL i fältet “URL att gilla (krävs)”. Andra anpassningsbara alternativ är: storlek, stil (oval, rund, rak), räkneverkets position (ingen, höger, övre) och text (inga, class, dela, gilla).

Flickr widget
Det är en widget som ger dig möjlighet att visa ditt Flickr galleri. Ange Flickr galleri eller ange URL.

1. Markera texten som ska vara länkad till en PDF (eller annan typ) fil.
2. Klicka på Länk ikonen.
   
3. Välj alternativet “Fil från din hemsida”
4. Välj .PDF fil från er dator och ladda upp den.
5. Markera “Öppna i nytt fönster” om det behövs.
   

Innan ni ändrar bilden, spara först en kopia av orginalfilen eftersom ändringen är permanent.

1. Öppna önskad bildfil med programmet Förhandsgranskning.
2. I menyraden högst upp på skärmen, välj Verktyg, sedan Justera storlek.
3. Ett fönster bör visas. På den högra sidan av fönstret, klicka på rutan som heter pixlar och välj önskade mått.
4. Det bör finnas tre textfält längs den vänstra sidan av fönstret märkt bredd, höjd och upplösning. Skriv in önskade värden.
5. När ni är klar, välj OK.
6. Slutligen, glöm inte att spara filen innan ni stänger den.

Använd MS Paint i Windows

1. Öppna MS Paint – det är ett förinstallerat Windows program.
2. Dra och släpp er bild i Paint. Eller använd Meny och Öppna för att importera filen.
3. Klicka på knappen “Ändra storlek” på fliken hem.
4. Ett “Ändra storlek och Snedställ” fönster öppnas.
5. Klicka på “Bibehåll bredd-höjd-förhållanden”. Om ni inte väljer det kan er bild bli utdragen.
6. Välj Procent eller Bildpunkter och fyll i önskat värde i fälten. Det räcker med att ange det vågrätta måttet då lodrätt mått automatiskt justeras enligt det ursprungliga storleksförhållandet.
7. Klicka på OK.
8. Spara bilden.

Andra metoder

Ni kan även använda något av följande alternativ:

• Photoshop
• Gimp
• Kostnadsfri online editor Pixlr
• MS Photo Gallery
• PhotoScape
• eller någon annan programvara ni känner till för att ändra bildstorlek.

Hemsidebyggaren erbjuder en lättanvänd funktion för att bygga en enklare e-butik. Nedan följer instruktioner om hur ni lägger till en ny sida med alla era produkter på er webbplats: 

1. Öppna den webbplats ni vill anpassa genom Hemsidebyggaren.
   Om ni redan har en sida och endast vill lägga till Butik gå till punkt 9.
2. Högerklicka på menyfältet och välj “Ny sida”.
3. Skriv önskat namn i fältet “Sidans namn”, välj “Innehåll” och välj från vilken sida ni vill kopiera innehållet (ni behöver egentligen inte själva innehållet och kommer att radera det efteråt, det spelar alltså ingen roll vilket alternativ ni väljer här).
4. Klicka på knappen Applicera.
5. Den nya sidan bör läggas till i menyn. Om ni inte ser den nya sidan försök att förlänga menyfältet. Det finns två sätt att göra det på:
   • Gå till det nedre högra hörnet i menyfältet med markören. Markören bör ändras till en pil. Klicka och dra till önskad bredd eller höjd.
   • Högerklicka på menyfältet och välj “Egenskaper”. Gå till fliken “Alternativ” och skriv ett högre värde i fältet “Bredd”. Klicka på Applicera.
6. Spara utkast.
7. Klicka på den nyskapade sidan i menyn.
8. Ta bort alla onödiga element genom att högerklicka på dem och välja “Ta bort”.
9. När ni har en tom sida gå till “E-handel” ikonen i övre menyn.
10. Placera markören ovanför ikonen för att se undermenyn och Dra&Släpp “Butik” till hemsidans element.
11. Använd markören eller tangentbordet för att placera och ändra skala.
12. Spara Utkast.

Varukorg

Nu har ni lagt till elementet E-butik med produkter till er hemsida. Låt oss fortsätta med att lägga till en varukorg på er sida. Det finns flera alternativ ni kan använda er av och vi kommer här att beskriva två av dem men ni kan självklart experimentera fritt om ni har några andra idéer:

Knappen varukorg i headern(sidhuvud)

Ni kan lägga till funktionen varukorg i sidhuvudet på er webbplats (bredvid er logotyp och meny) – på så sätt kommer den att vara synlig på alla menysidor.

Knappen varukorg på  “Butik” sidan.

Ni kan lägga till funktionen varukorg i innehållet på er “Butik” sida – på detta sätt är den endast synlig på den sidan.

Produkter

Här kan ni se hur man lägger till/editerar produkter:

1. Säkerställ att ni är på rätt sida och kan se Butik boxen.
2. Högerklicka på boxen och välj “Egenskaper”.
3. Börja med att, klicka på andra fliken “Inställningar” och välj rätt valuta, pris prefix/suffix, thumbnail och produktens bildstorlek. Om ni inte har betalningsalternativ tillgängliga (se funktionen Varukorg ovan) klicka på pennan till höger om fältet “Kontaktformulär” för att ställa in vilka uppgifter ni vill ha i ert kontaktformulär. Ni finner mer information om inställningarna för kontaktformuläret här.
4. När ni är klar med “Inställningar” klicka på tredje fliken “Stil” och välj önskade stilar för produkternas attribut.
5. Nu är ni redo att gå tillbaka till första fliken – “Redigera objekt” där ni kan redigera alla era produkter.
   
   • Panelen till vänster visar produktlistan (1) – ni kan genom att Dra&Släppa produkterna ändra ordningen för visning av produkterna.
   • Produktnamn (2)
   • Pris (3)
   • Kategori (4) – Ni kan välja kategori för produkten, eller “Editera” kategorier för att lägga till nya produkter.
   • SKU (5) – Stock Keeping Unit är en unik identifikationskod (Valfritt)
   • Beskrivning (6) – Skriv in produktbeskrivning i detta fält. Det finns stöd för HTML taggar (t.ex. <b>, <em>, <a href=””>, <ul><li> osv…)
   • Bild (7) – Produktbild
6. Klicka på knappen Applicera när ni är klar.
7. Spara Utkast.

Frågeformulär

Om ni inte vill erbjuda online betalning på er hemsida kan ni ha ett frågeformulär för era kunder. På detta sätt får ni ett e-postmeddelande med förfrågan istället för en order i systemet. Förfrågningar sparas inte i Hemsidebyggaren.
Här följer instruktioner för att ställa in frågeformulär:

1. Högerklicka på Butik boxen och välj “Egenskaper”.
2. Öppna den andra fliken “Inställningar”.
3. Klicka på pennan till höger om “Kontaktformulär”.
4. Första fliken “Fält” – Aktivera de fält som kunden behöver ange i sin förfrågan. Ni kan även lägga till en egen fråga med fördefinierade svar (t.ex. Hur hittade ni oss? – Via Google; Klickade på en länk på annan sida; En vän rekommenderade er). Lägg in ett svar per rad för att skapa alternativa svar i ert formulär.
   • Förfrågan skickas till den här e-posten – Ange e-postadressen som ska ta emot förfrågningar. Ni kan ange flera e-postadresser separerade med semikolon.
   • Formuläret skickas från denna e-postadress – Ange samma e-postadress eller annan adress som kommer att visas som avsändare. I detta fält kan endast en adress anges.
   • Med ämne – Ange ämne för meddelandet.
   • Formuläret skickat meddelande – Detta är meddelandet kunden kommer att se när de har skickat förfrågan. (T.ex. Tck för att ni har kontaktat oss. Er förfrågan har skickats och vi återkopplar till er så snart som möjligt.)
   • Aktivera SMTP – Detta är en valfri avancerad inställning för att skicka förfrågan med e-post. Om ni inte är säker på hur den används lämna den omarkerad – formuläret fungerar ändå. Om ni aktiverar SMTP alternativet behöver ni ange era server inställningar i fälten.
5. Tredje fliken “Inställningar” – Här kan ni lägga till Google reCAPTCH för att förhindra spam attacker. Gå till https://www.google.com/recaptcha/ och registrera en ny sajt för att få en nyckel.
6. Klicka på knappen Applicera för att spara ändringarna i formuläret.
7. Klicka på Applicera för att stänga egenskaper.
8. Spara Utkast.

Order

Det är enkelt att följa alla beställningar i Hemsidebyggaren. Öppna orderlistan på följande sätt:

1. Säkerställ att ni är på rätt sida och ser “Varukorgen”.
2. Högerklicka på den och välj “Egenskaper”.
3. Klicka på knappen “Kontrollera beställningar” i fliken “Allmän”.
4. Ni bör se en orderlista inklusive detaljer för varje order.

Låt oss titta på alla anpassningsalternativ som visas på högra sidan. Bakgrunden kan anpassas helt efter era behov.

1. I vänster kolumn, ser ni alla sidor som ni kan anpassa och de förinställda inställningarna.
   Notera att ni kan välja en standard bakgrund för alla era sidor eller för en specifik sida.
2. Det finns fyra olika bakgrundssektioner som kan anpassas – sid-, sidhuvuds-, body- och sidfotsbakgrund. Klicka på sektionen ni vill anpassa och gå vidare till nästa steg.
3. Använd den här boxen om ni vill ha en enfärgad bakgrund. Klicka på boxen för att välja färg för er bakgrund , klicka på “Applicera” och förhandsgranska era ändringar.
4. Använd detta alternativ om ni vill använda en bild eller struktur som bakgrund för er hemsida.
   Upprepande struktur (mönster)
   Om ni vill använda en struktur, klicka på Bild. Välj från bilderna som visas eller “Ladda upp ny bild” och klicka sedan på knappen “Välj” i nedre högra hörnet. I de flesta fall behöver ni välja båda optionerna under Upprepa inställningarna: Horisontellt och Vertikalt (beroende på bildstorleken ni använder er av). Klicka på Applicera och förhandsgranska era ändringar.
   Bakgrundsbild
   Om ni vill använda en bakgrundsbild, klicka på Bild. Välj från bilderna som visas eller “Ladda upp ny bild” och klicka sedan på knappen “Välj” i nedre högra hörnet.
5. Använd denna option för att välja position för er bakgrundsbild. Hoppa över detta om ni har valt struktur som bakgrund.
6. Sekundär bakgrund ger er möjlighet att lägga till flera bilder eller färger till er primära bakgrund.

För att kunna spåra dina besökares data i Google Analytics bör du först besöka analytics.google.com och skapa en profil för din webbplats. (Hur skapar jag en profil?). När din profil har skapats ska du kopiera profil-id (ex. UA-38401376-1) och följ de följande stegen för att lägga till den på din webbplats i Sitebuilder:

1. Öppna webbplatsen som du vill redigera via Site Builder.
2. Navigera till det övre högra hörnet, klicka på  -“kugghjulet” och välj “SEO” i rullgardinsmenyn.
3. Ett popup-fönster visas. Klicka på den andra fliken “Analytics”.
   
4. Klistra in profil-ID från Google Analytics i fältet “Google Analytics Tracking ID”.
5. Klicka på “Applicera”.

Hur lägger jag till Google Search Console (Webmaster Tools) -koden på min webbplats i Sitebuilder?

Du kan spåra webbplatsens sökresultat i Google Search Console (tidigare Google Webmaster Tools). Först bör du besöka webmasters.google.com för att skapa en profil för din webbplats. När din profil har skapats behöver du verifiera innehavet av webbplatsen. Genom att referera till länken ovan kommer det att märka att det finns flera verifieringssätt men i vårt exempel kommer vi att förklara hur man verifierar webbplatsen genom att placera en HTML-verifieringskod i Sitebuilder-fältet. På Google Search Console verifierings sida klickar du på alternativet “Alternativa metoder” och väljer “HTML-tagg”. Kopiera den taggen och följ de följande stegen för att lägga till den på din webbplats i Sitebuilder:

1. Öppna webbplatsen du vill redigera via Site builder.
2. Navigera till det övre högra hörnet, klicka på  -“kugghjulet” och välj “SEO” i rullgardinsmenyn.
3. Ett popup-fönster visas. Klicka på den andra fliken “Analytics”.
   
4. Klistra in HTML-taggen från Google Search Console i fältet “Google Webmaster Tools Code”.
5. Klicka på “Applicera”.

Om ni använder Svenska Domäners hemsidebyggare för att skapa er hemsida bör ni dra nytta av våra färdiga professionella mallar. Alla mallar är responsiva vilket innebär att de redan är optimerade för alla skärmstorlekar. Här följer en guide som visar hur ni aktiverar responsiviteten för er valda mall:

1. Öppna er hemsidebyggare.
2. Hitta alternativ för skärmupplösning i det översta fältet.
   Alla mallar visas med “Desktop” skärm förvalt.
   
3. Klicka på önskad skärmupplösning (bred, surfplatta eller telefon).
4. Ett extra alternativfält (vitt) visas under standardmenyn.
5. Klicka på fältet för att aktivera den valda responsiva versionen.
6. Upprepa steg 3-5 för de responsiva versioner ni vill aktivera.

När ni har aktiverat önskade skärupplösningar, kommer er hemsida att vara responsiv på olika enheter.

Varför är det viktigt att ha en responsiv hemsida?

Responsiv webbdesign erbjuder en bättre upplevelse för besökare som använder mobila enheter. Sedan 21, April 2015, betraktas responsivitet som en faktor för att förbättra hemsidans Google ranking.

Att ha en responsiv hemsida innebär mer trafik från Google:

1. Navigera till tilläggstjänstens huvudsida.
2. Scrolla ner till distribuerade domäner sektionen.
3. Klicka på ”Gå till hemsidesbyggare” för det önskade domännamnet.
4. På den här sidan, behöver ni välja domännamnet (om ni har fler än ett domännamn tillgängligt) ni vill använda er av.
5. Välj en mall för er hemsida. Välj mellan fler än 170 mallar* i olika kategorier som Konst, Företag, E-handel, Utbildning, Underhållning, Hälsa, Media, Sport, Teknik, Resor och mycket mer.
   Alla mallar har fördefinierade bilder och texter som ni enkelt kan byta ut men ändå behålla mallen ursprungliga form. Text knappar, färgsättningar och bakgrund kan enkelt förändras.
6. Er valda mall installeras och nu kan ni börja anpassa den. Editera ert innehåll och bilder med hjälp av Dra&Släpp funktionen.
7. Publicera! Gör er hemsida synlig på Internet med ett klick.

*Antalet mallar som ingår beror på vilket webbhotell ni har köpt.