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

Мысал: Claude Code көмегімен онбординг чек-парағы

Claude Code көмегімен онбординг чек-парағын қадам-қадаммен қосу

1. Қадам 01

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

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

   <!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз -->
   <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>

   Көшіру

   

2. Қадам 02

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

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

   

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() шақыр, бірнеше жеке емес қасиетті жол түрінде бер — мысалы { plan: "trial", role: "owner", onboarded: "false" }. Виджет әлі жүктелмеген болуы мүмкін болса, алдымен кезек заглушкасын жарияла: window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(["identify", p]); } }; содан кейін window.TutorKit.identify(...) шақыр. Аты-жөнді, email мен басқа дербес деректерді ешқашан берме.
   
   Ережелер:
   - Скрипт URL-ін берілгендей қолдан. Оны жүктеп алма, бандлға жинама және npm пакетін орнатпа.
   - Жобада Content-Security-Policy бапталса, https://tryclew.io мекенжайын script-src және connect-src тізіміне қос.
   - Басқа ештеңені өзгертпе және диффті көрсет.

   Көшіру

   

4. Қадам 04

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

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

   

5. Қадам 05

   Чек-парақ тармақтарын Clew-де жазыңыз

   Clew-де Сценарийлер → + Жаңа сценарий ашып, Онбординг чек-парағы таңдаңыз. Чек-парақ тақырыбы толтырып, Чек-парақ тармақтары бөліміне 3–5 тармақ қосыңыз: әрекет түріндегі атау, бір жол түсіндірме және Сілтеме URL-і өрісінде орындалатын бет. Селекторлар керек емес.

   

6. Қадам 06

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

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

   Баптау	Мәні
   Формат	Онбординг чек-парағы
   Қай жерде көрсету (бет URL-і)	Префикс бойынша бөлім /invoices
   Қашан көрсету	Бет жүктелгенде бірден
   Аудиторияны таңдау	Қасиет first_invoice_sent тең емес true
   Жиілік	Әр келушіге бір рет

   

7. Қадам 07

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

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

   

Онбординг чек-парағы Claude Code көмегімен: ескеретін жайттар