Әзірлеушісіз өнім турын қалай жасауға болады
Өнім туры жаңа пайдаланушыға не қайда екенін көрсетеді: «мұнда жоба жасайды, мұнда команданы шақырады». Clew-де өз интерфейсіңіздегі элементтерді басып, әр қадамға бір сөйлем жазып, жариялайсыз — CSS селекторларсыз және релизсіз.
- Уақыты
- ● 20 минут
- Бағасы
- Free тарифі
- Формат
- Қадамдық тултиптер
Clew-дегі өнім туры дегеніміз не
Өнім туры (интерактивті үйреткіш, walkthrough) — беттің элементтеріне байланған кеңестер тізбегі. Clew-де бұл Қадамдық тултиптер форматы: әр қадам элементті көрсетеді, оның тақырыбы мен мәтіні бар, пайдаланушы Дайын дейін Келесі батырмасын басады.
CSS селекторларын жазудың қажеті жоқ: Сайтта өңдеу батырмасы редакторды сайтыңыздың үстінен ашады, ал Элементті таңдау элементті жай басуға мүмкіндік береді. Тур бір беттік қолданбалардағы ауысуларды қадағалайды және адамдар қай қадамда кететінін көрсетеді.
Тур қай жерде өзін ақтайды
SaaS-тағы алғашқы сессия
Басты экранда үш-бес қадам — пайда әкелетін алғашқы әрекетке дейін. Ұзын турларды айналдырып өтіп кетеді.
Жаңа немесе қайта жасалған бөлім
Пайдаланушы өзгерген экранды ашады — осы URL-дегі қысқа тур не қайда ауысқанын түсіндіреді.
Күрделі формалар
Баптаулар, интеграциялар, сүзгілері бар есептер: әр түсініксіз өріске кеңес қолдау қызметіне келетін сұрақтарды азайтады.
Адамдар қай жерде тоқтайды
Воронка әр қадамды қанша адам көргенін көрсетеді. Қадамдағы үлкен шығын әдетте жаман кеңесті емес, түсініксіз экранды білдіреді.
Өнім турын 5 қадаммен жасау
- Қадам 01
Clew кодын көшіріңіз
Тегін тіркеліңіз немесе кіріңіз, сайтыңызды қосып, админкадағы Шолу бөлімін ашыңыз. Виджеттен әлі сигнал келген жоқ. карточкасындағы жолды басыңыз — ол белгінің орнына сайтыңыздың нақты кілтімен көшіріледі.
<!-- Clew: САЙТ_КІЛТІН_ҚОЙЫҢЫЗ орнына Admin > Шолу бөліміндегі сайт кілтін қойыңыз --> <script src="https://tryclew.io/widget/САЙТ_КІЛТІН_ҚОЙЫҢЫЗ.js" async></script>
Қадам 1 · интерфейс сызбасы - Қадам 02
Жолды сайтқа бір рет қойыңыз
Кодты сайтты басқаратын жеріңізге қойыңыз. Әр нұсқаулық 5–10 минут алады және оны қайталаудың қажеті жоқ: қалғанының бәрі Clew-де жасалады.
Қадам 2 · интерфейс сызбасы - Қадам 03
Турды өз бетіңіздің үстінде жинаңыз
Clew-де Сценарийлер → + Жаңа сценарий ашыңыз, Формат өрісінде Қадамдық тултиптер қалдырып, Сайтта өңдеу басыңыз. Бетіңізде Элементті таңдау басып, бірінші қадамның элементін басыңыз да, тақырып пен бір-екі сөйлем жазыңыз. 3–5 қадам үшін қайталаңыз — алдын ала қарау бірден жаңарады.
Қадам 3 · интерфейс сызбасы - Қадам 04
Қайда, қашан және кімге көрсетуді таңдаңыз
Сол редакторда Қай жерде көрсету (бет URL-і), Қашан көрсету, Аудиторияны таңдау және Жиілік өрістерін толтырыңыз. Жоғарыдағы мысалдың баптаулары:
Баптау Мәні Формат Қадамдық тултиптер Қай жерде көрсету (бет URL-і) Префикс бойынша бөлім /personalҚашан көрсету Бет жүктелгенде бірден Аудиторияны таңдау Ереже жоқ — бетті ашқандардың бәрі Жиілік Әр келушіге бір рет 
Қадам 4 · интерфейс сызбасы - Қадам 05
Жариялап, сайтта тексеріңіз
Күйі өрісін Жарияланған күйіне қойып, сақтаңыз. Бетті жасырын терезеде ашыңыз: Clew «бір рет» көрсетілетін элементті кім көргенін есте сақтайды, сондықтан қарапайым терезеде ол шықпауы мүмкін. Көрсетулер, өтулер мен тоқтаған жерлер тур статистикасында шығады.
Қадам 5 · интерфейс сызбасы
Қадам-қадаммен: сіздің платформадағы өнім туры
Сайтыңыз немесе қолданбаңыз жасалған платформаны таңдаңыз. Әр нұсқаулықта орнату қадамдары, дайын баптаулары бар мысал және сол платформаның ескеретін жайттары бар.
Бұл тегін бе?
Clew-дің Free тарифінде тегін — картасыз және мерзімсіз: бір сайт және 3 жарияланған турға немесе кеңеске дейін. Аудитория ережелері мен A/B тесттер Pro тарифінде.
Сұрақтар мен жауаптар
Clew-дегі өнім туры тегін бе?
Иә. Турлар мен кеңестер Free тарифінде бар: бір сайт, 3 жарияланғанға дейін, картасыз және мерзімсіз. Аудитория ережелері мен A/B тесттер — Pro тарифінде.
Әзірлеушілер бетті өзгертсе не болады?
Элемент жоғалса, Күйі қойындысы оны таба алмайтын қадамды көрсетеді. Әзірлеушілерден негізгі элементтерге data-tour атрибутын қосуды сұраңыз: [data-tour="create"] сияқты селекторлар редизайннан аман өтеді.
Турда неше қадам болуы керек?
Үштен беске дейін. Әр батырманы емес, алғашқы нәтижеге жолды көрсетіңіз. Қалғаны — өз экранындағы кеңестерге немесе чек-параққа.
React, Vue немесе Next.js қолданбаларында жұмыс істей ме?
Иә. Виджет бетті қайта жүктемей ауысуларды қадағалайды, сондықтан /dashboard бетіне байланған тур пайдаланушы сонда өткенде басталады.