Komplet guide til Squarespace: Byg smukke hjemmesider uden kode

Denne guide tager dig fra begynder til selvkørende med Squarespace. Alt er skrevet i et praktisk, jordnært sprog — ingen teknisk jargon, bare konkrete trin.

Indhold

1. Hvad er Squarespace?
2. Hvornår skal du bruge det?
3. Kom i gang
4. Editor
5. Sider
6. Design
7. Billeder og video
8. Blog
9. Webshop
10. Formularer
11. SEO
12. Analytics
13. Mobil
14. Extensions
15. Domæne
16. Pris
17. Fordele og ulemper
18. Eksempel-projekt: Fotografportfolio

1. Hvad er Squarespace?

Squarespace er en all-in-one hjemmesidebygger, der gør det muligt at designe, bygge og drive en hjemmeside uden at skrive en eneste linje kode. Platformen blev grundlagt i 2003 og er i dag en af de mest anerkendte løsninger til hjemmesider og webshops.

Hvad får du?

• Smukke, professionelle templates — Designet af professionelle designere, så du starter med et flot udtryk
• Træk-og-slip editor — Ingen kodning nødvendig, men mulighed for custom code hvis du vil
• Alt samlet ét sted — Hosting, domæne, SSL, opdateringer, backups — det kører automatisk
• Indbygget e-handel — Sælg produkter, digitale varer og services
• Blog og portfolio — Byg smukke blog og portfolio-sider uden ekstra plugins
• Mobilt design — Alle templates er responsive, så dit site ser godt ud på alle enheder

Hvem bruger det?

Squarespace er populært blandt kreative, fotografer, restauranter, kunstnere, freelancere og små virksomheder, der lægger vægt på design og brugervenlighed. Det er ikke tilfældigt, at Squarespace er sponsor for mange kreative podcasts og YouTube-kanaler.

Hvad er det IKKE?

• Ikke så fleksibelt som WordPress (du kan ikke bare installere tusindvis af plugins)
• Ikke så avanceret som Webflow til komplet custom design
• Ikke ideelt til store e-handelsbutikker med tusindvis af produkter (der er bedre løsninger)

2. Hvornår skal du bruge det?

Squarespace er det rigtige valg, når design og brugervenlighed er vigtigere end total fleksibilitet.

Perfekt til:

Overvej alternativer, hvis du:

• Har brug for avanceret funktionalitet med mere end 100 plugins
• Driver en stor e-handelsbutik med komplekse lagerstyringsbehov
• Vil have 100% kontrol over hver eneste pixel
• Har brug for avancerede brugerroller og tilladelser
• Skal bygge et medlemskabssystem med kompleks logik

3. Kom i gang

Trin 1: Opret en konto

1. Gå til squarespace.com
2. Klik på "Get Started" eller "Start a Free Trial"
3. Du får en 14-dages gratis prøveperiode — ingen kreditkort nødvendigt
4. Vælg en kategori der matcher dit projekt (portfolio, business, restaurant osv.)

Trin 2: Vælg en template

Squarespace viser dig en række templates baseret på din kategori. Her er nogle populære valg:

• Paloma — Minimalistisk portfolio
• Brine — Fleksibel og tilpasses til mange formål
• York — Klassisk blog/Portfolio
• Bedford — Business-orienteret
• Galapagos — God til webshops

Tip: Lad dig ikke stresse over valget. Du kan altid skifte template senere uden at miste dit indhold.

Trin 3: Grundindstillinger

Når du har valgt en template, kommer du ind i editoren. Før du går i gang med indholdet:

1. Site Title — Gå til Settings → General → Site Title og indtast dit navn
2. Logo — Upload dit logo under Settings → Brand Identity (eller Logo & Title)
3. Favicon — Det lille ikon i browser-fanen. Upload under Settings → Favicon
4. Kontaktoplysninger — Tilføj adresse, telefon, email under Settings → Contact Information
5. Social Links — Tilføj links til dine sociale medier under Settings → Social Links

Trin 4: Planlæg din struktur

Før du opretter sider, så tag 5 minutter til at planlægge:

1. Hvilke sider har du brug for? (Hjem, Om, Kontakt, Portfolio, Blog osv.)
2. Hvordan skal navigationen se ud? (Hvilke sider øverst, hvilke i dropdown?)
3. Hvilke billeder og tekst har du klar? (Saml alt indhold først)

4. Editor

Squarespace-editoren er opdelt i fire hovedområder:

Pages Panel

Her administrerer du alle dine sider. Klik på "Pages" i venstre sidebar.

• Main Navigation — Sider der vises i hovedmenuen
• Not Linked — Sider der eksisterer men ikke er i navigationen (f.eks. en takkeside)
• Plus (+) knappen — Tilføj ny side, samling eller mappe

Design Panel

Her tilpasser du det overordnede udseende:

• Site Styles — Skrifttyper, farver, afstande
• Browser Icon (Favicon) — Det lille ikon i fanen
• Lock Screen — Sider der er beskyttet med kode
• Checkout — Design af kassen til webshoppen

Commerce Panel

Hvis du har e-handelsfunktioner aktiveret:

• Orders — Se og administrer bestillinger
• Inventory — Lagerstyring
• Customers — Kundedatabase
• Discounts — Rabatkoder
• Shipping — Fragtindstillinger
• Payments — Betalingsindstillinger

Marketing Panel

Alt der har med markedsføring at gøre:

• Email Campaigns — Send nyhedsbreve
• SEO — Søgemaskineoptimering
• Analytics — Trafikstatistik
• Promotional Pop-Up — Pop-up-vinduer
• Announcement Bar — Meddelelseslinje øverst

Tilføjelse af indholdsblokke

For at tilføje indhold til en side:

1. Klik på "+"-knappen, hvor du vil tilføje noget
2. Vælg en bloktype fra menuen
3. Træk blokken til den ønskede position
4. Klik på blokken for at redigere den

Almindelige blokke

5. Sider

Squarespace organiserer sider i forskellige kategorier:

Standard sider

Almindelige sider med fast indhold. Du tilføjer indhold med blokke.

Eksempler: Hjem, Om os, Kontakt, Services, Ofte stillede spørgsmål.

Collections (samlinger)

Specielle sidetyper med automatiske funktioner:

• Blog — Opret indlæg med dato, kategorier og tags
• Store — Produktsider med kurv og betaling
• Portfolio — Vis projekter i et galleri-lignende format
• Albums — Til fotografi-samlinger
• Events — Kalender med begivenheder

Folders (mapper)

Organiser sider i dropdown-menuer:

1. Opret en ny side og vælg "Folder"
2. Tilføj undersider til mappen
3. Mappen vises som et dropdown i navigationen

Navigation

Sådan redigerer du navigationen:

1. Gå til Pages
2. Træk sider for at omarrangere rækkefølgen
3. Træk en side ind under en anden for at oprette et dropdown
4. Klik på et side-navn for at redigere det

Eksterne links

Du kan tilføje links til andre hjemmesider:

1. Klik "+" i Pages-panelet
2. Vælg "Link"
3. Indtast URL og linktekst

Beskyttede sider

Du kan beskytte sider med adgangskode:

1. Klik på sideindstillinger (tandhjulsikon)
2. Vælg "Password"
3. Indtast den ønskede adgangskode

Tip: Du kan også oprette medlemssider, der kun er tilgængelige for loggede brugere (kræver Basic Commerce plan eller højere).

6. Design

Site Styles

Det vigtigste designværktøj i Squarespace. Gå til Design → Site Styles.

Her kan du tilpasse:

Skrifttyper (Fonts)

• Site Title / Tagline — Overskrift og undertekst
• Primary Navigation — Menu-punkter
• Headings (H1-H6) — Alle overskriftstyper
• Body — Brødtekst
• Buttons — Knap-tekst

Vælg mellem hundredvis af Google Fonts eller upload dine egne (på Business-planen eller højere).

Farver

• Site — Baggrundsfarve og tekstfarve
• Primary Color — Hovedfarve til links og knapper
• Secondary Color — Accentfarve
• Header / Footer — Separate farveskemaer

Tip: Brug altid maksimalt 2-3 farver for et rent, professionelt udtryk.

Spacing

• Site Margin — Afstand til skærmkanterne
• Section Padding — Afstand mellem sektioner
• Block Spacing — Afstand mellem blokke

Tilpasning af headers

Headeren er det første besøgende ser. Du kan tilpasse den under Design → Site Styles → Header:

• Layout — Centreret, venstrestillet, med eller uden logo
• Farve — Fast farve eller transparent
• Størrelse — Kompakt eller fuld bredde
• Navigation — Horisontal eller hamburger-menu

Tilpasning af footeren

Footeren kan indeholde:

• Kontaktinformationer
• Sociale medie-ikoner
• Navigationslinks
• Nyhedsbrev signup
• Copyright-tekst

Brugerdefineret CSS

Hvis du vil have mere kontrol, kan du tilføje custom CSS:

1. Gå til Design → Custom CSS
2. Tilføj dit CSS-kode
3. Ændringerne træder i kraft med det samme

Eksempel på custom CSS:

/* Gør overskrifter federe */
    h1 { font-weight: 800; }

    /* Tilføj skygge til billeder */
    .sqs-block-image img {
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Tilføj hover-effekt til knapper */
    .sqs-block-button a:hover {
      transform: translateY(-2px);
      transition: transform 0.2s ease;
    }
    

7. Billeder og video

Billedoptimering

Gode billeder gør dit site, men tunge billeder gør det langsomt. Sådan optimerer du:

Filstørrelse

• Max bredde: 2500 pixel (til full-screen baggrundsbilleder)
• Normalt indhold: 1500-2000 pixel bredde er tilstrækkeligt
• Format: JPEG til fotos, PNG til grafik med gennemsigtighed
• Kompression: Brug værktøjer som TinyPNG eller Squoosh

Billeder på Squarespace

Squarespace komprimerer automatisk billeder, men du kan hjælpe processen:

1. Upload billeder i god, men ikke ekstrem kvalitet
2. Brug Lazy Loading (aktiveres automatisk)
3. Undgå unødvendigt store billeder (f.eks. 5000x5000 pixel)

Gallerier

Squarespace tilbyder flere galleriformater:

Grid Gallery

• Billeder i et jævnt gitter
• God til produktfotos eller portfolio

Slider Gallery

• Billeder der skifter automatisk eller med pil-klik
• God til hero-sektioner

Stacked Gallery

• Billeder under hinanden
• God til blog-indlæg eller historiefortælling

Poster Gallery

• Billeder i forskellige størrelser (Pinterest-stil)
• God til visuelt varierede portfolios

Sådan opretter du et galleri:

1. Klik "+" hvor du vil have galleriet
2. Vælg "Gallery"
3. Vælg layout
4. Upload billeder eller tilføj eksisterende billeder
5. Tilføj billedtekster og links

Video

Indlejrede videoer

1. Kopier linket fra YouTube eller Vimeo
2. Tilføj en Video-blok
3. Indsæt linket
4. Squarespace indlæser automatisk videoen

Video-baggrund

Du kan sætte en video som baggrund på en sektion:

1. Klik på sektionens redigeringsikon
2. Vælg "Background"
3. Upload en video eller indlejr en YouTube/Vimeo-link
4. Tilføj farve-overlay for at gøre tekst læsbart

Tip: Video-baggrunde gør dit site levende, men brug dem sparsomt — de kan gøre siden langsom på mobil.

Lazy Loading

Lazy loading betyder, at billeder først indlæses, når brugeren scroller ned til dem. Dette er aktiveret automatisk i Squarespace, men du kan kontrollere det:

1. Klik på et billede
2. Vælg "Image Settings"
3. Under "Loading" kan du vælge "Lazy" eller "Eager"

8. Blog

Squarespace har et af de bedste indbyggede blogsystemer til hjemmesidebyggere.

Opret et blog-indlæg

1. Gå til Pages
2. Klik "+" og vælg "Blog"
3. Giv bloggen et navn
4. Klik "+" i blog-panelet for at oprette et nyt indlæg
5. Tilføj tekst, billeder og andre blokke
6. Klik "Publish" for at gøre indlægget synligt

Indstillinger for indlæg

Hvert indlæg har disse indstillinger:

• Title — Overskriften
• Description — Kort beskrivelse (bruges til SEO og social sharing)
• Author — Forfatterens navn
• Thumbnail — Det lille billede der vises i blogoversigten
• Tags — Emneord til filtrering
• Categories — Overordnede kategorier
• URL — Brugerdefineret webadresse

Kategorier og tags

Kategorier er overordnede grupper:

• Foto
• Rejser
• Opskrifter

Tags er specifikke emner inden for en kategori:

• København, Sommer, Familie
• Italien, Rom, Historisk

Planlæg indlæg

Du kan planlægge indlæg til udgivelse senere:

1. Klik på "Schedule" i stedet for "Publish"
2. Vælg dato og tidspunkt
3. Indlægget udgives automatisk

RSS-feed

Squarespace genererer automatisk et RSS-feed til din blog:

• Feed-URL: dit-site.com/blog?format=rss
• Brugere kan abonnere via RSS-læsere
• Du kan tilføje et RSS-ikon til dit site

Blog-layout

Du kan tilpasse blog-layoutet:

1. Gå til Pages → [Din blog]
2. Klik på "Blog Settings" (tandhjulsikon)
3. Vælg layout: Grid, List, Side-by-Side osv.
4. Tilpasse antal indlæg per side

9. Webshop

Squarespace tilbyder indbygget e-handel, der fungerer til mindre til mellemstore butikker.

Produkter

Der er fire produkttyper:

Opret et produkt

1. Gå til Commerce → Products
2. Klik "+ Add Product"
3. Vælg produkttype
4. Udfyld:
   • Navn
   • Beskrivelse (brug rige tekstblokke)
   • Billeder (tilføj flere billeder)
   • Pris
   • Variant (størrelser, farver osv.)
5. Klik "Save" og "Publish"

Varianter

Hvis dit produkt har varianter (f.eks. størrelser eller farver):

1. Under produktoprettelsen, klik "Add Options"
2. Vælg varianttype (f.eks. "Størrelse")
3. Tilføj værdier (S, M, L, XL)
4. Du kan sætte separate priser og lager for hver variant

Lagerstyring

Squarespace sporer automatisk lager:

1. Under produktet, slå "Track Inventory" til
2. Indtast antal for hver variant
3. Du modtager besked, når lager er lav
4. Du kan sætte produkter som "Udsolgt" automatisk

Fragt

Gå til Commerce → Shipping for at konfigurere:

Forsendelsesmetoder

• Flat Rate — Fast fragtpris
• Weight-Based — Pris baseret på vægt
• Price-Based — Pris baseret på ordrebeløb
• Free Shipping — Gratis fragt
• Local Pickup — Afhentning hos dig
• Real-Time — Live fragtpriser fra UPS, FedEx osv.

Gratis fragt-grænse

Du kan sætte en gratis fragt-grænse:

1. Gå til Commerce → Shipping
2. Opret en forsendelsesregel
3. Vælg "Free Shipping" og sæt minimumsbeløb

Betalinger

Stripe

Stripe er standardbetalingen i Squarespace:

1. Gå til Commerce → Payments
2. Klik "Connect with Stripe"
3. Log ind eller opret en Stripe-konto
4. Squarespace behandler betalingen sikkert

Betalingskort der accepteres:

• Visa
• Mastercard
• American Express
• Discover
• Apple Pay
• Google Pay

MobilePay via Stripe

For at acceptere MobilePay i Danmark:

1. Opret en Stripe-konto på stripe.com
2. Aktiver MobilePay som betalingsmetode i din Stripe-dashboard
3. Forbind Stripe til din Squarespace-butik
4. MobilePay vil automatisk blive vist som betalingsmulighed

Tip: MobilePay er enormt populært i Danmark. Hvis du sælger til danske kunder, er det stærkt anbefalet at aktivere det via Stripe.

PayPal

Du kan også tilføje PayPal:

1. Gå til Commerce → Payments
2. Klik "Connect with PayPal"
3. Log ind på din PayPal-konto
4. PayPal vil fungere som ekstra betalingsmulighed

Rabatkoder

Opret rabatkoder under Commerce → Discounts:

1. Klik "+ Create Discount"
2. Vælg type:
   • Amount — Fast beløb (f.eks. 50 kr.)
   • Percent — Procent (f.eks. 10%)
   • Free Shipping — Gratis fragt
   • Sale Price — Nedsat pris
3. Indtast kode (f.eks. "SOMMER2024")
4. Sæt betingelser (minimumsbeløb, specifikke produkter osv.)
5. Sæt udløbsdato

10. Formularer

Formularer er essentielle for at få kontakt med dine besøgende.

Kontaktformular

1. Tilføj en Form-blok hvor som helst på en side
2. Klik på blokken for at redigere
3. Tilføj felter:
   • Navn (Short Text)
   • Email (Email)
   • Telefon (Phone)
   • Besked (Text Area)
   • Emne (Dropdown eller Short Text)
4. Under "Storage" tilføj hvor beskeder skal sendes hen
5. Tilpasse knaptekst og bekræftelsesbesked

Newsletter signup

1. Tilføj en Newsletter-blok (eller brug en Form-blok)
2. Forbind til din e-mail-tjeneste (se Extensions)
3. Placer den på relevante sider (footer, sidebar, blog)

Formularindstillinger

Felttyper

Formularindstillinger

• Submit Button Text — Tilpas knapteksten
• Confirmation Message — Besked efter indsendelse
• Redirect — Send brugeren til en takkeside efter indsendelse
• Spam Protection — CAPTCHA og honeypot-felter
• Email Notifications — Modtag email每当 formularen bruges

Gem formulardata

Du kan gemme indsendelser i Squarespace:

1. Gå til Marketing → Form Submissions
2. Se alle indsendte formularer
3. Eksporter som CSV

Forbind til tredjeparter

Du kan sende formuardata til:

• Mailchimp
• Google Sheets (via Zapier)
• HubSpot
• Og flere via Zapier

11. SEO

Squarespace har indbyggede SEO-værktøjer, der gør det nemt at optimere dit site.

Grundlæggende SEO

Meta Title og Description

For hver side kan du sætte unikke meta-oplysninger:

1. Klik på sideindstillinger (tandhjulsikon)
2. Gå til "SEO"-fanen
3. Udfyld:
   • SEO Title — Titlen der vises i søgeresultater (50-60 tegn)
   • SEO Description — Beskrivelsen der vises (150-160 tegn)

Tip: Brug dit søgeord i både titel og beskrivelse. Hold det naturligt og beskrivende.

Billed-Alt-tekst

Alt-tekst beskriver billeder for søgemaskiner og skærmlæsere:

1. Klik på et billede
2. Klik "Edit" (blyant-ikon)
3. Udfyld "Alt Text"-feltet
4. Beskriv billedet kort og præcist

Eksempel: En kvinde drikker kaffe på en café i København om morgenen

URL-struktur

Squarespace genererer automatisk SEO-venlige URLs, men du kan tilpasse dem:

1. Klik på sideindstillinger
2. Under "General" finder du "URL Slug"
3. Tilpas den (f.eks. om-mig i stedet for om-mig-12345)

Sitemap

Squarespace genererer automatisk et sitemap:

• Tilgængeligt på: dit-site.com/sitemap.xml
• Sender automatisk sitemap til Google og Bing

Google Search Console

For at registrere dit site hos Google:

1. Opret en konto på Google Search Console
2. Vælg "URL Prefix" og tilføj dit domæne
3. Verificer ved at tilføje en DNS-record (anbefalet) eller uploade en HTML-fil
4. Squarespace sender automatisk sitemap til Google

Avancerede SEO-tip

• Søgeordsforskning: Brug værktøjer som Google Keyword Planner til at finde relevante søgeord
• Interne links: Link mellem dine sider og blog-indlæg
• Eksterne links: Få andre hjemmesider til at linke til dit site
• Sidehastighed: Optimer billeder og undgå tunge elementer
• Mobilvenlighed: Alle Squarespace-templates er responsive
• Ssl-certifikat: Automatisk aktiveret på alle Squarespace-sites

Schema Markup

Squarespace tilføjer automatisk schema markup til dine sider, hvilket hjælper søgemaskiner med at forstå dit indhold bedre. Du kan tilføje yderligere schema via custom code.

12. Analytics

Indbygget analytics

Squarespace har indbyggede trafikstatistikker:

1. Gå til Analytics i venstre sidebar
2. Se oversigter over:
   • Traffic — Besøgende, sidevisninger, unikke besøgende
   • Top Pages — Mest besøgte sider
   • Traffic Sources — Hvor besøgende kommer fra
   • Search Keywords — Hvilke søgeord der bringer trafik
   • Visitors — Geografisk placering og enheder

Google Analytics integration

For mere detaljerede data kan du forbinde Google Analytics:

1. Opret en Google Analytics-konto på analytics.google.com
2. Få dit tracking-ID (begynder med UA- eller G-)
3. I Squarespace: Gå til Settings → External Services → Google Analytics
4. Indsæt dit tracking-ID
5. Data begynder at strømme inden for 24-48 timer

Spor konverteringer

Du kan spore vigtige handlinger:

1. I Google Analytics: Opret mål (Goals)
2. Spor køb, formularindsendelser og newsletter-signups
3. Brug UTM-tags til at spore specifikke kampagner

Rapporter du bør tjekke ugentligt

13. Mobil

Mobile preview

Alle Squarespace-sites er responsive, men du bør altid tjekke mobilvisningen:

1. I editoren: Klik på mobil-ikonet (智能手机) øverst til højre
2. Gennemse alle sider på mobil
3. Tjek at billeder, tekst og knapper ser godt ud

Mobil menu

Standard-mobilmenuen er en hamburger-menu (☰):

1. Gå til Design → Site Styles → Header
2. Tilpasse mobilmenuen:
   • Layout — Kompakt eller fuld skærm
   • Farve — Baggrund og tekstfarve
   • Størrelse — Størrelsen af menu-elementerne

Responsive billeder

Squarespace optimerer automatisk billeder til mobil:

• Mindre billeder leveres til mobilbrugere
• Lazy loading for hurtigere indlæsning
• Responsive billeder i forskellige størrelser

Mobiloptimeringstips

• Undgå for brede tekstblokke — Korte sætninger er bedre på mobil
• Brug store knapper — Mindst 44x44 pixel til touch
• Test formularer — Er de nemme at udfylde på mobil?
• Tjek hastighed — Brug Google PageSpeed Insights til at teste

14. Extensions

Squarespace tilbyder integrationer med populære tredjepartstjenester.

Populære integrationer

E-mail marketing

Sosiale medier

Betalings- og forretningssystemer

Analytics og tracking

Zapier integration

Zapier er en kraftfuld automatiseringstjeneste:

1. Opret en Zapier-konto på zapier.com
2. Forbind Squarespace som "trigger"
3. Vælg handling (f.eks. "Tilføj i Google Sheets")
4. Automatiseringen kører automatisk

Eksempler på Zaps:

• Når en ny besøgende udfylder formularen → Tilføj i Google Sheets
• Når et nyt blog-indlæg udgives → Del på Twitter
• Når der kommer en ny bestilling → Send notifikation i Slack

installation af apps

1. Gå til Settings → Connected Accounts
2. Vælg den tjeneste du vil forbinde
3. Log ind og godkend
4. Tilpas indstillingerne efter behov

15. Domæne

Køb domæne gennem Squarespace

Du kan købe domænet direkte hos Squarespace:

1. Gå til Settings → Domains
2. Klik "Get a Domain"
3. Søg efter dit ønskede domæne
4. Vælg tilgængeligt domæne
5. Vælg periode (1, 2, 3, 5 eller 10 år)
6. Gennemfør købet

Priser (eksempler):

• .com: Ca. $20/år
• .dk: Ca. $25/år
• .dk: Ca. 150 DKK/år
• .org: Ca. $20/år
• .net: Ca. $20/år

Forbind et eksisterende domæne

Hvis du allerede har et domæne et andet sted:

1. Gå til Settings → Domains
2. Klik "Use a Domain I Own"
3. Følg instruktionerne for at peje domænet mod Squarespace
4. Du skal opdatere DNS-records hos din domæneudbyder

DNS-records du skal sætte

Tip: DNS-ændringer kan tage op til 48 timer, men sker typisk inden for et par timer.

SSL-certifikat

Alle Squarespace-sites har automatisk SSL:

• Dit site er altid på https://
• Ingen ekstra konfiguration nødvendig
• Certifikatet fornyes automatisk

Professionel email

Du kan oprette professionel email via Squarespace (gennem Google Workspace):

1. Gå til Settings → Email
2. Vælg en plan (fra $6/måneden pr. mailadresse)
3. Opret emailadresser som kontakt@ditdomæne.dk

16. Pris

Squarespace tilbyder fire hovedplaner (priserne kan variere, og der er ofte rabatter):

Planer

Priserne er baseret på årsbetaling. Ved månedsbetaling er priserne højere.

Hvad får du med hver plan?

Personal ($16/måned)

• Ubegrænsede sider og blog
• Ubegrænsede billeder
• Gratis brugerdefineret domæne (1 år)
• SSL-certifikat
• 24/7 kundesupport
• Indbygget mobiloptimering
• Ingen e-handel

Business ($23/måned)

• Alt i Personal +
• Grundlæggende e-handel
• Brugerdefineret CSS
• Professionel email (Google Workspace integration)
• Avancerede analytics
• Pop-ups og promotional bars

Basic Commerce ($27/måned)

• Alt i Business +
• Ingen transaktionsgebyr
• Kundekonto
• Gavekort
• Produktanmeldelser
• Avancerede shipping-muligheder

Advanced Commerce ($49/måned)

• Alt i Basic Commerce +
• Abonnementsprodukter
• Avancerede rabatter
• Commerce API
• Abandoned cart recovery
• Komplekse fragtregler

Gratis funktioner (uanset plan)

• SSL-certifikat
• Optimering af billeder
• Mobilresponsivt design
• Grundlæggende SEO-værktøjer
• Indbygget analytics
• 24/7 kundesupport
• Automatiske backups
• Sikkerhed og opdateringer

Rabatter

• Årsrabat: Spar ca. 25-30% ved at betale årligt i stedet for månedligt
• Studerende: 50% rabat for studerende med gyldig .edu-email
• Sæsonrabatter: Squarespace tilbyder ofte rabatter under Black Friday og lignende

17. Fordele og ulemper

Squarespace vs. WordPress

Vælg Squarespace hvis: Du vil have noget der "virker" uden besvær, og design er vigtigt.

Vælg WordPress hvis: Du har brug for avanceret funktionalitet, er teknisk kyndig, eller har et stort budget.

Squarespace vs. Webflow

Vælg Squarespace hvis: Du vil hurtigt i gang uden at lære ny teknologi.

Vælg Webflow hvis: Du vil have total designkontrol og er villig til at lære.

Squarespace vs. Wix

Vælg Squarespace hvis: Du vil have et poleret, professionelt look uden at bruge timer på design.

Vælg Wix hvis: Du vil have maksimal fleksibilitet i din drag-and-drop-editor.

Samlet vurdering

Squarespace er ideelt til:

• Kreative der vil vise deres arbejde
• Små virksomheder der vil have et professionelt site
• Bloggere der lægger vægt på design
• Mindre webshops med få produkter
• Alle der vil undgå teknisk besvær

Squarespace er IKKE ideelt til:

• Store e-handelsbutikker med tusindvis af produkter
• Komplekse medlemskabssider
• Avancerede webapplikationer
• Projekter der kræver avancerede plugins og integrationer
• Dem der har brug for total designfleksibilitet

18. Eksempel-projekt: Fotografportfolio

Lad os bygge en simpel portfolio-side til en fotograf trin for trin.

Trin 1: Planlægning

Mål: En elegant portfolio der viser fotografens arbejde og tiltrækker kunder.

Sider der skal oprettes:

• Hjem (forside med udvalgte billeder)
• Portfolio (alle projekter)
• Om mig (personlig info og erfaring)
• Kontakt (formular og kontaktoplysninger)
• Blog (valgfrit: bag om billederne)

Farveskema:

• Primær: Mørk grå (#333333)
• Sekundær: Off-white (#f5f5f5)
• Accent: En afdæmpet blå (#5a7d9a)

Skrifttyper:

• Overskrifter: Playfair Display (elegant serif)
• Brødtekst: Lato (ren sans-serif)

Trin 2: Opret konto og vælg template

1. Gå til squarespace.com
2. Klik "Start a Free Trial"
3. Vælg "Portfolio" som kategori
4. Gennemse templates og vælg et minimalistisk et
5. Anbefalede templates til fotografer:
   • Paloma — Rent og minimalistisk
   • York — Klassisk portfolio
   • Mojave — Modig og visuel

Trin 3: Grundindstillinger

1. Site Title: Indtast dit navn (f.eks. "Anna Hansen Photography")
2. Logo: Upload dit logo (hvis du har et)
3. Favicon: Upload et lille ikon (32x32 pixel)
4. Social Links: Tilføj Instagram, Facebook osv.

Trin 4: Tilpas design

Farver

1. Gå til Design → Site Styles → Colors
2. Sæt:
   • Site Background: #ffffff (hvid)
   • Text Color: #333333 (mørk grå)
   • Primary Color: #5a7d9a (afdæmpet blå)
   • Secondary Color: #f5f5f5 (off-white)

Skrifttyper

1. Gå til Design → Site Styles → Fonts
2. Sæt:
   • Headings: Playfair Display, 600 weight
   • Body: Lato, 400 weight
   • Navigation: Lato, 500 weight

Spacing

1. Gå til Design → Site Styles → Spacing
2. Sæt:
   • Site Margin: 50px (margen til skærmkanterne)
   • Section Padding: 80px (afstand mellem sektioner)

Trin 5: Opret sider

Forside (Hjem)

1. Klik på "Home" i Pages-panelet
2. Tilføj en sektion med fuld bredde
3. Indsæt et hero-billede (dit bedste fotografi)
4. Tilføj tekst: "Fotograf baseret i København"
5. Tilføj en CTA-knap: "Se mit arbejde" → linker til Portfolio

Portfolio-side

1. Opret en ny side og vælg "Portfolio" som sidetype
2. Tilføj projekter (hvert projekt er en underside)
3. For hvert projekt:
   • Upload 10-20 billeder
   • Tilføj projektbeskrivelse
   • Sæt et cover-billede

Om-mig-side

1. Opret en ny standard-side
2. Tilføj et portræt af dig selv
3. Skriv om dig selv: erfaring, stil, hvad du tilbyder
4. Tilføj kundeanmeldelser (valgfrit)

Kontakt-side

1. Opret en ny standard-side
2. Tilføj en Form-blok med felter:
   • Navn
   • Email
   • Telefon
   • Besked
   • Hvad handler din henvendelse om? (dropdown: Bryllup, Portræt, Erhverv, Andet)
3. Tilføj kontaktoplysninger: email, telefon, adresse
4. Tilføj et kort (Google Maps)

Trin 6: Tilføj billeder

Optimering

1. Størrelse: Rediger billeder til max 2500 pixel bredde
2. Format: JPEG, kvalitet 80-90%
3. Filnavne: Brug beskrivende navne (f.eks. bryllup-koebenhavn-2024.jpg ikke IMG_1234.jpg)
4. Billedtekster: Tilføj alt-tekst til alle billeder

Galleri-indstillinger

1. Vælg Grid layout til portfoliooversigten
2. Sæt billeder til 16:9 eller 3:2 format for konsistens
3. Tilføj billedtekster der beskriver projektet

Trin 7: Konfigurer navigation

1. Træk siderne i den ønskede rækkefølge:
   • Hjem
   • Portfolio
   • Om
   • Kontakt
2. Sørg for at navigationen er simpel og overskuelig

Trin 8: SEO

For hver side:

1. Klik sideindstillinger
2. Gå til SEO
3. Udfyld SEO Title (f.eks. "Fotograf København | Anna Hansen Photography")
4. Udfyld SEO Description (f.eks. "Professionel fotograf i København. Bryllupper, portrætter og erhvervsfotografering. Book din tid i dag.")

Trin 9: Mobile preview

1. Klik mobil-ikonet øverst i editoren
2. Gennemse alle sider
3. Tjek at:
   • Billeder ikke er beskåret forkert
   • Tekst er læselig
   • Knapper er store nok til at trykke på
   • Formularen fungerer

Trin 10: Publicér

1. Tilslut dit domæne (se Domæne)
2. Tjek at alle links virker
3. Klik "Publish"
4. Tjek dit live site på forskellige enheder

Trin 11: Efter publicering

• Del dit site på sociale medier
• Registrer hos Google via Google Search Console
• Tilføj Google Analytics for at spore trafik
• Lav en "Coming Soon"-side mens du finpudser
• Test kontaktformularen ved at sende en besked til dig selv

Opsummering

Squarespace er et kraftfuldt, brugervenligt værktøj til at bygge smukke hjemmesider uden at skrive kode. Det er perfekt til:

• Fotografer og kreative
• Små virksomheder
• Restauranter og caféer
• Freelancere
• Bloggere

Husk:

• Start med den 14-dages gratis prøveperiode
• Vælg et template der matcher dit behov (du kan altid skifte)
• Fokusér på kvalitetsbilleder og godt indhold
• Brug de indbyggede SEO-værktøjer
• Tjek mobilvisningen før du publicerer
• Lad dig ikke stresse over perfektion — start med et godt site og forbedr det løbende

Spørgsmål eller feedback? Squarespace har fremragende dokumentation på support.squarespace.com og et aktivt community forum.