Jak stworzyć kalkulator wyceny w Claude lub ChatGPT

Ilya SpiridonovIlya Spiridonov
13 min czytania

Znasz swoje ceny, ale potencjalny klient nie ma prostego sposobu, by je sprawdzić. Nie może wybrać pakietu, dodać kilku stron i zobaczyć nowej sumy bez czekania na Twoją wycenę.

Claude i ChatGPT potrafią zbudować taki kalkulator na podstawie cennika. Dostarczasz ceny i reguły, AI pisze stronę, a Tobie zostają dwa zadania: sprawdzić obliczenia i uzyskać działający plik poza rozmową. Ten artykuł wyjaśnia oba, z gotowym promptem i sześcioma wynikami kontrolnymi.

Najpierw wypróbuj gotowy przykład. Wybierz pakiet, zmień liczbę dodatkowych stron i włączaj lub wyłączaj dodatki.

Twój projekt

Jedna strona docelowa i jedna runda poprawek.

$150.00 za stronę, maksymalnie 10. Od 5 stron rabat 5% na dodatkowe strony.

Dodatki

Wycena

Cena bazowa
$800.00
Dodatkowe strony0 × $150.00
$0.00
Rabat ilościowyOd 5 dodatkowych stron
$0.00
Copywriting
$0.00
Suma jednorazowa
$800.00
Wsparcie miesięczneRozliczane co miesiąc
$0.00
Szacowana pierwsza fakturaSuma jednorazowa i pierwszy miesiąc wsparcia
$800.00

Przykładowa wycena. Bez podatków. Ostateczny zakres i cena są potwierdzane w ofercie. Kwoty w USD.

Ceny są fikcyjne, dla małej agencji projektującej strony WWW, i nie obejmują podatków. Gdy zrozumiesz działanie całości, wpisz własne.

Zapisz ceny i reguły

Zacznij od liczb, zanim napiszesz prompt. AI buduje to, co opiszesz, więc niejasny cennik daje niejasny kalkulator. Ten przykład obejmuje sześć cen i jedną regułę rabatową.

PozycjaCenaRozliczenie
Pakiet Basic$800Jednorazowe
Pakiet Standard$1,200Jednorazowe
Pakiet Plus$1,800Jednorazowe
Dodatkowa strona docelowa$150 za sztukę, od 0 do 10Jednorazowe
Copywriting$200, opcjonalnieJednorazowe
Wsparcie miesięczne$75, opcjonalnieCo miesiąc

Do cen dochodzą trzy reguły:

  • Od pięciu dodatkowych stron rabat 5% obejmuje całą pozycję dodatkowych stron. Cena pakietu i copywriting nigdy nie są rabatowane.
  • Wsparcie miesięczne nie wchodzi do sumy jednorazowej, bo opłata miesięczna to inne zobowiązanie niż koszt wykonania.
  • Szacowana pierwsza faktura to suma jednorazowa plus jeden miesiąc wsparcia.

Kalkulator zaczyna od Basic, zera dodatkowych stron i obu dodatków wyłączonych. Puste pole, liczba ujemna, ułamek lub wartość powyżej 10 wywołują błąd obok pola i ukrywają sumy do czasu poprawienia wpisu.

Najpierw samodzielnie policz wyniki. Każda wersja musi przejść sześć przypadków:

  • Minimum. Basic, 0 dodatkowych stron, bez dodatków. Jednorazowo $800.00, miesięcznie $0.00, pierwsza faktura $800.00.
  • Liczba stron. Standard, 2 dodatkowe strony, bez dodatków. Jednorazowo $1,500.00, miesięcznie $0.00, pierwsza faktura $1,500.00.
  • Dodatek. Standard, 2 dodatkowe strony, copywriting. Jednorazowo $1,700.00, miesięcznie $0.00, pierwsza faktura $1,700.00.
  • Poniżej progu rabatu. Standard, 4 dodatkowe strony, copywriting. Jednorazowo $2,000.00, miesięcznie $0.00, pierwsza faktura $2,000.00.
  • Na progu rabatu. Standard, 5 dodatkowych stron, copywriting i wsparcie. Jednorazowo $2,112.50, miesięcznie $75.00, pierwsza faktura $2,187.50.
  • Maksimum. Plus, 10 dodatkowych stron, copywriting i wsparcie. Jednorazowo $3,425.00, miesięcznie $75.00, pierwsza faktura $3,500.00.

Te sumy obliczono niezależnie od kalkulatora; przykład powyżej zgadza się we wszystkich sześciu przypadkach. Wklej cennik, trzy reguły i sześć wyników do promptu. Zachowaj wyniki do późniejszych kontroli.

Zbuduj kalkulator w Claude

Główną metodą jest Claude, bo potrafi stworzyć kalkulator jako interaktywny artefakt, działające narzędzie obok rozmowy. Anthropic udostępnia artefakty w Free, Pro, Max, Team i Enterprise. Trzeba włączyć wykonywanie kodu i tworzenie plików.

Wklej prompt

Otwórz nową rozmowę na claude.ai lub w aplikacji komputerowej. Zacznij od Stwórz to jako samodzielny, kompletny interaktywny artefakt bez zewnętrznych zasobów., aby uzyskać trwały artefakt, a nie chwilową wizualizację w rozmowie. Następnie wklej poniższy prompt i na końcu, we wskazanym miejscu, dodaj cennik, trzy reguły i sześć oczekiwanych wyników.

Stwórz działający interaktywny kalkulator wyceny dla małej agencji projektującej strony WWW.
Poniżej podam cennik i reguły cenowe. Użyj dokładnie tych wartości.
Jeśli reguły brakuje lub są sprzeczne, zapytaj mnie, zanim wybierzesz wartość.

Wynikiem ma być samodzielny, kompletny artefakt: podgląd oraz jeden pełny plik
do pobrania o nazwie quote-calculator.html. Umieść HTML, CSS i JavaScript w tym
pliku, bez zewnętrznych fontów, obrazów i skryptów. Ma działać po otwarciu
w przeglądarce, bez instalacji, bibliotek zewnętrznych, wywołań AI i serwera.

Dodaj wybór pakietu, pole liczbowe dodatkowych stron oraz pola wyboru dla
copywritingu i wsparcia miesięcznego. Aktualizuj wycenę przy zmianie danych.
Pokaż osobno z etykietami cenę bazową, dodatkowe strony, rabat, copywriting,
sumę jednorazową, wsparcie miesięczne i szacowaną pierwszą fakturę.
Formatuj kwoty w USD z dwoma miejscami po przecinku.

Dodaj komunikat: „Przykładowa wycena. Bez podatków. Ostateczny zakres i cena
są potwierdzane w ofercie”. Dodaj przycisk Resetuj.

Liczba dodatkowych stron musi być całkowita, od 0 do 10. Jeśli jest pusta lub
nieprawidłowa, pokaż błąd obok pola i ukryj sumy do poprawienia wpisu.
Zacznij od Basic, zera stron i wyłączonych dodatków.

Stosuj jasne etykiety, widoczny fokus klawiatury i czytelne elementy na telefonie.
Użyj stałych ID: package, extra-pages, copywriting, monthly-support, reset.
Zgrupuj ceny w opisanym bloku konfiguracji.
Nie zbieraj kontaktów, nie wysyłaj zamówień, nie zapisuj wyborów i nie przyjmuj płatności.
Nie dodawaj kodu śledzącego; hosting i śledzenie są oddzielne.

Przed przekazaniem sprawdź dostarczoną tabelę oczekiwanych wyników.
Opisz poprawki i daj mi finalny plik HTML.

Cennik, wzory i oczekiwane wyniki:
[Wklej tutaj dostarczone tabele.]

W każdej własnej wersji warto zachować trzy elementy. Polecenie zadawania pytań przy brakujących regułach ujawnia luki w cenniku, zanim zauważy je klient. Jeden kompletny plik bez zewnętrznych zasobów zapewnia przenośność. Końcowe porównanie z tabelą daje pierwszą kontrolę, ale nie zastępuje Twojej.

Wolisz plik niż wklejanie? Załącz rate-card.csv przyciskiem + i Add files or photos lub przeciągnij go do rozmowy. Anthropic wymienia CSV jako obsługiwany typ dokumentu.

Plik zawiera ceny, reguły i wzory. Zastąp ostatnie dwa wiersze promptu poniższą instrukcją i wklej pod nią tylko sześć oczekiwanych wyników.

Stawki i reguły są w załączonym rate-card.csv. Potwierdź odczytane stawki i reguły,
a następnie zbuduj kalkulator jako jeden samodzielny, kompletny plik bez
zewnętrznych zasobów.

Obejrzyj pierwszą wersję

Powinny pojawić się menu pakietów, pole liczby stron, dwa pola dodatków, przycisk Resetuj i siedem oddzielnych kwot: cena bazowa, dodatkowe strony, rabat, copywriting, suma jednorazowa, wsparcie miesięczne i pierwsza faktura. Zmiana danych ma aktualizować wycenę bez naciskania przycisku.

Wprowadź poprawki

Jeśli suma jest błędna, opisz problem jak człowiekowi: wskaż przypadek i oczekiwany wynik.

Każda błędna suma wskazuje na regułę. Standard z pięcioma stronami, copywritingiem i wsparciem powinien dać $2,112.50. Suma $2,042.50 oznacza rabat od całości zamiast tylko od dodatkowych stron, a $2,150.00 oznacza pominięty rabat.

Jeżeli wyczyszczenie pola zostawia starą sumę lub wyświetla NaN, poproś wprost: „Gdy dodatkowe strony są puste, pokaż błąd obok pola i ukryj sumy. Zachowaj jeden samodzielny plik bez zewnętrznych zasobów”. Zmieniaj jedną rzecz na wiadomość i ponownie sprawdzaj przypadek, który nie działał.

Wyeksportuj plik

Gdy liczby się zgadzają, pobierz plik z rozmowy. Jeśli Claude użył szablonu Design, wybierz Export i samodzielny HTML. Anthropic na stronie artefaktów nazywa Export kontrolką szablonów, a w pomocy Claude Design wymienia samodzielny HTML jako format eksportu.

Jeśli nie ma opcji HTML, poproś o cały kalkulator w jednym kompletnym, samodzielnym pliku quote-calculator.html, bez zasobów zewnętrznych, gotowym do pobrania.

Użyj Claude Cowork z istniejącym cennikiem

Cowork dodaje pracę na folderach zamiast załączania CSV: Claude odczytuje plik z folderu komputera i zapisuje w nim gotowy kalkulator, bez wysyłania i pobierania. Anthropic wskazuje możliwość odczytu i zapisu plików lokalnych w połączonych folderach.

Umieść rate-card.csv w folderze i połącz go w aplikacji Claude. Cowork jest dostępny w płatnych planach: Pro, Max, Team i Enterprise.

Użyj tego samego promptu i pierwszego zdania, lecz zamień ostatnie dwa wiersze o wklejaniu cennika na poniższą instrukcję. Plik zawiera ceny i reguły, więc pod spodem wklej tylko sześć wyników.

Odczytaj rate-card.csv z połączonego folderu. Potwierdź odczytane stawki i reguły.
Zbuduj kalkulator jako samodzielny, kompletny HTML bez zewnętrznych zasobów
i zapisz go jako quote-calculator.html w tym folderze. Nie zmieniaj źródłowego
cennika i powiedz, gdzie zapisano wynik.

Cowork wykonuje zadania w chmurze, a do folderu dociera przez aplikację komputerową, więc pozostaw ją otwartą.

Część kont nadal pokazuje Chat i Cowork osobno; na nich wybierz Cowork. Anthropic łączy je w jedną rozmowę, stopniowo i zaczynając od Pro i Max. Po połączeniu poproś o to samo w zwykłej rozmowie, a folder podłącz w aplikacji jak dotąd.

Użyj ChatGPT jako alternatywy

Cennik, prompt i sześć kontroli pozostają te same; zmieniają się tylko tworzenie i pobieranie. Wklej do ChatGPT ten sam prompt, ceny, reguły i wyniki. Rezultatem ma być ten sam kompletny quote-calculator.html, bez zasobów zewnętrznych, do pobrania.

Dokumentacja OpenAI podaje, że wygenerowane pliki HTML można otwierać jako interaktywny podgląd tam, gdzie obsługiwany jest podgląd HTML. Narzędzia podglądu i weryfikacji zależą od interfejsu. Dla ChatGPT Work w przeglądarce wskazuje przejrzenie pliku w rozmowie i pobranie w razie potrzeby.

ChatGPT potrafi pokazać stronę jako Site, Canvas lub podgląd HTML zamiast pliku. Poradnik udostępniania strony HTML stworzonej w ChatGPT omawia wszystkie warianty. Jeśli nie ma podglądu, pobierz plik i otwórz w przeglądarce.

Zawsze testuj pobrany plik, bo to jego udostępnisz.

Sprawdź wyeksportowany kalkulator

Kalkulator może wyglądać dobrze i liczyć źle. Błędna kwota przed klientem kosztuje pieniądze lub wiarygodność. Zamknij rozmowę z AI i sprawdź pobrany plik.

  1. Otwórz go dwuklikiem. Musi działać w przeglądarce bez logowania, internetu i uruchomionego Claude.
  2. Wybierz Standard, 2 dodatkowe strony i copywriting. Suma jednorazowa powinna wynosić $1,700.00.
  3. Zmień na 4 strony: $2,000.00 bez rabatu. Ustaw 5 i włącz wsparcie: $2,112.50 jednorazowo, $75.00 miesięcznie, $2,187.50 na pierwszej fakturze, rabat -$37.50.
  4. Wyczyść pole, a potem wpisz -1, 2.5 i 11. Za każdym razem ma pojawić się błąd obok pola i ukryte sumy do poprawienia.
  5. Naciśnij Resetuj. Powrót do Basic, 0 stron i obu dodatków wyłączonych, z kwotą $800.00.
  6. Sprawdź pozostałe przypadki z sześciu. Na koniec Plus z 10 stronami i oboma dodatkami: $3,425.00, $75.00 i $3,500.00.
  7. Zwęź przeglądarkę do szerokości telefonu lub otwórz na telefonie. Nic nie powinno przewijać się w poziomie, a pola muszą być wygodne do dotykania.
  8. Odłóż mysz i użyj klawiatury. Tab ma przechodzić przez wszystkie elementy z widocznym fokusem, a Spacja przełączać pola wyboru. W Safari na Macu Tab dociera do przycisków i innych elementów tylko przy włączonej nawigacji klawiaturą w ustawieniach Klawiatura.

Następnie otwórz plik w edytorze tekstu. Ceny powinny występować raz, razem w opisanym bloku. To ten blok zmienisz później sam lub z pomocą AI.

Nie umieszczaj poufnych liczb w pliku

Każdy, kto otworzy plik, może przeczytać kod. Nie zamieszczaj kosztów własnych, marż ani progów akceptacji. Obliczenia w przeglądarce nie wymuszają też zatwierdzonych cen, bo odbiorca może edytować swoją kopię.

Udostępnij kalkulator klientowi

Wyślij link zamiast pliku. Poczta i dyski w chmurze często pokazują HTML jako kod lub go blokują. Szczegóły wyjaśnia poradnik udostępniania pliku HTML klientowi.

Claude potrafi udostępniać artefakty bezpośrednio; możliwości zależą od planu i ustawień organizacji. Według dokumentacji Anthropic do nowo udostępnionych artefaktów potrzebne jest konto Claude, z wyjątkiem starszych artefaktów opublikowanych z rozmowy. To wygodne dla współpracownika z Claude, ale dokłada krok klientowi bez konta.

Aby uzyskać link dla dowolnego klienta, prześlij wyeksportowany plik na hosting obsługujący HTML. Nasz produkt HummingDeck to umożliwia; szczegóły są na stronie udostępniania HTML.

Pojedynczy plik HTML działa w planie bezpłatnym. Kolejne kroki:

  1. W Bibliotece dokumentów wybierz Dodaj dokument i quote-calculator.html. Plik musi spełniać wymagania przesyłania HTML.
  2. Po przetworzeniu wybierz Nowy link, następnie link osobisty. Najpierw utwórz własny i nazwij go jako testowy.
  3. Otwórz go w prywatnym oknie, tak jak klient, i powtórz kontrole. Przeglądarka dokumentów uruchamia plik w odizolowanej ramce, więc sukces na komputerze nie dowodzi działania linku odbiorcy.
  4. W ten sam sposób utwórz i wyślij osobisty link klienta. Twoja wizyta zostaje na linku testowym, a klient zaczyna z czystą historią. Po jego wejściu sprawdź w sekcji Linki wizytę przypisaną do tego linku.

Jeśli transakcja obejmuje więcej dokumentów, umieść kalkulator w pokoju transakcyjnym obok stałej oferty i studium przypadku. Klient otworzy jeden link. Plan bezpłatny pozwala na jeden pokój z maksymalnie trzema dokumentami; szablon oferty na projekt strony WWW może posłużyć jako stała oferta.

Co mówią wycena i aktywność

Kalkulator i oferta służą do różnych zadań. Kalkulator pozwala kupującemu sprawdzać opcje i szacunkowe ceny. Kwotę, do której się zobowiązujesz, umieszczasz w stałej ofercie wystawionej samodzielnie.

Jeżeli klient ma odpowiedzieć na ofertę, link oferty w Pro i Business zapisuje akceptację, prośbę o zmiany lub odrzucenie. To odpowiedź w procesie przypisana do dokumentu oferty; nie zbiera podpisu ani kwoty wyświetlanej w kalkulatorze.

W planie bezpłatnym strona dokumentu pokazuje łączną liczbę otwarć, unikalnych odbiorców, czas i średni stopień ukończenia. Starter i wyższe plany dodają analizę stron i obsługiwane kliknięcia. Poradnik analityki HTML porównuje to ze skryptami analitycznymi. Kliknięcia przycisków, pól wyboru, listy lub pola liczbowego liczą się jako kliknięcia linku, z liczbą dla odbiorcy i sesji.

Co pokazuje aktywność

  • Wyświetlenie oznacza żądanie linku i rozpoczęcie sesji. Nie weryfikuje osoby, a link może zostać przekazany dalej.
  • Liczba kliknięć odzwierciedla użycie elementów sterujących. HummingDeck nie pokazuje wybranych opcji ani sumy na ekranie. Wpisanie liczby lub zmiana listy klawiaturą nie liczą się jako kliknięcie.
  • Żaden sygnał nie dowodzi zamiaru zakupu. Pomagają zdecydować, kiedy warto skontaktować się ponownie.

CPQ to skrót od configure, price, quote, czyli odrębne narzędzie. Salesforce opisuje je jako oprogramowanie do konfiguracji produktów, stosowania reguł cenowych, zarządzania rabatami i zgodami oraz tworzenia ofert, z integracją CRM i ERP.

Ten kalkulator obsługuje konfigurację i ceny jednego prostego cennika. Do zapisanych wycen, prywatnego katalogu lub akceptacji rabatów potrzebny jest system ofertowy.

Częste pytania

Czy do stworzenia kalkulatora potrzebuję Claude Cowork?

Wystarczy zwykła rozmowa w Claude: wklej cennik lub dołącz rate-card.csv. Cowork dodaje pracę z folderem, z którego Claude czyta plik i do którego zapisuje gotowy kalkulator. Dostęp do folderu wymaga płatnego planu Claude i otwartej aplikacji komputerowej.

Czy mogę użyć cennika Excel lub Google Sheets?

Wyeksportuj cennik do CSV i załącz do rozmowy lub wklej tabelę w prompt. Zanim AI zacznie budować, poproś o powtórzenie każdej odczytanej ceny i reguły. Porównaj z arkuszem, a gotowy kalkulator sprawdź wynikami policzonymi w samym arkuszu.

Jak wysłać interaktywny kalkulator klientowi?

Wyślij link zamiast pliku. Prześlij HTML na odpowiedni hosting, na przykład przez link HummingDeck w planie bezpłatnym, lub udostępnij artefakt z Claude, jeśli klient ma konto. Najpierw sprawdź go przez własny, osobny link, aby Twoja wizyta nie trafiła do linku klienta.

Czy kalkulator wyceny to to samo co CPQ?

Kalkulator pokazuje szacunek ze stałego cennika. CPQ stosuje też reguły cenowe i zatwierdzanie rabatów, generuje oferty i integruje się z CRM oraz ERP. Pozwól klientowi sprawdzać opcje w kalkulatorze, a następnie wyślij stałą ofertę z ceną, do której się zobowiązujesz.

Jak później zmienić ceny?

Zmień liczby w opisanym bloku stawek lub zleć AI zmianę w tym samym samodzielnym pliku i powtórz sześć kontroli. Potem użyj Zastąp przy dokumencie HummingDeck, zachowując działanie linków. Zastępowanie nie jest dostępne przy aktywnym linku oferty, więc najpierw go unieważnij.

Czy kalkulator może wysłać wycenę lub zapisać wybory klienta?

Wersja z artykułu tylko liczy w przeglądarce. Wysyłka wycen, zapis wyborów lub płatności wymagają usługi formularzy, bazy danych albo systemu ofertowego za stroną. Pozostaw je poza kalkulatorem i wyślij stałą ofertę z ceną, do której się zobowiązujesz.

O autorze

Ilya Spiridonov jest założycielem HummingDeck, platformy udostępniania dokumentów, która serwuje samodzielne pliki HTML zewnętrznym odbiorcom przez śledzone linki.

Źródła

Udostępnij kalkulator wyceny przez link

Powiązane artykuły: