Uanset om du bygger et personligt brand eller administrerer en onlinevirksomhed, gÞr denne metode det nemt at lancere polerede, moderne sider pÄ fÄ minutter.
Fra Koncept til Komponent pÄ Minutter
Lad os sige, at du stĂžder pĂ„ et design, du kan lide. MĂ„ske er det en produktudstilling pĂ„ en anden hjemmeside, et markedsfĂžringsbanner, du har skabt i Canva, eller endda bare et skĂŠrmbillede, du har gemt. Du behĂžver ikke finde ud af, hvordan man koder det eller hvor man skal starte. Upload blot billedet eller beskriv layoutet, og bed ChatGPT (ved hjĂŠlp af Selldone-plugin) eller Gemini om at konvertere det til en landingsside-sektion. AI'en forstĂ„r bĂ„de Selldone’s tekniske format og strukturen af dynamiske Vue-komponenter brugt pĂ„ platformen. Du modtager en blok med kode, der er klar til copy-paste og passer direkte ind i Selldone’s Sidebygger. Denne sektion vil inkludere:
Al tekst og overskrifter
Billeder og links
Knapper, skrifttyper og farver
Dynamiske funktioner som produktkort eller testimonials
Vigtigst af alt, det vil vĂŠre responsivt pĂ„ desktop, tablet og mobil—automatisk.
En Enkel Proces for Kraftfulde Resultater
For at tilfĂžje denne sektion til din Selldone-side, fĂžlg disse trin:
Tip: Upload det designbillede, du foretrĂŠkker til ChatGPT fra din computer. Sammen med billedet, giv en detaljeret forklaring for at hjĂŠlpe med at generere en mere nĂžjagtig komponent og minimere fremtidige revisioner.
Eksempel Prompt:
Din nye sektion er live, fuldt stylet og klar til mobil. Du kan nu tilpasse den via ejendomspanelet eller vende tilbage til AI'en for at anmode om redigeringer—uanset om det er justering af et layout, ĂŠndring af farver, tilfĂžjelse af funktioner eller udskiftning af tekst.
Anbefalet Prompt for de Bedste Resultater
For at hjÊlpe AI'en med at forstÄ prÊcis, hvad du har brug for, anbefaler vi at bruge denne prompt:
Du kan genbruge denne prompt nĂ„r som helst, du Ăžnsker at oprette eller justere en sektion. Det sikrer, at koden genereres rent og stemmer overens med Selldone’s krav.
FuldstĂŠndig Tilpasningsdygtig og Skalerbar
NÄr din sektion er pÄ plads, er du ikke begrÊnset til, hvad du startede med. Du kan bede ChatGPT eller Gemini om at Êndre noget:
Erstat eller flyt et billede
Opdater titler og undertitler
TilfĂžj nye knapper, sliders, testimonials eller bannere
Juster tekststilarter og stĂžrrelser
Ăndre afstand og layout for et anderledes look
Du kan fortsÊtte med at udvide siden med nye sektioner. Der er ingen grÊnse for, hvor mange komponenter du kan tilfÞje, og hver enkelt vil vÊre bygget pÄ den samme pÄlidelige, fleksible struktur. Hvert element er redigerbart. Farver kan Êndres ved hjÊlp af visuelle vÊlgere, og billeder kan nemt udskiftes eller uploades. Oplevelsen er skabt til at vÊre intuitiv, selvom du aldrig har brugt en sidebygger fÞr.
Mulige Fejl
Fejl #1
Hvis du stÞder pÄ fejl efter at have indsat koden i Selldone-byggeren (som vist i billedet nedenfor), bedes du blot bede ChatGPT eller Gemini om at hjÊlpe dig med at lÞse dem.
VĂŠrktĂžjerne vil automatisk reagere og begynde at rette koden for dig.
My Chat with Gemini and its Answer to the Error
Fejl #2
Hvis du kopierer og indsĂŠtter koden i HTML-fanen, vil sektionen blive vist som tom:
Som du kan se, indtastede jeg fejlagtigt koden i HTML-fanen, hvilket jeg ikke skulle have gjort.
Fejl #3
Nogle gange, nÄr du beder om at fÄ tilfÞjet en slider, karrusel eller rullebjÊlke til en sektion, kan du bemÊrke uÞnskede elementer som ekstra prikker, streger eller pilknapper, der vises uden for sektionen. Dette sker normalt, fordi ChatGPT brugte MDI (Material Design Icons) i stedet for de nÞdvendige Google Font Material Icons. For at lÞse dette, skal du sÞrge for at bede ChatGPT om kun at bruge Googles officielle Material Icons.
FĂžr Du Begynder, LĂŠs Disse Tips:
Nogle gange, efter at vĂŠrktĂžjet svarer, kan du vĂŠre nĂždt til at bede det om at skrive hele koden. Hvis ĂŠndringerne er mindre og den originale kode er lang, kan det foretrĂŠkke at give dig instruktioner til at erstatte specifikke linjer i stedet for at omskrive hele blokken.
Det anbefales at starte en ny Selldone ChatGPT-samtale for hver ny sektion. At fortsÊtte fra en tidligere session kan fÄ vÊrktÞjet til at anvende gamle instruktioner, der ikke er relevante for din nye komponent.
Nogle gange kan ChatGPT give dig en input i Selldone-komponentegenskaber til at indtaste en billed-URL, men dit billede er gemt lokalt pÄ din computer. I sÄdanne tilfÊlde, bed ChatGPT om at definere elementet (f.eks. en karrusel eller slider) som et objekt, sÄ du kan uploade billeder direkte i stedet for at bruge URL'er.
Hvis et billede indeholder mange visuelle elementer, kan du blot uploade det til ChatGPT og bede om en beskrivelse. Kopier derefter den beskrivelse og brug den som en prompt for at bede ChatGPT om at generere en komponent. Denne tilgang fĂžrer ofte til bedre og mere prĂŠcise resultater.
Hvorfor Det Er Vigtigt
Med denne arbejdsgang kan alle gĂ„ fra et visuelt koncept til en responsiv, produktionsklar landingssektion pĂ„ minutter. Ikke mere venten pĂ„ udviklere eller kĂŠmpe med layout-byggerne. Ingen grund til at lĂŠre Vue, CSS eller responsivt design. Alt, hvad AI'en genererer, er allerede optimeret til at se godt ud pĂ„ alle enheder. Du behĂžver ikke bekymre dig om at bryde layoutet, tilpasse billedstĂžrrelser eller skrive stilregler. Sektionerne fĂžlger strenge standarder baseret pĂ„ Selldone’s design-sprog og bedste praksis. Du vil bruge mere tid pĂ„ at skabe og mindre tid pĂ„ at rette.
PrĂžv Det Selv I Dag
Det er nemt at komme i gang. VĂŠlg en sektion, du Ăžnsker at oprette—uanset om det er inspireret af en anden hjemmeside, en skitse eller et produktflyers—og beskriv det til ChatGPT eller Gemini ved hjĂŠlp af den anbefalede prompt. Du vil modtage koden, indsĂŠtte den i Selldone, og din landingsside vĂŠkkes til live.
Det er hurtigt. Det er nemt. Og det er Äbent. Der er ingen grÊnse for kreativitet, og ingen loft pÄ hvor langt du kan gÄ. Med AI og Selldone er det at bygge kraftfulde, smukke websider nu lige sÄ enkelt som at beskrive, hvad du Þnsker.
Add Comment
