Vad du bygger
Du skapar en interaktiv och snyggt designad prisberäknare som du kan dela direkt med dina kunder via en länk. Istället för att skicka ett statiskt dokument får de en levande webbsida där de själva kan klicka och räkna på dina tjänster.
Innan du börjar
- Ett konto på Claude där du har funktionen Artifacts aktiverad.
- Inga förkunskaper i kodning behövs då Claude sköter allt det tekniska i bakgrunden.
Steg för steg
- Öppna en ny chatt – Starta en ny konversation på skärmen eller navigera till det projekt du arbetar i just nu.
- Be Claude bygga kalkylatorn – Skriv en tydlig instruktion i chattfältet där du beskriver vad du vill ha och vilka färger som ska användas.
Bygg en interaktiv artefakt: en prisberäknare för mina tjänster. Ha med fält för antal timmar, timpris och antal månader. Visa totalsumma och månadskostnad. Gör designen ren och modern med färgkoden #A34E2F för detaljer.
- Följ bygget live – Se hur Claude öppnar ett eget fönster till höger på skärmen och skapar din applikation i realtid.
- Testa kalkylatorn själv – Klicka i de fält som Claude har skapat till höger på skärmen och fyll i några testsiffror för att se att uträkningarna fungerar.
- Klicka på Publish – Leta efter knappen Publish längst ner till höger i artefakt-fönstret och klicka på den.
- Kopiera länken – Klicka på den gröna Publicera-knappen i rutan som dyker upp och välj sedan Copy Link för att kopiera den unika webbadressen.
Byggloftets tips
- Testa i inkognitoläge – Innan du skickar länken till en kund är det smart att öppna den i ett inkognitofönster i din webbläsare för att se exakt vad kunden kommer att se.
- Håll det enkelt – Vår maskot Bygge brukar säga att en fungerande och enkel lösning är värd mycket mer än en avancerad som hänger sig. Börja med en eller två funktioner.
- Iterera live med kunden – Du kan enkelt uppdatera sidan genom att be Claude göra finjusteringar i chatten och sedan klicka på Publish Update. Länken förblir densamma.
Vanliga fel
- "Kunden kan inte öppna länken": Du har troligen kopierat adressen högst upp i din egen webbläsare istället för att använda knappen Publish. Du måste publicera för att göra sidan tillgänglig för andra.
- "Designen blir för bred på mobilen": Claude kan ibland bygga för breda tabeller. Skriv i chatten att du vill att appen ska vara helt mobilanpassad och responsiv så löser Claude det.
- "Ändringarna syns inte på länken": Varje gång du gör en ändring i chatten måste du klicka på Publish och sedan bekräfta med Publish Update för att den offentliga länken ska uppdateras.
Du är klar när…
Du ser din färdiga prisberäknare på en fristående webbadress och kan dra i reglagen eller skriva in siffror för att se priset ändras direkt.
