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

Мысал: ChatGPT Codex көмегімен апгрейд терезесі

ChatGPT Codex көмегімен пейвол терезесін қадам-қадаммен қосу

1. Қадам 01

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

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

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

   Көшіру

   

2. Қадам 02

   Репозиторийді Codex-ке қосыңыз

   ChatGPT-де Codex ашып, қолданбаның GitHub репозиторийін қосыңыз (немесе жоба қалтасында Codex CLI іске қосыңыз). Қарапайым ChatGPT чаты немесе canvas тек кодты көрсетеді — репозиторийді өзгертпейді.

   

3. Қадам 03

   Промптпен тапсырма бастаңыз

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

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

   Көшіру

   

4. Қадам 04

   Pull request-ті тексеріп, біріктіріңіз

   Codex өзгерісті pull request ретінде ашуға болатын дифф түрінде қайтарады. Тек түбір файл мен шағын қосымшалар өзгергенін тексеріп, біріктіріңіз де, хостингке деплой етуге мүмкіндік беріңіз.

   

5. Қадам 05

   Апгрейд терезесін жазыңыз

   Clew-де Сценарийлер → + Жаңа сценарий ашып, Модальды терезе таңдаңыз. Бір қадам: пайдасы жазылған тақырып («Excel-ге жүктеу — Pro тарифінде»), құндылық туралы бір сөйлем, ал Сілтеме мәтіні / Сілтеме URL-і өрістерінде — батырма және тарифтер немесе төлем бетіңіздің мекенжайы.

   

6. Қадам 06

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

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

   Баптау	Мәні
   Формат	Модальды терезе
   Қай жерде көрсету (бет URL-і)	Префикс бойынша бөлім /board
   Қашан көрсету	Элемент басылғанда: [data-tour="automations"]
   Аудиторияны таңдау	Қасиет plan тең free
   Жиілік	Әр кіргенде

   

7. Қадам 07

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

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

   

Пейвол ChatGPT Codex көмегімен: ескеретін жайттар