Clew

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

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

Уақыты
● 20 минут
Бағасы
Free тарифі
Кім орындайды
Сіз және Qwen Code

Мысал: Qwen Code көмегімен өнім туры

Әзірлеушілері кетіп қалған интернет-дүкеннің бэк-офисін иесі Qwen Code-пен жүргізеді. /admin/orders бетіндегі жаңа менеджерлер төленбеген тапсырыстарды сүзуді, күйін өзгертуді және жүкқұжатты басып шығаруды көреді.

Clew-дің Free тарифінде тегін — картасыз және мерзімсіз: бір сайт және 3 жарияланған турға немесе кеңеске дейін. Аудитория ережелері мен A/B тесттер Pro тарифінде.

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, серверлік рендеринг үшін базалық шаблон) және тегті соған қой.
    
    Сондай-ақ өнім туры көрсететін элементтерге тұрақты data-tour атрибуттарын қос: басты навигацияға, жасау/қосу негізгі батырмасына, негізгі сүзгіге немесе іздеуге және бет тақырыбына — мысалы data-tour="create-button". Олардың стилін, мәтінін және әрекетін өзгертпе.
    
    Ережелер:
    - Скрипт URL-ін берілгендей қолдан. Оны жүктеп алма, бандлға жинама және npm пакетін орнатпа.
    - Жобада Content-Security-Policy бапталса, https://tryclew.io мекенжайын script-src және connect-src тізіміне қос.
    - Басқа ештеңені өзгертпе және диффті көрсет.
    Clew промпты бар ЖИ-ассистент өрісі (Qwen Code көмегімен өнім туры)
    Қадам 3 · интерфейс сызбасы
  4. Қадам 04

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

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

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

    Турды өз бетіңіздің үстінде жинаңыз

    Clew-де Сценарийлер → + Жаңа сценарий ашыңыз, Формат өрісінде Қадамдық тултиптер қалдырып, Сайтта өңдеу басыңыз. Бетіңізде Элементті таңдау басып, бірінші қадамның элементін басыңыз да, тақырып пен бір-екі сөйлем жазыңыз. 3–5 қадам үшін қайталаңыз — алдын ала қарау бірден жаңарады.

    Веб-қолданбадағы батырманы көрсететін өнім туры кеңесі: қадам нүктелері және «Келесі» батырмасы (Qwen Code көмегімен өнім туры)
    Қадам 5 · интерфейс сызбасы
  6. Қадам 06

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

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

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

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

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

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

Өнім туры Qwen Code көмегімен: ескеретін жайттар

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

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

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

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

Генерацияланған класстар әр құрастыруда өзгереді

ЖИ жасаған қолданбаларда көбіне утилиталық класстар немесе хештелген CSS модульдер болады. .bg-blue-600.px-4 сияқты селектор келесі промпттан кейін бұзылады. Сондықтан жоғарыдағы промпт data-tour атрибуттарын сұрайды: сол элементтерді таңдасаңыз, тур қайта генерациядан аман өтеді.

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

Qwen Code-қа Clew-ге қолжетімділік керек пе?

Жоқ. Ол тек файлдарыңызды түзетеді; виджет пайдаланушылардың браузерінде жүктеледі.

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

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

Өнім туры тегін бе?

Иә, турлар Free тарифінде бар — 3 жарияланғанға дейін. Pro тарифі тек аудитория ережелері, A/B тесттер және турлардың көбірек саны үшін керек.

Неге ЖИ-ден турды бірден жасауды сұрамасқа?

Болады, бірақ онда әр мәтін түзетуі — жаңа промпт, жаңа дифф және жаңа деплой, статистика жоқ. Clew-мен ЖИ бір жол мен бірнеше атрибутты бір рет қосады, ал турдың өзін командадағы кез келген адам бірнеше минутта түзетеді.

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

Өнім туры басқа платформаларда

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

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

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

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