Det at opbygge en hjemmeside føltes tidligere som et projekt, du var nødt til at hyre nogen til. Ikke længere.
Jeg har brugt Hostinger Website Builder, og i denne guide vil jeg føre dig igennem hele processen, trin for trin, fra det øjeblik du logger ind, til dit site går live.
Lad os komme i gang.
Hvad er Hostinger Website Builder?
Hostinger Website Builder er en AI-drevet, træk-og-slip hjemmesidebygger, som er indbygget direkte i din Hostinger-konto.
Du behøver ikke installere noget, du behøver ikke kunne kode, og du behøver ikke have en designbaggrund. Du beskriver, hvad du vil have, AI’en bygger en fuld hjemmeside til dig, og så tilpasser du den, så den matcher dit brand.
Det er en af de hurtigste måder at gå fra ingenting til en fuldt live, professionelt udseende hjemmeside.
Trin 1: Log ind og navigér til byggeværktøjet
Når du logger ind på din Hostinger-konto, lander du på hPanel. Dette er Hostingers primære kontrolpanel, og det er her, du administrerer alt, inklusive dine hjemmesider, domæner, e-mails og fakturering.
På venstre sidebjælke vil du se en liste med navigationsmuligheder. Klik på Websites. En lille dropdown vises nedenunder med to muligheder: Websites list og Migrations. Klik på Websites list.
Du er nu på siden Websites list, som viser alle de hjemmesider, der er tilknyttet din konto.
Øverst til højre på siden vil du se en lilla + Add website-knap. Klik på den.
En lille dropdown-menu vises med fire muligheder:
- Hostinger Horizons
- WordPress
- Hostinger Website Builder
- Og tilpasset PHP/HTML-hjemmeside
Du skal klikke på Hostinger Website Builder, som beskrives som den “AI-drevne træk-og-slip hjemmesidebygger.”
Trin 2: Beskriv din hjemmeside for AI’en
Efter at have valgt Hostinger Website Builder, føres du til en opsætningsskærm med overskriften “Let AI create your online presence.”
Her fortæller du AI’en, hvilken type hjemmeside du ønsker at opbygge.
Du vil se en stor tekstboks med pladsholderteksten “Describe your website or business.” Dette er din prompt-boks, og hvad du skriver her, bestemmer alt det, AI’en genererer for dig. Jo flere detaljer du giver, desto bedre bliver resultatet.
Under tekstboksen vil du også bemærke en række hurtigstartforslag. Disse inkluderer muligheder som “Create a business website,” “Create an online store,” “Design a portfolio,” “Launch an appointments website,” “Start a blog,” “Launch a restaurant website,” og “Create a one pager website.”
Ved at klikke på et af disse udfyldes en startprompt, som du derefter kan redigere og udbygge.
I bunden af skærmen vil du også se to yderligere links: Pre-made templates og Link in bio website.
Hvis du foretrækker at springe AI’en over og gennemse eksisterende designs, klik på Pre-made templates.
Hvis du kun har brug for et simpelt enkelt-sidesite til dine sociale medier, er Link in bio-muligheden værd at tjekke.
For de fleste, der bygger en rigtig hjemmeside, er AI-promptboksen dog det rigtige sted at starte.
Sådan skriver du en god AI-prompt
Dette er den vigtigste del af hele processen. Tænk på AI-prompten som en brief, du giver en designer. Jo klarere du kommunikerer din vision, desto tættere vil resultatet være det, du faktisk ønsker.
Her er den prompt, jeg brugte til denne guide. Jeg byggede en hjemmeside til et kreativt bureau:
“Build a modern, professional website for a creative agency that offers branding, graphic design, web design, and digital marketing services. The website should feel creative, bold, and trustworthy while staying clean and easy to navigate. Use a modern layout with strong visuals, good spacing, and stylish typography. Include the following pages: Home, About, Services, Portfolio, Blog, and Contact. On the Home page, add a hero section with a powerful headline, short value-focused description, and a clear call-to-action button like ‘Start Your Project’ or ‘Get a Quote.’ Write simple, persuasive copy that explains what we do, who we help, and the results we deliver. Make the website mobile-friendly, fast-loading, and optimized for basic SEO.”
Bemærk, hvor specifik den er. Den dækker branchen, tonen, layoutstilen, nødvendige sider, hjemmesidens struktur og indholdsmål. Det niveau af detaljer giver AI’en et solidt fundament at arbejde ud fra.
Når du har skrevet din beskrivelse, vil du se en “Improve description”-knap øverst til højre i tekstboksen.
Jeg anbefaler at klikke på denne, før du sender. AI’en vil udvide og forfine din prompt og ofte fange ting, du ikke fik med.
Når du er klar, klik på den lilla pilknap (send-ikonet) nederst til højre i tekstboksen for at indsende din prompt og starte generationen.
Trin 3: Vent på, at AI’en bygger dit site
Efter du har indsendt din prompt, går Hostingers AI i gang med det samme. Du vil se en fuldskærmsindlæsningsanimation på en dyb lilla baggrund med beskeden “Looking for matching pictures…” og en fremdriftslinje, der viser, hvor langt processen er nået.
Dette trin tager typisk mellem 30 og 60 sekunder. I denne tid laver AI’en en del: genererer dine sidelayouts, skriver dit webstedstekst, vælger matchende billeder fra et billedbibliotek, bygger din navigation og strukturerer hele dit site baseret på din prompt.
Luk ikke fanen, mens det indlæses. Vent bare og lad det køre.
Trin 4: Gennemgå, hvad AI’en har bygget
Når AI’en er færdig, vises en forhåndsvisning af din nye hjemmeside. Dette er resultatskærmen, og det er virkelig spændende at se, hvad der er blevet genereret.
Til venstre på skærmen ses en live forhåndsvisning af din genererede hjemmeside. Til højre er der et panel kaldet “Your idea summary,” som viser en opsummering af den prompt, du indsendte, og en “Edit idea”-knap, hvis du vil gå tilbage og genskabe med en anden eller opdateret prompt.
I mit tilfælde navngav AI’en sitet “BoldCraft Studio” og genererede en forside med overskriften “Crafting Bold Brands That Shine”, en underbyggende beskrivelse og to call-to-action-knapper: “Start Now” og “Get Quote”.
Navigationsbjælken indeholdt alle de seks sider, jeg bad om: Home, About, Services, Portfolio, Blog og Contact.
Øverst til venstre på forhåndsvisningsskærmen vil du også se to knapper: Previous versions, som lader dig bladre gennem alternative designs, AI’en har overvejet, og Rate site, som lader dig give feedback på resultatet.
Øverst til højre i forhåndsvisningen vil du se ikoner for desktop- og mobilvisning. Brug dem til at tjekke, hvordan dit site ser ud på en telefon, inden du går videre. Det er en god vane at gøre dette tidligt.
Hvis du er tilfreds med den overordnede retning, skal du klikke på den lilla Continue-knap i højre panel. Dette fører dig ind i den fulde editor, hvor den virkelige tilpasning sker.
Hvis du ikke er tilfreds med resultatet, skal du klikke på Edit idea, revidere din prompt og regenerere. Du kan gøre dette så mange gange, du har brug for.
Trin 5: Bliv fortrolig med editoren
Editoren er stedet, hvor du vil bruge det meste af din tid. Når du først lander her, så tag et øjeblik til at forstå layoutet, før du begynder at klikke rundt.
Editoren har to hovedområder.
- Det store centrale område er dit webstedslærred, hvor du kan se og interagere med dit site i realtid.
- Den smalle lodrette sidebjælke til venstre er dit kontrolpanel, og den indeholder alt, hvad du behøver.
Her er, hvad hvert punkt i sidebjælken gør:
- Setup giver dig adgang til dit sites grundlæggende indstillinger, tilknyttede domæne og planoplysninger.
- Elements åbner træk-og-slip-panelet, hvor du kan tilføje nye indholdsblokke til enhver side. Jeg kommer nærmere ind på dette om lidt.
- Pages viser alle dine sider samlet ét sted. Du kan skifte mellem sider, tilføje nye, omdøbe eksisterende, ændre rækkefølge eller slette dem, du ikke har brug for.
- Styles styrer dit sites globale design. Her indstiller du dine skrifttyper, farvepalet og knapstilarter. Ændringer her anvendes på hele dit site, så det er det rigtige sted at foretage overordnede designvalg frem for at ændre ting én sektion ad gangen.
- AI tools giver dig adgang til Hostingers skrive- og indholds-AI. Du kan bruge det til at omskrive sektioner af tekst, generere nyt indhold med mere.
- Blog er, hvor du opretter og administrerer blogindlæg, hvis dit site har en blog.
- Store er, hvor du opsætter din webshop, hvis du sælger produkter. Bemærk, at e-handelsfunktioner kræver en plan på et højere niveau.
- SEO åbner den indbyggede SEO-manager, hvor du kan indstille metatitler, beskrivelser og andre søgeoptimeringsdetaljer for hver side.
- More udvider til en anden menu med yderligere værktøjer, herunder Appointments, General settings, Integrations, Form submissions, Analytics, Media library, Multi-language support, Manage backups, Export content to WordPress og Help and Resources.
Øverst i editoren finder du også hovedværktøjslinjen. Fra venstre mod højre indeholder den: en desktop- og mobilvisning-toggle, fortryd og gentag-knapper, en Connect domain-knap, en Preview-knap og den grønne Go live-knap.
Trin 6: Rediger dit indhold
Nu kommer den del, hvor du gør sitet til dit eget. Klik hvor som helst på dit webstedslærred for at begynde at redigere.
Når du holder musen over en sektion på siden, vil du se en blå etiket øverst til venstre i den sektion, der viser, hvilken type element det er, for eksempel “Section” eller “Header.” Samtidig dukker en lille flydende værktøjslinje op over sektionen med dine redigeringsmuligheder.
Sektionens værktøjslinje giver dig følgende kontroller fra venstre mod højre: Edit section åbner sektionens indstillingspanel, hvor du kan ændre baggrundsbillede eller -farve, justere polstring og tilpasse layoutmuligheder.
Ved siden af ligger Generate image, som åbner AI-billedgeneratoren.
Derefter har du et Duplicér-ikon, en Vis/skjul-toggle, et Slet-ikon, pil op og pil ned til at ændre rækkefølgen af sektioner, og en tre-prik Mere muligheder-menu.
For at redigere tekst på siden skal du blot klikke direkte på den og begynde at skrive. Tekstelementet bliver redigerbart, og du vil se formateringskontroller vises. Du kan ændre skrifttype, størrelse, vægt, justering og farve direkte fra disse kontroller.
For at ændre et billede skal du klikke på det. Du vil se muligheder for at erstatte det med et fra dine egne filer, gennemse Hostingers bibliotek af stock-billeder eller generere et nyt med AI.
Arbejd først igennem din forside, og brug derefter Pages-panelet til at skifte til hver yderligere side og redigere dem på samme måde.
Trin 7: Brug AI-billedgeneratoren
En funktion, der er værd at stoppe op ved, er AI image generator, fordi den er virkelig nyttig, hvis du ikke har professionelle billeder selv.
For at få adgang til den, hold musen over en sektion på din side, og klik på Generate image i den flydende sektion-værktøjslinje. Et panel vil glide ind fra højre side af skærmen.
Inde i panelet vil du se en tekstboks mærket “Image description.” Skriv en beskrivelse af det billede, du ønsker at skabe.
Jo mere specifik og visuel din beskrivelse er, desto bedre bliver output. Panelet viser en tegnbegrænsning på 3.000 og en realtidskvalitetsindikator, der fortæller dig, om din beskrivelse er stærk nok.
For eksempel, da jeg skrev “A modern creative agency workspace with designers collaborating around laptops and large screens, displaying branding designs, website mockups, and digital artwork. Bright, clean, and stylish office,” viste panelet “Great description!” med fyldte kvalitetsbjælker.
Når du er tilfreds med din beskrivelse, klik på Create images-knappen. AI’en genererer et sæt billeder, du kan vælge imellem.
Én ting skal du være opmærksom på: AI-billedgeneratoren kræver Business-planen eller højere. Hvis du er på Premium-planen, vil du se et opgraderingsprompt i bunden af panelet.
Trin 8: Tilføj nye elementer til enhver side
Hvis du vil tilføje en indholdsblok, der ikke allerede er på din side, skal du klikke på Elements i venstre sidebjælke. Dette åbner panelet “Add elements.”
Du vil se et gitter med alle tilgængelige elementer, inklusive Text, Button, Affiliate link, Add to bag, Image, Gallery, Video, Shape, Card, Map, Instagram feed og Contact form. For at tilføje et af disse til din side skal du trække det fra panelet og slippe det på dit lærred, hvor du ønsker det.
Når det er placeret, klik på elementet for at få adgang til dets individuelle indstillinger og stilmuligheder.
Denne træk-og-slip-tilgang betyder, at du aldrig er låst til det layout, AI’en genererede. Du kan tilføje, fjerne og omarrangere elementer frit.
Trin 9: Administrér dine sider
Klik på Pages i venstre sidebjælke for at se alle dine sider vist samlet. Du kan klikke på ethvert sidenavn for at hoppe til redigering af den side.
For at tilføje en ny side bruger du plus-ikonet. For at ændre rækkefølgen, sider vises i din navigation, træk dem op eller ned på listen.
Hvis du har sider, som AI’en har genereret, men som du ikke har brug for, kan du slette dem herfra. Ligeledes, hvis du har brug for en side, som AI’en ikke inkluderede, såsom en Testimonials-side eller en Pricing-side, kan du tilføje den her og derefter bygge den ud ved hjælp af Elements-panelet.
Trin 10: Opsæt din SEO
Før du publicerer, skal du opsætte din SEO. Dette er et trin, mange springer over, og det er en fejl.
Det tager omkring 15 minutter at udfylde dine SEO-indstillinger korrekt, og det kan virkelig gøre en forskel for, om folk finder dit site gennem Google.
Klik på SEO i venstre sidebjælke for at åbne SEO-panelet med titlen “Let’s be found on Google (SEO).”
Panelet er delt i to sektioner. Til venstre ser du en liste over alle dine sider. Til højre ser du Website overview, som viser dit virksomhedsnavn og websidesprog. Klik på Edit for at opdatere disse, hvis de ikke er korrekte.
Under webstedsinformationen ser du en sektion kaldet “Some pages require your attention.”
Hver side, der har brug for arbejde, er markeret med et orange advarselsikon. Klik på en hvilken som helst side i venstre panel for at åbne dens individuelle SEO-indstillinger, hvor du kan skrive en meta-titel og en meta-beskrivelse for den specifikke side.
Arbejd dig igennem alle siderne på listen. En god meta-titel er klar, indeholder dit hovedsøgeord, og er under 60 tegn. En god meta-beskrivelse opsummerer, hvad siden handler om, og er under 160 tegn. Dette er uddragene, der vises i Googles søgeresultater, så det er værd at bruge et par minutter på hver.
Trin 11: Tilslut dit domæne
Hvis du endnu ikke har tilsluttet et brugerdefineret domæne til dit site, er det nu, du skal gøre det. Klik på Connect domain-knappen i topbjælken i editoren.
Du har to muligheder. Hvis du allerede ejer et domæne, kan du tilknytte det ved at opdatere dine DNS-indstillinger, så de peger på Hostingers servere. Hvis du endnu ikke ejer et domæne, kan du købe et direkte hos Hostinger på samme skærm.
Indtil du tilslutter et domæne, vil dit site være tilgængeligt via et midlertidigt Hostinger-underdomæne, såsom yoursite.builder-preview.com. Det er fint til tests, men du vil have et ordentligt domæne, før du begynder at dele dit site offentligt.
Trin 12: Forhåndsvis dit site og publicer
Du er næsten færdig. Før du trykker på publicer, klik på Preview-knappen i øverste højre værktøjslinje.
Dette åbner en fuldskærmsforhåndsvisning af præcis, hvordan dit site vil se ud for besøgende. Skift mellem desktop- og mobilvisninger ved hjælp af ikonerne øverst på forhåndsvisningsskærmen, og tjek, at alt ser rigtigt ud på begge.
Vær særligt opmærksom på, hvordan din hero-sektion på forsiden ser ud på mobil, hvordan din navigation kollapser, og om nogen billeder beskæres på en måde, du ikke havde tænkt dig.
Når du er tilfreds med alt, gå tilbage til editoren, og klik på den grønne Go live-knap øverst til højre. Dit site er nu publiceret og live på internettet.
Trin 13: Udforsk integrationer
Når dit site er live, er det værd to udforske de integrationer, der er tilgængelige for dig. Gå til More > Integrations i venstre sidebjælke.
Integrations-panelet lader dig tilslutte dit websted til eksterne værktøjer og tjenester. De nuværende muligheder inkluderer Shippo til generering af forsendelsesetiketter og ordreudførelse, Printful til at skabe og sælge print-on-demand-tilpassede produkter, Hostinger Reach til emailmarketing og nyhedsbreve, Google Ads til at køre betalte annoncekampagner, og Custom code, hvis du vil tilføje din egen HTML, CSS eller JavaScript for at udvide dit sites funktionalitet.
For at aktivere en integration skal du klikke på Get started ved siden af, følge tilslutningstrinene og derefter opdatere dit site ved at genudgive det.
Tips til at få mest muligt ud af Hostinger Website Builder
Vær generøs med din AI-prompt. En prompt på to sætninger giver dig et generisk resultat. En detaljeret, specifik prompt, der dækker din branche, målgruppe, designpræferencer, sidestruktur og tone of voice, giver dig noget, der er meget tættere på det, du egentlig ønsker. Brug fem minutter på at skrive en ordentlig brief, og det sparer dig timer af efterfølgende redigeringstid.
Brug Improve description-knappen hver gang. Den er let at overse, men den er virkelig nyttig. AI’en fanger ofte ting, du har ladet være uklare, og omsætter dem til konkrete design- og indholdsinstruktioner.
Rediger din tekst grundigt. AI’en skriver god placeholder-tekst, men den kender ikke din virksomhed, som du gør. Gennemgå hver side og omskriv teksten, så den afspejler dine faktiske tjenester, din reelle værdi og din ægte stemme.
Tjek mobilvisningen, inden du publicerer. Hostinger gør automatisk dit site responsivt, men billeder og afstande kan nogle gange kræve mindre justeringer på mindre skærme. Forhåndsvis altid på mobil, før du går live.
Udfyld SEO for hver enkelt side. Ikke kun forsiden. Hver side på dit site fortjener en ordentlig meta-titel og -beskrivelse. Det tager få minutter per side, og det er en af de mest ligetil ting, du kan gøre for at forbedre din synlighed i søgeresultater.
Brug Mediebiblioteket til at holde styr på billeder. Under More > Media library kan du uploade og administrere alle dine billeder ét centralt sted. Det gør det meget nemmere at genbruge billeder på tværs af sider og holde dit site sammenhængende.
Kom tilbage og forbedr løbende. At publicere dit site er ikke slutningen på processen, det er begyndelsen. Kom tilbage jævnligt for at opdatere dit indhold, tilføje nye blogindlæg og finjustere dine sider, efterhånden som din virksomhed udvikler sig.
Hostinger Website Builder fjerner næsten alle barrierer, der tidligere stod mellem dig og en professionel hjemmeside. AI’en gør det tunge forarbejde med design og tekst, editoren gør tilpasning ligetil, og de indbyggede SEO- og integrationsværktøjer betyder, at du har alt, hvad du behøver ét sted.
Følg trinnene i denne guide, og du kan realistisk set have en live, poleret hjemmeside kørende på under en time.
