Kom i gång - Steg 4 (Så här skapar du en sida från grunden) | Gratis Hemsida på under 3 minuter, Profit Builder

Kom igång med Profit Builder

Steg 3 - Så här skapar du en hemsida från grunden

När planen är bekräftad och du har ett konto kan du logga in och använda din Profit Builder.

Har det gått mer än 24 timmar sedan ditt köp utan att du fått ett konto, vänligen kontakta oss direkt på hello@profitbuilder.se

Steg 1 👉 Så här kommer du igång med ditt konto

Steg 2 👉 Så här fungerar din dashboard

Steg 3 👉 Så här skapar du en hemsida

Steg 4 👉 Så här skapar du en sida från grunden (Här är du nu)

Steg 5 👉 Så här skapar du en sida från mallar

Steg 6 👉 Så här skapar du en ny Popup

Steg 7 👉 Så här skapar du en ny Story

Behöver du hjälp med något?

Kontakta oss: hello@profitbuilder.se

1. Skapa din canvas

I denna guide kommer vi att gå igenom hur du gör allt från grunden så att du skall förstå de viktigaste funktionerna. När du kan dem så kan du också mycket enklare skapa hemsidor från Blocks och Layouts (Mallar)

Här klickar vi på + och skapar en ny canvas

2. Lägg till moduler

Nu har du en blank canvas vi kan lägga till moduler ovanpå.

Här klickar vi på + och lägger till vår första modul

3. Lägg till moduler (verktygsfältet)

När du klickar på + får du fram din verktygslåda med samtliga valbara moduler.

Nu börjar vi med att lägga till lite text på din sida.

4. Lägg till text

Du kan både enkelklicka på ikonen men du kan även dra text modulen till din canvas

5. Editera din text

Med textmodulen på din canvas kan du sedan börja

1. Detta är din textruta du kan editera din text i

2. Detta är typografi valen du har

3. Rullgardinen låter dig välja vilken typ av text du vill använda

4. Här väljer vi Rubrik 1 eller Heading 1 (eng)

Till vänster kan du även välja och med plus-tecknet lägga till egna typsnitt.

6. Slutför din rubrik

Om du inte gjorde det i steget innan kan du nu fylla i vad du vill att din rubrik skall säga. (Ex. Välkommen till min sida!)

7. Lägga till mer text

För att lägga till en underrubrik eller sidbeskrivning klickar du på plustecknet (till vänster) för att få fram alla moduler.

Dra och släpp din nya textmodul ovan eller under

1. Din textmodul

2. Guider som visar var du kan lägga in text

Bra jobbat, snart har du

en fantastisk sida!

8. Editera text

1. Skriv och editera din text

2. Justera textens position

9. Lägga till en meny

Öppna din verktygslåda (till vänster)

Klicka på och dra ut en meny-modul och lägg den ovanför din rubrik

10. Lägga till en meny (forts...)

När man lägger till en meny från grunden så finns ingen meny skapad.

Du kan skapa flera menyer, exempelvis en meny för datorn och en för mobilen, om man vill visa mindre alternativ i mobilen eller vise- versa. Ibland brukar man ha en meny längst upp på sidan och sedan en meny längst ned på sidan vilka kan ha olika länkar.

Den översta menyn kallas ofta för "Header" meny och den undre för "Footer" meny.

Menyerna lagras i din builder och går att "visa" genom en Meny-modul. Det är enklast att förstå genom att testa själv.

Meny-modulen tillåter dig att välja en meny. Men först måste vi skapa en meny.

Klicka på Create a Menu

11. Skapa din meny

Här klickar du på

1. Fältet och fyller i namnet på din meny (visas enbart för dig)

2. Plustecknet för att spara/lägga till menyn

Sedan lägger vi till de menyval du vill skall finnas i din meny.

3. Checka i Custom link. För att lägga till checka i boxen

4. När du checkat i boxen lägger du till menyvalet

5. Categories är kategorier, när du skapat fler sidor dyker de även upp här som valbara med en checkbox

6. Custom link är länkar du definierat själv

(Ex. www.minsida.se/kontakt eller www.minsida.se/om-oss eller www.enannansida.se)

12. Skapa din meny (forts...)

Här har vi lagt till fyra Custom links

För att editera menyvalen

1. Klicka på kuggjulet

2. Fyll i vart du vill att menyvalet skall länka de som klickar på menyvalet

3. Fyll i vad menyvalet skall presenteras som i din meny

Du kan även välja "Open in new tab" detta får din knapp att öppna menyvalet som en ny ruta i webbläsaren för besökaren.

Detta är inte vanligt i en huvudmeny men kan vara bra för externa länkar (om du vill länka till en annan hemsida)

4. Klicka på Save changes för att spara din meny

13. Skapa din meny (forts...)

Är det första menyn du skapar kan du behöva uppdateras sidan för att den skall visas.

Klicka på Save draft längst ned till höger och uppdatera sidan i din webbläsare.

14. Skapa din meny (forts...)

Nu visas menyn.

15. Editera din meny

Klicka på något av menyvalet så kommer du att få fram en verktygsrad med alternativ

Från vänster

Mega meny (stor meny)

Ikoner (välj ikoner för dina menyval)

Typografi (välj hur texten i menyn skall se ut)

Färg (anpassa färgen för dina menyval)

Avancerat (avancerade alternativ)

16. Editera ditt block

Den canvas du lagt till alla moduler på kallas för ett block.

För att editera blockets bakgrund och egenskaper klickar du på ikonen uppe till höger.

Syns den inte kan du behöva föra musen till övre höger hörn.

17. Editera ditt block (Egenskaper)

Vi börjar med att ändra blockets egenskaper

1. Klicka på kuggjulet

2. Klicka på rullgardinen

3. Välj "Full Height"

Detta gör att blocket nu kommer fylla höjden på alla skärmar från topp till botten.

18. Editera ditt block (Bakgrund)

Sedan lägger vi till en effektfull bakgrund

Klicka på fyrkanten näst längst till vänster för att välja bakgrund

1. Klicka på bild-ikonen

2. Du kan även välja video (från Youtube eller egen)

3. Du kan även välja karta som bakgrund

4. Klicka i den tomma rutan och ladda upp en bakgrund du gillar.

Tips: Ju högre kvalitet ju enklare blir det att få till en snygg helhet.

Tips på ställen med bra bilder:

pixbay.com

canva.com/photos

19. Editera ditt block (Bakgrundseffekter)

Nu kan vi lägga till en effekt

1. Justera hur var du vill lägga fokus på bilden med den blå pluppen

2. Klicka på rullgardinen och välj din effekt (Fixed fungerar bäst i flest webbläsare)

20. Editera ditt block (Bakgrundsfärg)

Nu kan vi göra texten lite tydligare genom att lägga på bakgrundsfärg

1. Klicka på färgikonen

2. Klicka på Overlay

3. Välj vilken typ av bakgrundsfärg du vill ha

4. Välj färg i färgväljaren

5. Välj färgskala

6. Om du vill använda en temafärg från sidans nuvarande tema (se tema)

7. Välj färgens transparens över din bild

21. Spara din sida

Spara bör du göra lite då och då för att ditt jobb inte skall gå förlorat. Save draft betyder att du fortfarande inte publicerat din sida utan sparar sidan som utkast. Publicera gör vi på nästa steg.

22. Publicera och testa din sida

När du är nöjd och vill visa din sida för andra klickar du på

1. Pilen upp

2. Publish Page

Hos oss får alla som har en Profit Builder plan, obegränsat med domäner hos oss.

Eftersom vi ännu inte lagt till din egen domän kommer sidan nu få ett fint namn under en av våra domäner. ex. plum37846.profitmedia.site. Denna adress kan alla nå och du kan visa den för andra.

3. Du kan se vilken adress du fick när du klickar på Preview (3). Din sida öppnas nu i en ny flik där du kan se hur din sida ser ut.

Du kan även ta din adress från adressfältet och skicka till vänner/anställda om du vill visa vad du designat och få input.

Är du inte nöjd kan du avpublicera med samma knapp (knappen Publish Page byter namn när en sida är publicerad. Till Switch to Draft)

GRATTIS!!! 🎉

Du har skapat din första

Profit Builder sida!

Kom igång med Mallar och gör den

ännu mer fantastisk!