Clew

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

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

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

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

Qwen Code-пен жүргізілетін бэк-офис. Жаңа менеджерлер (role = manager) /admin бетінде сәлемдесуді, /admin/orders бойынша турды және екінші кіруде күнделікті істер чек-парағын көреді.

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

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

  1. Қадам 01

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

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

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

    Жоба қалтасында Qwen Code іске қосыңыз

    Ашық бастапқы кодты Qwen Code CLI-ін орнатып, жоба қалтасында qwen орындаңыз. Ол репозиторийді оқып, сіз растағаннан кейін файлдарды түзетеді. Браузердегі Qwen Chat тек өзіңіз қоятын кодты ұсынады.

    Жобада ашылған терминалдағы ЖИ-ассистент сессиясы (Qwen 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, серверлік рендеринг үшін базалық шаблон) және тегті соған қой.
    
    Жүйеге кіргеннен кейін 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 промпты бар ЖИ-ассистент өрісі (Qwen Code көмегімен пайдаланушылар онбордингі)
    Қадам 3 · интерфейс сызбасы
  4. Қадам 04

    Түзетулерді растап, деплой етіңіз

    Диффті тексеріп, түзетулерді растаңыз, коммит жасап, әдеттегідей деплой етіңіз.

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

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

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

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

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

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

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

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

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

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

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

Түзетулерді бір-бірлеп растаңыз

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

Авторизациядан кейінгі әкімшілік панельдер

URL ережелері кез келген жолда, соның ішінде /admin-да жұмыс істейді. Пайдаланушылар онбордингі қарапайым қызметкер ретінде кіріп жинаңыз — сонда ол көретін элементтерді таңдайсыз.

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

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

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

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

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

Ішкі жүйелерге жарай ма?

Иә. Жол тұрған кез келген жолда авторизациядан кейін жұмыс істейді.

Qwen-нің қай моделі керек?

Qwen Code-тағы әдепкі модель жетеді: бұл шағын, анық сипатталған түзету.

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

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

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

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

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

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

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

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

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

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