Clew

Claude Code көмегімен әзірлеушісіз пайдаланушылар онбордингін қалай баптауға болады

Claude Code көмегімен алғашқы сессияның толық сценарийі — сәлемдесу, алғашқы әрекетке көмек, алғашқы қадамдар тізімі — бет жүктелгендегі бір ұзын тур емес, пайдаланушының соңынан жүретін үш Clew элементі.

Уақыты
● 40 минут
Бағасы
Турлар тегін · қалғаны 14 күн сынақта
Кім орындайды
Сіз және Claude Code

Мысал: Claude Code көмегімен пайдаланушылар онбордингі

Claude Code арқылы жүргізілетін шот-фактура сервисі. /invoices бетінде сәлемдесу, /invoices/new бойынша тур және шот жібермегендерге екінші кіруде чек-парақ.

Өнім туры Free тарифінде тегін (3 жарияланғанға дейін). «Модальды терезе, Чек-парақ» форматтары мен аудитория ережелері Pro тарифіне кіреді: әрбір жаңа аккаунтқа барлық мүмкіндігі бар 14 күндік сынақ кезеңі беріледі, карта керек емес. Сынақ біткенде ештеңе өшірілмейді, жарияланғандар көрсетіле береді.

Claude Code көмегімен онбордингті қадам-қадаммен баптау

  1. Қадам 01

    Clew кодын көшіріңіз

    Тегін тіркеліңіз немесе кіріңіз, сайтыңызды қосып, админкадағы Шолу бөлімін ашыңыз. Виджеттен әлі сигнал келген жоқ. карточкасындағы жолды басыңыз — ол белгінің орнына сайтыңыздың нақты кілтімен көшіріледі.

    <!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз -->
    <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
    Clew админкасындағы Шолу бөлімі: кілті жасырылған код жолы (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 1 · интерфейс сызбасы
  2. Қадам 02

    Жобада Claude Code-ты іске қосыңыз

    Жоба қалтасында claude орындаңыз (немесе IDE-де Claude Code-ты ашыңыз). Ол нақты репозиториймен жұмыс істейді және файлдарды түзетпес бұрын рұқсат сұрайды.

    Жобада ашылған терминалдағы ЖИ-ассистент сессиясы (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 2 · интерфейс сызбасы
  3. Қадам 03

    Промптты кілтіңізбен жіберіңіз

    САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына кілтті қойып, промптты жіберіңіз.

    Осы қолданбаға Clew онбординг виджетін қос.
    
    Мына тегті дәл осы күйінде бір рет қой, ол әр бетте, соның ішінде бетті қайта жүктемей ауысқаннан кейін де жүктелсін:
    <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
    
    Жобаның түбір HTML-ін немесе layout-ын тап (Vite үшін index.html, Next.js App Router үшін next/script бар app/layout.tsx, Nuxt үшін nuxt.config.ts ішіндегі app.head.script, SvelteKit үшін src/app.html, серверлік рендеринг үшін базалық шаблон) және тегті соған қой.
    
    Жүйеге кіргеннен кейін Clew.identify() шақыр, жаңа пайдаланушыны ескісінен ажырататын жеке емес қасиеттерді жол түрінде бер — мысалы { signup_source: "web", onboarded: "false", role: "owner" } — және пайдаланушы негізгі әрекетті орындағанда onboarded мәнін "true" етіп жаңарт. Виджет әлі жүктелмеген болуы мүмкін болса, алдымен кезек заглушкасын жарияла: window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(["identify", p]); } }; содан кейін window.TutorKit.identify(...) шақыр. Сондай-ақ басты навигация мен негізгі жасау батырмасына data-tour атрибуттарын қос. Аты-жөн мен email-ді ешқашан берме.
    
    Ережелер:
    - Скрипт URL-ін берілгендей қолдан. Оны жүктеп алма, бандлға жинама және npm пакетін орнатпа.
    - Жобада Content-Security-Policy бапталса, https://tryclew.io мекенжайын script-src және connect-src тізіміне қос.
    - Басқа ештеңені өзгертпе және диффті көрсет.
    Хабар өрісінде Clew промпты бар ЖИ чаты (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 3 · интерфейс сызбасы
  4. Қадам 04

    Түзетулерді мақұлдап, шығарыңыз

    Ұсынылған түзетулерді оқып, мақұлдаңыз, содан кейін әдеттегідей коммит жасап, деплой етіңіз — немесе Claude Code-тан pull request ашуды сұраңыз.

    Дифф: түбір файлға бір скрипт жолы қосылған (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 4 · интерфейс сызбасы
  5. Қадам 05

    Онбордингтің үш элементін жасаңыз

    Сценарийлер бөлімінде үш элемент жасаңыз: бір сәлемдесу сөйлемі мен негізгі экранға сілтемесі бар Модальды терезе; сол экрандағы Сайтта өңдеу және Элементті таңдау арқылы жиналған 3–4 қадамдық Қадамдық тултиптер туры; және қалған баптау тапсырмалары бар Онбординг чек-парағы.

    Сәлемдесу терезесі, тур кеңесі және чек-парақ панелі — онбордингтің үш кезеңі (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 5 · интерфейс сызбасы
  6. Қадам 06

    Қайда, қашан және кімге көрсетуді таңдаңыз

    Сол редакторда Қай жерде көрсету (бет URL-і), Қашан көрсету, Аудиторияны таңдау және Жиілік өрістерін толтырыңыз. Жоғарыдағы мысалдың баптаулары:

    БаптауМәні
    Сәлемдесу поп-апы
    ФорматМодальды терезе
    Қай жерде көрсету (бет URL-і)Нақты жол /invoices
    Қашан көрсетуБет жүктелгенде бірден
    Аудиторияны таңдауЕреже жоқ — бетті ашқандардың бәрі
    ЖиілікӘр келушіге бір рет
    Өнім туры
    ФорматҚадамдық тултиптер
    Қай жерде көрсету (бет URL-і)Префикс бойынша бөлім /invoices/new
    Қашан көрсетуБет жүктелгенде бірден
    Аудиторияны таңдауЕреже жоқ — бетті ашқандардың бәрі
    ЖиілікӘр келушіге бір рет
    Чек-парақ
    ФорматОнбординг чек-парағы
    Қай жерде көрсету (бет URL-і)Префикс бойынша бөлім /invoices
    Қашан көрсетуN-ші кіргенде: 2
    Аудиторияны таңдауҚасиет first_invoice_sent тең емес true
    ЖиілікӘр келушіге бір рет
    Clew тур редакторы: формат, URL ережесі, триггер және аудитория ережесі (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 6 · интерфейс сызбасы
  7. Қадам 07

    Жариялап, сайтта тексеріңіз

    Күйі өрісін Жарияланған күйіне қойып, сақтаңыз. Бетті жасырын терезеде ашыңыз: Clew «бір рет» көрсетілетін элементті кім көргенін есте сақтайды, сондықтан қарапайым терезеде ол шықпауы мүмкін. Көрсетулер, өтулер мен тоқтаған жерлер тур статистикасында шығады.

    Clew админкасындағы Шолу бөлімі: жасыл «Виджет жұмыс істеп тұр» карточкасы (Claude Code көмегімен пайдаланушылар онбордингі)
    Қадам 7 · интерфейс сызбасы

Пайдаланушылар онбордингі Claude Code көмегімен: ескеретін жайттар

Claude.ai артефактілері — сіздің қолданбаңыз емес

Claude.ai чатындағы немесе артефактісіндегі код құмсалғышта орындалады және пайдаланушыларыңызға жетпейді. Clew-ді Claude Code арқылы нақты жобаға қойыңыз — өзгеріс продакшенге сол жерден кетеді.

Кілтті CLAUDE.md файлына салмаңыз

Сайт кілті жария, бірақ оның орны — бетте, басқа репозиторийлерде қайта қолданылатын жоба нұсқауларында емес.

Сәлемдесу ескі пайдаланушыларға шықпауы керек

«Әр келушіге бір рет» браузер бойынша есептеледі: жаңа ноутбуктегі ескі клиент — жаңа келуші. Қолданба пайдаланушыны білсе, ескі пайдаланушылар сәлемдесуді өткізіп жіберуі үшін onboarded сияқты қасиет бойынша ереже қосыңыз.

Бәрін бір бетте іске қоспаңыз

Терезе, тур және чек-парақ бір URL-ге сәйкес келсе, тек біреуі басталады, қалғаны күтеді. Жоғарыдағы кестедегідей әрқайсысына өз бетін немесе триггерін беріңіз.

Сұрақтар мен жауаптар

Claude Code onboarded жалаушасын қоя ала ма?

Иә, бұл промпттың бөлігі: алғашқы шот жіберілгенде қасиет өзгереді.

Claude-тың ақылы жазылымы керек пе?

Claude Code Claude жазылымдарымен және API арқылы қолжетімді; Clew үшін қайсысы екенінің маңызы жоқ.

Қай бөліктері тегін?

Турлар — Free тарифінде тегін. Сәлемдесу терезесі, чек-парақ және аудитория ережелері — Pro тарифінде; 14 күндік сынақ кезеңінде бәрі бар, картасыз.

Қанша уақыт алады?

Алғашқы нұсқаға шамамен қырық минут: он минут терезеге, жиырма турға, он чек-параққа. Одан әрі воронка бойынша жақсартыңыз.

Claude Code көмегімен тағы не қосуға болады

Пайдаланушылар онбордингі басқа платформаларда

Сайтта бір жол — содан кейін турлар, кеңестер мен чек-парақтар релизсіз.

Турлар, попаптар және ЖИ дәуіріндегі онбординг

Қадам саны, мәтін ережелері мен метрикалары бар 7 паттерн, ЖИ нені өзгертеді және жариялау алдындағы чек-лист. PDF, 2 бет. Ішінде не бар →

Нұсқаулық ағылшын тілінде.