Landing Page Builder i GTG CRM hjälper dig att skapa professionella säljlandningssidor utan behov av kodning eller att anlita en designer. Allt från layout, innehåll, insamlingsformulär till utcheckning stöds av AI och är förintegrerat med CRM-systemet.
Den här artikeln guidar dig genom hela processen — från det första steget tills landningssidan är live och tar emot faktiska beställningar.
1. Åtkomst till Landing Page Builder
Från huvudmenyn i GTG CRM:
Webbplats → Landningssidor
Skärmen visar en lista över skapade landningssidor. Om du inte har några sidor än ser du ett tomt gränssnitt med knappen Skapa Landningssida.
Observera: Du behöver behörigheten
CREATE_LANDING_PAGEför att skapa och redigera landningssidor.
2. Skapa en ny landningssida
Tryck på "+ Skapa Landningssida" → systemet öppnar ett formulär för ny skapelse:
| Fält | Beskrivning |
|---|---|
| Namn på landningssida | Internt namn för att skilja sidorna åt (visas inte för kunden) |
| Syfte | Samla in leads / Sälja / Registrera evenemang / Presentera tjänster |
| Språk | Vietnamesiska, Engelska eller andra språk |
Efter att du har fyllt i → Fortsätt → gå vidare till steg för att välja mall.
3. Välj mall
Rikligt bibliotek med mallar
GTG CRM erbjuder nästan 100 landningssidmallar organiserade efter bransch:
- E-handel / Onlineförsäljning
- Skönhetssalong / Spa / Kosmetika
- F&B / Restaurang / Kafé
- Utbildning / Onlinekurser
- Fastigheter
- Evenemang / Seminarier
- Fitness / Yoga / Sport
- Teknik / SaaS / App
Sök efter mallar med AI
Istället för att bläddra igenom varje mall kan du beskriva med ord vad du vill ha:
"Sida för att sälja unisex t-shirts i streetwear-stil för unga vuxna 20-30 år" "Landningssida för registrering till en engelskkurs i konversation, professionell ton"
AI kommer att föreslå de mallar som bäst matchar din beskrivning.
Förhandsgranska innan du väljer
Klicka på vilken mall som helst för att se en fullständig förhandsgranskning på både desktop och mobil innan du bestämmer dig.
4. Begär anpassad design
Om du inte hittar en mall du gillar kan du be AI att skapa en helt ny design:
Steg 1: Välj "Skapa anpassad design" istället för att välja från biblioteket
Steg 2: Beskriv dina krav i detalj: - Affärsområde - Designstil (minimalistisk, livlig, lyxig...) - Huvudfärger - Avsnitt som behövs (hero, produkter, kundrecensioner, kontaktformulär...) - Målgrupp
Steg 3: AI analyserar och skapar en lämplig layout — tar vanligtvis 1–3 minuter
Tips: Ju mer detaljerat du beskriver, desto närmare dina förväntningar kommer AI:n att skapa. Du kan fortfarande redigera efter att AI:n har skapat.
5. Översätt hela sidan
Om du behöver landningssidor som stöder flera marknader, stöder GTG CRM översättning av allt innehåll med bara ett klick:
Inställningar → Språk → Lägg till språk → Välj målspråk → Automatisk översättning
AI kommer att översätta all text på sidan till det språk du väljer. Sedan kan du redigera varje del om du behöver justera tonen för att passa marknaden.
Språk som stöds: Engelska, Vietnamesiska, Kinesiska, Japanska, Koreanska, Thailändska och många fler.
6. Anpassa stil & typsnitt
I avsnittet Design i redigeraren:
Färger
- Primär färg - knappfärger, huvudrubriker, höjdpunkter
- Sekundär färg - bakgrundsavsnitt, kantlinjer
- Textfärg - sidans allmänna textfärg
- Stöder inmatning av HEX-koder direkt eller val från färgplockaren
Typsnitt
Välj typsnittspar för: - Rubriker (Heading) - framträdande, slagkraftiga - Brödtext (Body) - lättlästa, tydliga
Över 50 Google Fonts finns tillgängliga, utvalda för olika stilar.
7. Redigera Header & varumärkesidentitet
7.1 Header
Header visas högst upp på varje sida. Du kan aktivera/inaktivera headern och anpassa: - Visa/dölj header - Bakgrundsfärg, textfärg - Höjd och marginal
7.2 Logotyp
Ladda upp din varumärkeslogotyp i headern: - Format som stöds: PNG, JPG, SVG, WebP - Rekommenderas: PNG med transparent bakgrund, minst 200×60px - Logotypen skalas automatiskt efter headerhöjden
7.3 Automatisk varumärkesidentitet
Om du har konfigurerat varumärkesidentitet i GTG CRM, föreslås systemet automatiskt att applicera den:
| Information om varumärkesidentitet | Appliceras på landningssidan |
|---|---|
| Logotyp | Header, favicon |
| Primär färg | Knappar, rubriker, höjdpunkter |
| Sekundär färg | Bakgrunder, sektionsdelare |
| Typsnitt | All sidtext |
| Favicon (Nytt 2026-04) | Webbläsarflik, bokmärke |
Nytt 2026-04 — Varumärkeskit inkluderar nu favicon (webbläsarfliksikon). Efter att ha ställt in en favicon i varumärkesidentitet används den automatiskt för alla landningssidor när de publiceras.
7.4 AI-logotyp
Har du ingen logotyp? Använd funktionen AI-skapad logotyp: 1. Ange varumärkesnamn och beskriv stil 2. AI skapar 4 olika logotypversioner 3. Välj en logotyp du gillar → justera färgen vid behov → Spara
7.5 Navigationsmeny & CTA
Konfigurera menyn i headern: - Lägg till/ta bort/sortera menyalternativ - Länka till sektioner på sidan (ankarlänk) eller externa URL:er - CTA-knapp: text, färg, destination (formulär, utcheckning, kontakt)
7.6 Länkar till sociala medier
Visa ikoner för sociala medier i header eller footer: - Facebook, Instagram, TikTok, YouTube, Zalo, LinkedIn, X (Twitter) - Hämtas automatiskt från Social Hub-anslutningar om de är länkade
7.7 Header-stil
- Fast header - header som stannar kvar när du skrollar
- Transparent header - genomskinlig header över hero-sektionen, ändrar färg vid skrollning
- Kompakt - header som minskar i storlek vid skrollning nedåt
8. Konfigurera insamlingsformulär
Formulär är landningssidans hjärta — där kunder lämnar information eller gör beställningar.
8.1 Grundläggande formulärinställningar
I avsnittet Formulärinställningar: - Formulärrubrik — text som visas ovanför formuläret - Inskickningsknapp — text, färg, storlek - Meddelande om framgång — visas efter att kunden skickat in
8.2 AI-genererat formulärinnehåll
Tryck på "AI-förslag" → AI föreslår: - Lockande formulärrubriker som passar sidans syfte - CTA-knapptext med hög konvertering (istället för vanlig "Skicka") - Vänliga bekräftelsemeddelanden
8.3 Datafält
Lägg till/ta bort/sortera fält i formuläret:
| Standardfält | Datatyp |
|---|---|
| Fullständigt namn | Text |
| Telefonnummer | Telefon |
| E-post | E-post |
| Adress | Text |
| Anteckningar | Textarea |
Lägg till anpassade fält: Rullgardinsmeny, kryssruta, radioknapp, datumväljare, filuppladdning...
När kunden anger ett telefonnummer normaliseras systemet formatet enligt marknad: - Vietnam: +84 prefix (tar bort inledande 0 om det finns) - Singapore: +65 prefix (8 siffror)
Data som lagras i CRM är alltid i standardformat, ingen manuell rensning behövs.
8.4 Leveransavgifter
Om landningssidan säljer varor med leverans, konfigurera: - Fast leveransavgift — gäller för alla beställningar - Gratis leverans — när beställningsvärdet når ett minimibelopp - Avgifter baserade på region — olika per provins/stad
9. Redigera Hero-sektion
Hero-sektionen är det första besökaren ser — den måste skapa ett starkt intryck under de första 3 sekunderna.
Hero-element
- Rubrik - huvudtitel, stor teckensnittsstorlek, framträdande
- Undertext - kort beskrivning som stödjer rubriken
- Bakgrund - bild, video, gradient eller enfärgad
- CTA-knapp - huvudåtgärdsknapp (Köp nu / Registrera dig / Få erbjudande)
- Social proof - trovärdighetsmärken, statistik, betyg
AI-optimering av Hero-sektion
Tryck på "Förbättra med AI" i Hero-sektionen → AI analyserar nuvarande innehåll och föreslår: - Rubrik med starkare krok - CTA-text med högre konvertering - Bättre visuell hierarki
Hero-media
- Bilder: Ladda upp från datorn eller välj från Media Library i GTG CRM
- Bakgrundsvideo: Stöder MP4, WebM — ljud avstängt, loopande
- Överlägg: Lägg till ett halvtransparent färglager över media för att göra texten lättare att läsa
10. Försäljning & Utcheckning
10.1 Aktivera försäljningsfunktion
I Landningssidans inställningar → Handel: - Aktivera "Tillåt köp" - Välj produkter från Product Hub (GTG CRM) - Eller skapa nya produkter direkt på landningssidan
10.2 Konfigurera produktvisning
För varje produkt på sidan: - Namn, beskrivning, pris - Produktbilder (flera bilder, dra och släpp för att sortera) - Varianter: färger, storlekar, typer... - Lagersaldo (synkroniseras automatiskt från GTG CRM-lager)
10.3 Utcheckningssida
Landningssidan har en egen integrerad utcheckningssida: - Leveransinformation (fylls i automatiskt om kunden har köpt tidigare) - Välj betalningsmetod: postförskott, banköverföring, betalningsgateway - Orderöversikt + leveransavgift - Bekräftelse via automatisk e-post/SMS
10.4 Uppförsäljning & Korsförsäljning
Lägg till rekommenderade produkter på sidan: - Uppförsäljning: bättre produkt / premiumversion - Korsförsäljning: passande tilläggsprodukter - Visas under utcheckningen eller efter att beställningen har slutförts
11. Hantera beställningar & CRM
11.1 Visa beställningar från Landningssida
Alla beställningar från landningssidan visas automatiskt i CRM → Beställningar: - Filtrera efter källa: visa endast beställningar från en specifik landningssida - Orderstatus: Ny → Behandlas → Levererad → Slutförd / Returnerad - Exportera CSV per tidsperiod
11.2 Beställningsdetaljer
Klicka på en beställning för att se: - Fullständig kundinformation - Beställda produkter + antal + pris - Leveransadress + leveransavgift - Statushistorik och interna anteckningar - Exportera e-faktura (integrerad med E-Invoice)
11.3 Spara kontakter automatiskt i CRM
Varje kund som fyller i ett formulär eller gör en beställning → sparas automatiskt i CRM Kontakter:
- Inga dubbletter: systemet slår ihop om e-post/telefon redan finns
- Automatiska taggar: källa: landningssida, landningssidans namn
- Köphistorik kopplad till kontaktprofilen
11.4 Anpassade objekt & Pipeline
Beställningar från landningssidor kan automatiskt skapa en Affär i pipelinen: - Konfigurera i Landningssidans inställningar → CRM-integration - Välj mål-pipeline och initialt steg - Ansvarig personal tilldelas automatiskt enligt regler
12. Visa Analyser
12.1 Övergripande statistik
På fliken Analyser för landningssidan:
| Mätvärde | Betydelse |
|---|---|
| Visningar | Totalt antal gånger sidan har besökts |
| Unika besökare | Individuella kunder (unika) |
| Avvisningsfrekvens | % som lämnar sidan omedelbart |
| Genomsnittlig tid | Tid kunden stannar på sidan |
| Konverteringsgrad | % kunder som skickar formulär / gör en beställning |
| Total intäkt | Om försäljning sker |
12.2 Enhetsanalys
Besöksfördelning per enhet: - Dator / Mobil / Surfplatta - Hjälper till att besluta om gränssnittsoptimering (prioritera mobil om >60% av trafiken kommer från mobiler)
12.3 Besökskälla
Vet varifrån kunderna kommer: - Facebook Ads / Google Ads (via UTM) - Organisk sökning - Direkt (skriver in URL direkt) - Hänvisning (från andra webbplatser)
12.4 Konverteringstratt (Conversion Funnel)
Se var kunderna faller bort:
Går till sidan → Ser formulär → Fyller i formulär → Gör beställning → Betalar
[100%] [75%] [40%] [25%] [18%]
Identifiera punkter som behöver optimeras för att öka konverteringsgraden.
13. Hantera & Redigera Landningssida
13.1 Lista över landningssidor
Skärmen Webbplats → Landningssidor visar alla skapade sidor med: - Sidnamn, status (Utkast / Publicerad / Pausad) - Direkt URL - Snabb statistik: visningar, konverteringar, intäkter (senaste 7 dagarna) - Knappar: Redigera / Visa direkt / Duplicera / Ta bort
13.2 Redigera och publicera om
För att uppdatera innehåll: 1. Klicka på "Redigera" → Redigeraren öppnas 2. Gör ändringar 3. Klicka på "Publicera"
13.3 Hantera problem med publicering
Om sidan fastnar i statusen "Publiceras" för länge: - Systemet detekterar automatiskt efter 30 minuter utan framsteg - Automatisk återställning: systemet startar om publiceringsprocessen - Om återställningen misslyckas → status ändras till "Misslyckades" med ett tydligt meddelande - Du kan trycka på "Försök igen" för att publicera om omedelbart
Du behöver inte kontakta support — systemet hanterar de flesta fall automatiskt.
13.4 Ändra domän
Standarddomän: <slug>.gtg.in (gratis)
Egen domän: Koppla din egen domän:
1. Inställningar → Domän → Lägg till domän
2. Ange domän (t.ex. sale.mittforetag.com)
3. Systemet ger en CNAME-post → uppdatera hos din DNS-leverantör
4. Vänta på DNS-bekräftelse (vanligtvis 5–30 minuter)
5. SSL utfärdas och förnyas automatiskt
13.5 Duplicera landningssida
Återanvänd designen för nya kampanjer: - Klicka på "Duplicera" → ange nytt sidnamn → Bekräfta - Kopian behåller all design, formulär och inställningar - Byt bara innehåll och publicera separat
13.6 Pausa & Ta bort
- Pausa: sidan finns kvar men kan inte nås (visar 404). Data och konfiguration behålls.
- Ta bort: raderas helt — kan inte återställas. Formulärdata/beställningar lagras fortfarande i CRM.
14. Inbäddningsbar formulärbyggare
Helt ny funktion - Skapa formulär som kan bäddas in på vilken webbplats som helst utanför GTG CRM.
14.1 Vad är Formulärbyggare?
Utöver kompletta landningssidor låter GTG CRM nu dig skapa fristående formulär för att bädda in på: - Din WordPress-, Webflow-, Wix-webbplats - Personlig blogg - Partners webbplats - Vilken HTML-sida som helst
Formulären fungerar helt integrerat med GTG CRM — varje inskick sparas automatiskt i Kontakter, skapar en Affär, triggar automation.
14.2 Skapa inbäddningsbara formulär
Webbplats → Landningssidor → Inbäddningsbara formulär → + Skapa formulär
Gränssnittet för att skapa formulär liknar Landing Page Builder: - Lägg till datafält (text, e-post, telefon, rullgardinsmeny, kryssruta...) - Konfigurera fältbredd - Konfigurera CTA-knapp - Meddelande efter inskick - Koppla till pipeline/affärer automatiskt
14.3 Två sätt att bädda in formulär
Metod 1: JavaScript Widget (Rekommenderas)
Optimal för UX och prestanda. Formuläret laddas asynkront, påverkar inte startsidans hastighet:
<!-- Placera i <head> på sidan -->
<script src="https://widget.gtgcrm.com/form.js" async></script>
<!-- Placera där formuläret ska visas -->
<div data-gtg-form="FORMULÄR_ID_HOS_DIG"></div>
Widgeten gör automatiskt: - Laddar formuläret enligt konfigurerad design - Hanterar klientvalsidering - Skickar till GTG CRM-servern - Visar meddelande om framgång / fel
Metod 2: iFrame
Enklare, lämpligt om du inte vill lägga till JavaScript:
<iframe
src="https://form.gtgcrm.com/embed/FORMULÄR_ID_HOS_DIG"
width="100%"
height="600"
frameborder="0"
scrolling="no">
</iframe>
14.4 Hämta inbäddningskod
Efter att ha skapat formuläret: 1. Klicka på "Bädda in" (Embed) för formuläret du vill använda 2. Välj metod: Widget eller iFrame 3. Kopiera kodavsnittet → klistra in på din externa webbplats
14.5 Spårning och attribution
Inbäddade formulär spårar automatiskt: - Trafikkällor (UTM-parametrar om tillgängliga) - Webbplats där formuläret är inbäddat (hänvisare) - Tidpunkt för inskick
All data kopplas till kontaktposten i CRM för analys av kampanjeffektivitet.
14.6 Spam-skydd
Inbäddade formulär har inbyggt spam-skydd: - CAPTCHA (aktivera/inaktivera efter önskemål) - Rate limiting: begränsa antalet inskick från samma IP - Dold honungs pot-fält för att upptäcka botar automatiskt
Tips för optimering av landningssidor
Tydlig rubrik, specifika fördelar
Istället för: "Högkvalitativa produkter" Använd: "Minska driftskostnaderna med 30 % under de första 30 dagarna"
En bra rubrik svarar på frågan: "Vad får jag ut av den här sidan?"
Framträdande och unik CTA
Varje landningssida bör ha en huvud-CTA. Flera CTA:er gör kunden obeslutsam och minskar konverteringsgraden.
Använd en färg med hög kontrast mot bakgrunden, tillräckligt stor (minst 44px höjd på mobil).
Bilder/videor av hög kvalitet
- Riktiga bilder är bättre än generiska stockbilder
- Korta videor på 15-30 sekunder ökar tiden på sidan
- Optimera filstorleken för snabb sidladdning (GTG CRM komprimerar bilder automatiskt)
Korta formulär
Varje extra fält minskar fyllnadsgraden med cirka 10–15%. Fråga bara efter information som är absolut nödvändig. Samla mer information efter att du har fått en kontakt.
Sidladdningshastighet
Med V2 SSR renderas landningssidor på servern — laddningshastigheten är betydligt snabbare än traditionella sidbyggare. Detta påverkar direkt Quality Score i Google Ads och avvisningsfrekvensen.
A/B-testning
Skapa 2 versioner av en landningssida med 1 element annorlunda (rubrik, CTA-färg, hero-bild) → Dela trafiken jämnt → Jämför konverteringsgraden efter 1–2 veckor → Behåll den vinnande versionen.
Vanliga frågor
Hur många krediter kostar en landningssida?
Första publiceringen: 500 krediter. Redigering och ompublicering senare: gratis.
Hur många landningssidor kan jag skapa?
Obegränsat antal sidor. Varje första publicering kostar 500 krediter.
Optimeras landningssidor automatiskt för mobil?
Ja. Alla mallar och AI-designer är automatiskt responsiva. Du kan förhandsgranska på mobil direkt i redigeraren.
Fungerar inbäddade formulär med WordPress?
Ja. Klistra in Widget- eller iFrame-koden på vilken WordPress-sida som helst. Ingen plugin krävs.
Vad gör jag om en egen domän får SSL-fel?
Gå till Inställningar → Domän → Klicka på "Förnya SSL". Systemet förnyar certifikatet automatiskt. Om felet kvarstår, kontrollera CNAME-posten hos din DNS-leverantör.
Kan jag använda en landningssida för att sälja utan en egen webbplats?
Absolut. GTG CRM:s landningssidor har allt: produktvisning, kundvagn, utcheckning, betalning, fakturering — ingen egen webbplats behövs.
