Cursor-да жасалған қолданбада әзірлеушісіз өнім турын қалай жасауға болады
Cursor-да жасалған қолданбада интерактивті үйреткіш шамамен жиырма минутта: бір жол қоямыз, визуалды редакторда өз интерфейсімізді басып шығамыз және жаңа пайдаланушыларға керек жерде басталатын турды жариялаймыз.
- Уақыты
- ● 20 минут
- Бағасы
- Free тарифі
- Кім орындайды
- Сіз және Cursor агенті
Мысал: Cursor-да жасалған қолданбада өнім туры
Cursor-да жүргізілетін B2B CRM. /deals бетін ашқан сатушылар бес қадамдық тур алады: воронка кезеңдері, мәмілені сүйреу, келесі әрекет өрісі, сүзгілер және болжам сомасы.
Clew-дің Free тарифінде тегін — картасыз және мерзімсіз: бір сайт және 3 жарияланған турға немесе кеңеске дейін. Аудитория ережелері мен A/B тесттер Pro тарифінде.
Cursor-да жасалған қолданбада өнім турын қадам-қадаммен жасау
- Қадам 01
Clew кодын көшіріңіз
Тегін тіркеліңіз немесе кіріңіз, сайтыңызды қосып, админкадағы Шолу бөлімін ашыңыз. Виджеттен әлі сигнал келген жоқ. карточкасындағы жолды басыңыз — ол белгінің орнына сайтыңыздың нақты кілтімен көшіріледі.
<!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз --> <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
Қадам 1 · интерфейс сызбасы - Қадам 02
Репозиторийді Cursor-да Agent режимінде ашыңыз
Жоба қалтасын Cursor-да, ал чатты файлдарды өзі түзете алатындай Agent режимінде ашыңыз.
Қадам 2 · интерфейс сызбасы - Қадам 03
Промптты кілтіңізбен жіберіңіз
САЙТ_КІЛТІН_ҚОЙЫҢЫЗорнына кілтті қойып, жіберіңіз. Cursor репозиторийді оқып, промпттағы тізімнен керек түбір файлды таңдайды.Осы қолданбаға 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) және тегті соған қой. Сондай-ақ өнім туры көрсететін элементтерге тұрақты data-tour атрибуттарын қос: басты навигацияға, жасау/қосу негізгі батырмасына, негізгі сүзгіге немесе іздеуге және бет тақырыбына — мысалы data-tour="create-button". Олардың стилін, мәтінін және әрекетін өзгертпе. Ережелер: - Скрипт URL-ін берілгендей қолдан. Оны жүктеп алма, бандлға жинама және npm пакетін орнатпа. - Жобада Content-Security-Policy бапталса, https://tryclew.io мекенжайын script-src және connect-src тізіміне қос. - Басқа ештеңені өзгертпе және диффті көрсет.
Қадам 3 · интерфейс сызбасы - Қадам 04
Диффті қабылдап, коммит жасап, деплой етіңіз
Диффті тексеріңіз — бір түбір файлдағы тег пен промпттан шағын қосымшалар — қабылдап, коммит жасап, push етіңіз. Хостинг әдеттегідей деплой етеді.
Қадам 4 · интерфейс сызбасы - Қадам 05
Турды өз бетіңіздің үстінде жинаңыз
Clew-де Сценарийлер → + Жаңа сценарий ашыңыз, Формат өрісінде Қадамдық тултиптер қалдырып, Сайтта өңдеу басыңыз. Бетіңізде Элементті таңдау басып, бірінші қадамның элементін басыңыз да, тақырып пен бір-екі сөйлем жазыңыз. 3–5 қадам үшін қайталаңыз — алдын ала қарау бірден жаңарады.
Қадам 5 · интерфейс сызбасы - Қадам 06
Қайда, қашан және кімге көрсетуді таңдаңыз
Сол редакторда Қай жерде көрсету (бет URL-і), Қашан көрсету, Аудиторияны таңдау және Жиілік өрістерін толтырыңыз. Жоғарыдағы мысалдың баптаулары:
Баптау Мәні Формат Қадамдық тултиптер Қай жерде көрсету (бет URL-і) Префикс бойынша бөлім /dealsҚашан көрсету Бет жүктелгенде бірден Аудиторияны таңдау Ереже жоқ — бетті ашқандардың бәрі Жиілік Әр келушіге бір рет 
Қадам 6 · интерфейс сызбасы - Қадам 07
Жариялап, сайтта тексеріңіз
Күйі өрісін Жарияланған күйіне қойып, сақтаңыз. Бетті жасырын терезеде ашыңыз: Clew «бір рет» көрсетілетін элементті кім көргенін есте сақтайды, сондықтан қарапайым терезеде ол шықпауы мүмкін. Көрсетулер, өтулер мен тоқтаған жерлер тур статистикасында шығады.
Қадам 7 · интерфейс сызбасы
Өнім туры Cursor-да жасалған қолданбада: ескеретін жайттар
Қабылдамас бұрын тексеріңіз
Агенттер кейде көрші кодты «жақсартады». Промптта аталған файлдардан тыс өзгерістерден бас тартыңыз: «өнім туры» форматына басқа ештеңе керек емес.
Жергілікті әзірлеу — прод емес
Виджет localhost-та да жұмыс істейді, тексеруге ыңғайлы, бірақ келушілер статистикасы мен «Виджет жұмыс істеп тұр» күйі деплой етілген қолданбадан келеді.
Генерацияланған класстар әр құрастыруда өзгереді
ЖИ жасаған қолданбаларда көбіне утилиталық класстар немесе хештелген CSS модульдер болады. .bg-blue-600.px-4 сияқты селектор келесі промпттан кейін бұзылады. Сондықтан жоғарыдағы промпт data-tour атрибуттарын сұрайды: сол элементтерді таңдасаңыз, тур қайта генерациядан аман өтеді.
Сұрақтар мен жауаптар
Турды репозиторийде сақтауға бола ма?
Тур мазмұны әзірлеушілер ғана емес, басқалар да түзете алуы үшін Clew-де тұрады. Репозиторийде тек жол мен data-tour атрибуттары.
Cursor-да қай модельді таңдау керек?
Agent режиміндегі кез келген модель жарайды: тапсырма шағын, файлдар промптта аталған.
Өнім туры тегін бе?
Иә, турлар Free тарифінде бар — 3 жарияланғанға дейін. Pro тарифі тек аудитория ережелері, A/B тесттер және турлардың көбірек саны үшін керек.
Неге ЖИ-ден турды бірден жасауды сұрамасқа?
Болады, бірақ онда әр мәтін түзетуі — жаңа промпт, жаңа дифф және жаңа деплой, статистика жоқ. Clew-мен ЖИ бір жол мен бірнеше атрибутты бір рет қосады, ал турдың өзін командадағы кез келген адам бірнеше минутта түзетеді.
Cursor-да жасалған қолданбада тағы не қосуға болады
- Cursor-да жасалған қолданбада әзірлеушісіз онбординг чек-парағын қалай қосуға болады
- Cursor-да жасалған қолданбада әзірлеушісіз пайдаланушылар онбордингін қалай баптауға болады
- Cursor-да жасалған қолданбада әзірлеушісіз пейвол апгрейд терезесін қалай жасауға болады
Өнім туры басқа платформаларда
- 1С-Битрикс1С-Битриксте әзірлеушісіз өнім турын қалай жасауға болады
- WordPressWordPress-те әзірлеушісіз өнім турын қалай жасауға болады
- Яндекс Тег МенеджерЯндекс Тег Менеджер арқылы әзірлеушісіз өнім турын қалай жасауға болады
- Google Tag ManagerGoogle Tag Manager арқылы әзірлеушісіз өнім турын қалай жасауға болады
- LovableLovable қолданбасында әзірлеушісіз өнім турын қалай жасауға болады
- Claude CodeClaude Code көмегімен әзірлеушісіз өнім турын қалай жасауға болады
- ChatGPT CodexChatGPT Codex көмегімен әзірлеушісіз өнім турын қалай жасауға болады
- Qwen CodeQwen Code көмегімен әзірлеушісіз өнім турын қалай жасауға болады