Смотрите-ка, что сегодня появилось в аккаунте 🔥🔥
Кажется, логика управления стилизацией тренингов обещает стать более удобной 🥹
Сейчас это скрипты, скрипты, тонна кода порой для выбора нужных уроков особенно в Чатиуме... Теперь про это забудем! Останутся только системные страницы :))
Кто уже протестировал?
апд. Настройка есть на каждом уровне тренингов и внутри настроек аккаунта
Кажется, логика управления стилизацией тренингов обещает стать более удобной 🥹
Сейчас это скрипты, скрипты, тонна кода порой для выбора нужных уроков особенно в Чатиуме... Теперь про это забудем! Останутся только системные страницы :))
Кто уже протестировал?
апд. Настройка есть на каждом уровне тренингов и внутри настроек аккаунта
🔥35🤩13🤔2😱2👏1
Неделя Магии... как много в этом звуке для сердца технаря слилось! ❤️
Как многие из вас знают, НМ - это неделя, на которой даже "не маги" могут попробовать на себе (и своем аккаунте) сделать красивый Геткурс🏝
Мы уже рассказывали вам о формах и виджетах, мобильных страницах и оформлении тренингов. Показывали как можно кастомизировать вебинарные страницы и создавать клубные кабинеты. Разворачивали единые пространства для ученика и проводили редизайн страницы авторизации. Некоторые из васмучались и побеждали Кодожорку (целых три раза!). Сотни аккаунтов стали красивее, десятки спецов зарабатывают на этих решениях после окончания НМ 💃
Теперь настало время новых свершений!
🥳 10НМ (в какой-то мере юбилейная) перед днем рождения Клуба Магии🥳
Та-дам! Модернизируем урок!🥳
Посмотрите на после/до. Правда, это потрясающе?
Всего за неделю можно не только повторить такой результат, но и понять как он сделан👀
А теперь немного подробностей:
1️⃣ Вылета не будет (это для тех, кто знаком с прошлыми форматами)
2️⃣ Кодожорка жестить не будет
3️⃣ Участие платное, но оплата символическая - 1тр*
4️⃣ Доступ к урокам сохранится до 1 марта 2024 г.
* владельцам GTF - 0руб (проверяйте сообщения от Декана, он присылал ссылку на чат)
Благодаря последнему апдейту ГК почти все вещи будут работать из темы и даже в Чатиуме!
🤩 Посмотреть макет (он большой, откроется pdf)
⏳ РЕГИСТРАЦИЯ НА МАРАФОН https://gcwithme.ru/magicweek
1) Если вы думаете, что верстка ГК - это сложно... тогда приходите - всему научу :) Будет только лишь приятно😏
2) Если вы думаете, что вы очень заняты - срок доступа вполне позволяет все изучить даже на НГ каникулах. Чат будет открыт. Единомышленники помогут!
3) Если вы думаете, что 1тр это дорого, то знайте, что подобное оформление стоит дороже, намного дороже.
4) В этом макете переработаны все элементы. А бонусные уроки к этой НМ приятно вас порадуют, решением "классических" проблем внутри урока :)
Пока вы успеваете попасть на регистрацию (до 26 ноября включительно). Затем только уже покупка в записи.
Как многие из вас знают, НМ - это неделя, на которой даже "не маги" могут попробовать на себе (и своем аккаунте) сделать красивый Геткурс
Мы уже рассказывали вам о формах и виджетах, мобильных страницах и оформлении тренингов. Показывали как можно кастомизировать вебинарные страницы и создавать клубные кабинеты. Разворачивали единые пространства для ученика и проводили редизайн страницы авторизации. Некоторые из вас
Теперь настало время новых свершений!
🥳 10НМ (в какой-то мере юбилейная) перед днем рождения Клуба Магии🥳
Та-дам! Модернизируем урок!
Посмотрите на после/до. Правда, это потрясающе?
Всего за неделю можно не только повторить такой результат, но и понять как он сделан
А теперь немного подробностей:
1️⃣ Вылета не будет (это для тех, кто знаком с прошлыми форматами)
2️⃣ Кодожорка жестить не будет
3️⃣ Участие платное, но оплата символическая - 1тр*
4️⃣ Доступ к урокам сохранится до 1 марта 2024 г.
* владельцам GTF - 0руб (проверяйте сообщения от Декана, он присылал ссылку на чат)
Благодаря последнему апдейту ГК почти все вещи будут работать из темы и даже в Чатиуме!
🤩 Посмотреть макет (он большой, откроется pdf)
1) Если вы думаете, что верстка ГК - это сложно... тогда приходите - всему научу :) Будет только лишь приятно
2) Если вы думаете, что вы очень заняты - срок доступа вполне позволяет все изучить даже на НГ каникулах. Чат будет открыт. Единомышленники помогут!
3) Если вы думаете, что 1тр это дорого, то знайте, что подобное оформление стоит дороже, намного дороже.
4) В этом макете переработаны все элементы. А бонусные уроки к этой НМ приятно вас порадуют, решением "классических" проблем внутри урока :)
Пока вы успеваете попасть на регистрацию (до 26 ноября включительно). Затем только уже покупка в записи.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥15❤8🥰1
🔥🔥 Обновление по календарю
В ГК есть две типичных ситуации, когда система не выводит время для ученика (дата, те день при этом есть)
1. Когда событие находится в будущем году
2. Когда событие наступает в полночь
Как это решать - смотрите в допке внутри тренинга с календарем.
⚙️ Так же по секрету рассказываю, что у календаря есть еще скины-расширения
1. Модификация, как на скрине выше
2. Версия, где выводятся данные об учителях или спикерах (их аватарки)
3. Модификация, где каждый тип событий выделяется по особому, те можно выделить Экзамен, ДЗ, Вебинар (в том числе не только цветом, но и графикой)
4. Прокидка всех событий в Гугл Календарь
5. Календарь для линейных событий (например, если вы хотите показать марафон или какое-то длительное событие)
Все эти допки откроются в январе 2024. Сейчас их можно купить со скидкой за 3000 весь комплект (если вы уже покупали календарь). Либо купить календарь + допки за 8тр.
Этот вариант календаря - один из самых функциональных, тк работает в нескольких режимах и может быть тонко настроен под цели проекта. Все, что вам может пригодиться - там уже есть :)
✈️ Купить можно тут пока идет распродажа https://gcwithme.ru/4years_sale
В ГК есть две типичных ситуации, когда система не выводит время для ученика (дата, те день при этом есть)
1. Когда событие находится в будущем году
2. Когда событие наступает в полночь
Как это решать - смотрите в допке внутри тренинга с календарем.
1. Модификация, как на скрине выше
2. Версия, где выводятся данные об учителях или спикерах (их аватарки)
3. Модификация, где каждый тип событий выделяется по особому, те можно выделить Экзамен, ДЗ, Вебинар (в том числе не только цветом, но и графикой)
4. Прокидка всех событий в Гугл Календарь
5. Календарь для линейных событий (например, если вы хотите показать марафон или какое-то длительное событие)
Все эти допки откроются в январе 2024. Сейчас их можно купить со скидкой за 3000 весь комплект (если вы уже покупали календарь). Либо купить календарь + допки за 8тр.
Этот вариант календаря - один из самых функциональных, тк работает в нескольких режимах и может быть тонко настроен под цели проекта. Все, что вам может пригодиться - там уже есть :)
✈️ Купить можно тут пока идет распродажа https://gcwithme.ru/4years_sale
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍6❤2🥰2
Массовое указание учителей в тренинге
Написала решение, которое облегчит работу админов больших проектов, где список кураторов часто меняется.
Но обо всем по порядку :)
В ГК есть функционал дополнительных преподавателей, которыми являются сотрудники с "расширенными" правами на обучение. Но ГК предусматривает только ручной выбор таких сотрудников из общего списка.
А если у вас множество подтренингов, и ваша задача указать учителей на всех уровнях, то вы получаете много ручного труда. А если еще список часто меняется (приходят новые кураторы), то можно утонуть в этой рутине🆘
⚙️ Этот скрипт решает данную задачу в пару кликов.
Вам нужно выбрать из списка одну или несколько групп пользователей, которым вы хотите предоставить доступ к тренингу. Затем нажать на одну из двух кнопок
1. Применить к этому тренингу - те применить только на текущем уровне
2. Применить ко всем модулям - скрипт пройдет по всем подвложенностям и там назначит все, как нужно, те все пользователи, что вы указали по группе будут отмечены как допучителя.
Если вы случайно "поместили" в группу не сотрудника, т он не будет назначен учителем.
Если у вас в тренинге уже были выбраны учителя, которых нет в группе, то они будут сохранены в списке (хотя можно добавить логику на полное переназначение")
Написала решение, которое облегчит работу админов больших проектов, где список кураторов часто меняется.
Но обо всем по порядку :)
В ГК есть функционал дополнительных преподавателей, которыми являются сотрудники с "расширенными" правами на обучение. Но ГК предусматривает только ручной выбор таких сотрудников из общего списка.
А если у вас множество подтренингов, и ваша задача указать учителей на всех уровнях, то вы получаете много ручного труда. А если еще список часто меняется (приходят новые кураторы), то можно утонуть в этой рутине
Вам нужно выбрать из списка одну или несколько групп пользователей, которым вы хотите предоставить доступ к тренингу. Затем нажать на одну из двух кнопок
1. Применить к этому тренингу - те применить только на текущем уровне
2. Применить ко всем модулям - скрипт пройдет по всем подвложенностям и там назначит все, как нужно, те все пользователи, что вы указали по группе будут отмечены как допучителя.
Если вы случайно "поместили" в группу не сотрудника, т он не будет назначен учителем.
Если у вас в тренинге уже были выбраны учителя, которых нет в группе, то они будут сохранены в списке (хотя можно добавить логику на полное переназначение")
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41👍13
Дашборды - расширяем функциональность ⚡️
Что такое дашборд? Удобная система для вывода информации и быстрого ее анализа. И вроде бы все хорошо, но есть нюанс...
🧐 Чего-то не хватает в дашбордах для полноценной работы с ними?
Возможности использовать вычисления, например как вычисление средних значений, и построение на их основе графиков. Причем графики можно строить любого типа, основное - чтобы на странице были даны 😊
Если нужно разработать под проект - пишите @araviw
ЗЫ так же дашборды умеют поддерживать стили и оформление 🔥
Что такое дашборд? Удобная система для вывода информации и быстрого ее анализа. И вроде бы все хорошо, но есть нюанс...
🧐 Чего-то не хватает в дашбордах для полноценной работы с ними?
Возможности использовать вычисления, например как вычисление средних значений, и построение на их основе графиков. Причем графики можно строить любого типа, основное - чтобы на странице были даны 😊
Если нужно разработать под проект - пишите @araviw
ЗЫ так же дашборды умеют поддерживать стили и оформление 🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥35👍3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Друзья, с наступающим 2024 (или у кого-то уже с наступившем) 🥳
Пусть этот год принесет радость и счастье, деньги и интересные задачи, смех и здоровье вашим близким, любовь и надежды вашей семье 🔥
Счастливого нового года всем нам 🤩
Пусть этот год принесет радость и счастье, деньги и интересные задачи, смех и здоровье вашим близким, любовь и надежды вашей семье 🔥
Счастливого нового года всем нам 🤩
❤69👍5🎉2
😊 Ну что же... Начался новый год, и пока кто-то отмечает Старый-Новый-год, я хочу открыть относительно новую рубрику на канале. а именно: "Мануалы для Геткурса".
Это будут простые решения частых задач, которые не имеют быстрого решения внутри самой платформы, но все же могут быть решены. Обычно я писала только про html/css, но теперь немного углубимся в смежные аспекты 😏
Итак, еще пара минут и... 🎯
—-
О чем хотите поговорить потом? Об автоматической выгрузке в ГуглТаблицы (новая версия) или о видео-плеерах без активного перехода на Ютуб?
А может вообще устраивать мини-созвоны?
Это будут простые решения частых задач, которые не имеют быстрого решения внутри самой платформы, но все же могут быть решены. Обычно я писала только про html/css, но теперь немного углубимся в смежные аспекты 😏
Итак, еще пара минут и... 🎯
—-
О чем хотите поговорить потом? Об автоматической выгрузке в ГуглТаблицы (новая версия) или о видео-плеерах без активного перехода на Ютуб?
А может вообще устраивать мини-созвоны?
🔥52👍7❤6
Мануал №1. Отправка сообщений в телеграм-группу
Часть первая. Обзорная
⚙️ Что это?
Решение задачи, когда вам нужно отправить информацию не в личные сообщения через бота, а каким-то образом в группу, где находятся сотрудники
🧑💻 Где может использоваться?
В проектах, где требуется уведомить отдел продаж или группу "старших" или руководителя вместе с каким-то отделом. Или просто выдавать "сухую" информацию, а не все уведомления с платформы
👌 Что решает еще
- Не нужно контролировать подключение телеграм-бота у каждого сотрудника, кто должен получать такие сообщения
- Сотрудник может даже не быть заведен на платформу
- Легко ограничить доступ - достаточно просто убрать человека из группы
- Можно настроить группу таким образом, что в ней можно будет только читать сообщения, те это как некий информационный канал
✅ Что нам потребуется
1️⃣ Бот-уведомитель
2️⃣ Группа с нужными людьми
3️⃣ Токен для бота и id группы
4️⃣ Понимание работы переменных
5️⃣ Процесс на Геткурсе
Ну что, готовы? Переходим тогда к сборке😉
✈️ Время реализации 5-10 минут
Отдельная благодарность Виталию @v1dun, который и упомянул эту логику в большом чате ГК
Часть первая. Обзорная
Решение задачи, когда вам нужно отправить информацию не в личные сообщения через бота, а каким-то образом в группу, где находятся сотрудники
В проектах, где требуется уведомить отдел продаж или группу "старших" или руководителя вместе с каким-то отделом. Или просто выдавать "сухую" информацию, а не все уведомления с платформы
- Не нужно контролировать подключение телеграм-бота у каждого сотрудника, кто должен получать такие сообщения
- Сотрудник может даже не быть заведен на платформу
- Легко ограничить доступ - достаточно просто убрать человека из группы
- Можно настроить группу таким образом, что в ней можно будет только читать сообщения, те это как некий информационный канал
1️⃣ Бот-уведомитель
2️⃣ Группа с нужными людьми
3️⃣ Токен для бота и id группы
4️⃣ Понимание работы переменных
5️⃣ Процесс на Геткурсе
Ну что, готовы? Переходим тогда к сборке
Отдельная благодарность Виталию @v1dun, который и упомянул эту логику в большом чате ГК
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥59👍8❤1
Часть вторая. Настройка
1️⃣ Бот-уведомитель
Это не должен быть бот-контроллер от ГК, тк в этом случае вам вероятно потребуется авторизация пользователей группы внутри бота (но это может быть и он, если хотите).
Создайте нового бота. Не знаете как создавать бота? Начните отсюда https://getcourse.ru/blog/298457
Если вы находитесь в том моменте, когда у вас нет токена бота под рукой, то возьмите его у "бота-родителя"
Как это сделать: перейдите в @BotFather и в меню бота запросите информацию по токену нужного бота.
2️⃣ Группа с нужными людьми
Тут все просто. Нет группы - создайте. Есть группа - переходите к ее настройке
Для этого добавьте бота, которого планируете использовать как "уведомителя" в админы группы.
Затем добавьте @getmyid_bot в группу и тоже сделайте админом. В ответ на ваши действия, бот пришлет сообщение с данными
3️⃣ Токен для бота и id группы
Получаете на шаге 1 и шаге 2. Держите их подрукой мышкой
4️⃣ Понимание работы переменных
Если работаете на ГК из процесса по заказам - то там вызов через {object.переменная}, что относится к заказу, а если к пользователю - то {object.user.переменная}
5️⃣ Процесс на Геткурсе
Потребуется простой процесс в одно действие - вызов URL, куда вы должны вставить ссылку со своими данными.
Вот это - образец. Его нужно обновить под ваши данные.
Токен бота будет длинным с цифрами и двоеточием. Номер группы (chat id) - обязательно так, как его отдаст бот.
А вот текст...☺️ Можно использовать даже такой с эмодзи
Результат смотрите на скрине. Можно нарастить дополнительным "мясом" (любыми данными, которые являются переменными), в том числе допполями.
Важно! Использовать запрос нужно без квадратных скобок!
Все, профит!✌️ Вы реализовали нереализуемое. Вы - молодец 😎
1️⃣ Бот-уведомитель
Это не должен быть бот-контроллер от ГК, тк в этом случае вам вероятно потребуется авторизация пользователей группы внутри бота (но это может быть и он, если хотите).
Создайте нового бота. Не знаете как создавать бота? Начните отсюда https://getcourse.ru/blog/298457
Если вы находитесь в том моменте, когда у вас нет токена бота под рукой, то возьмите его у "бота-родителя"
Как это сделать: перейдите в @BotFather и в меню бота запросите информацию по токену нужного бота.
2️⃣ Группа с нужными людьми
Тут все просто. Нет группы - создайте. Есть группа - переходите к ее настройке
Для этого добавьте бота, которого планируете использовать как "уведомителя" в админы группы.
Затем добавьте @getmyid_bot в группу и тоже сделайте админом. В ответ на ваши действия, бот пришлет сообщение с данными
Your user ID: 77....
Current chat ID: -1002.... (может быть иным)
3️⃣ Токен для бота и id группы
Получаете на шаге 1 и шаге 2. Держите их под
4️⃣ Понимание работы переменных
Если работаете на ГК из процесса по заказам - то там вызов через {object.переменная}, что относится к заказу, а если к пользователю - то {object.user.переменная}
5️⃣ Процесс на Геткурсе
Потребуется простой процесс в одно действие - вызов URL, куда вы должны вставить ссылку со своими данными.
Вот это - образец. Его нужно обновить под ваши данные.
https://api.telegram.org/bot[ТОКЕН_БОТА]/sendMessage?chat_id=[CHAT_ID]&text=[ТЕКСТ_СООБЩЕНИЯ]
Токен бота будет длинным с цифрами и двоеточием. Номер группы (chat id) - обязательно так, как его отдаст бот.
А вот текст...
&text=🔥🔥🔥Коллеги, обратите внимание!🔥🔥🔥 Вопрос от клиента: {object.comments}. Заказ: {object.positions} {object.cost_money} Данные клиента: {object.user.email}, {object.user.name}
Результат смотрите на скрине. Можно нарастить дополнительным "мясом" (любыми данными, которые являются переменными), в том числе допполями.
Важно! Использовать запрос нужно без квадратных скобок!
Все, профит!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥103❤14👍3
Друзья, наступет этот знаменательный день!
🫵 26 марта стартует Global EdTech Conference 8
⏱ Мое выступление 26 марта в 15:00
🔥 Тема
Как свободно работать с формами на GetCourse: стилизация, настройка, чекбоксы и другие фишки
🤔 Что изучаем?
Методы модификации скриптами и стилями формы, её полей, добавление функционала.
Один из немаловажных элементов будет про то, как в форму передавать скрытые значения и их получать.
Даже затронем тему анкет в том числе.
Если кратко, то на этой конференции будет:
🔸 18 часов практического контента
🔸 17 ведущих экспертов рынка EdTech
🔸 3 насыщенных дня онлайн-конференции
🔸 Подарки и бонусы для участников
🎁 И конечно действует скидка 10% при покупке билетов.
🫶 Зарегистрироваться со скидкой 10%
🤗 Буду ждать вас на конференции!
Если есть интересные вопросы по формам - жду вас в комментариях 😊
🫵 26 марта стартует Global EdTech Conference 8
⏱ Мое выступление 26 марта в 15:00
🔥 Тема
Как свободно работать с формами на GetCourse: стилизация, настройка, чекбоксы и другие фишки
🤔 Что изучаем?
Методы модификации скриптами и стилями формы, её полей, добавление функционала.
Один из немаловажных элементов будет про то, как в форму передавать скрытые значения и их получать.
Даже затронем тему анкет в том числе.
Если кратко, то на этой конференции будет:
🔸 18 часов практического контента
🔸 17 ведущих экспертов рынка EdTech
🔸 3 насыщенных дня онлайн-конференции
🔸 Подарки и бонусы для участников
🎁 И конечно действует скидка 10% при покупке билетов.
🫶 Зарегистрироваться со скидкой 10%
🤗 Буду ждать вас на конференции!
Если есть интересные вопросы по формам - жду вас в комментариях 😊
🔥16👍12❤1🤩1
🎊 А у меня вчера был день рождения 🎊 (принимаю поздравления 🤭)
Так же некоторые из вас знают, что это был довольно тяжелый год, связанный с огромными потерями и болезненными изменениями... 🫨
Но... я искренне верю, что все тяжелое останется в прошлом, а впереди будет только светлое и радостное 😇
И, мне хочется порадовать вас 🫶 А-то как же, праздник и без подарков? Непорядок😝
Поэтому вот, ловите: анимированный прогресс-бар с волнами и пузырьками 🫧
Что это?
Элемент геймификации для ваших проектов
Где может использоваться?
Конкретно это решение адаптировано под тренинг и шкалу достижений, где один урок - это один балл внутри шкалы. Но его можно использовать как степень заполнения анкеты, игровой элемент на ленде и в любых других местах, связанных с прогрессом пользователя
Что нам потребуется
1️⃣ Шкала достижений
2️⃣ Знание максимального количества баллов по этой шкале
3️⃣Тренинг с модулем для вставки
4️⃣ Умение разместить код в режиме редактирования тренинга
✈️ Время реализации 5 минут (код ниже)
Так же некоторые из вас знают, что это был довольно тяжелый год, связанный с огромными потерями и болезненными изменениями... 🫨
Но... я искренне верю, что все тяжелое останется в прошлом, а впереди будет только светлое и радостное 😇
И, мне хочется порадовать вас 🫶 А-то как же, праздник и без подарков? Непорядок😝
Поэтому вот, ловите: анимированный прогресс-бар с волнами и пузырьками 🫧
Что это?
Элемент геймификации для ваших проектов
Где может использоваться?
Конкретно это решение адаптировано под тренинг и шкалу достижений, где один урок - это один балл внутри шкалы. Но его можно использовать как степень заполнения анкеты, игровой элемент на ленде и в любых других местах, связанных с прогрессом пользователя
Что нам потребуется
1️⃣ Шкала достижений
2️⃣ Знание максимального количества баллов по этой шкале
3️⃣Тренинг с модулем для вставки
4️⃣ Умение разместить код в режиме редактирования тренинга
✈️ Время реализации 5 минут (код ниже)
❤42🎉28🔥22🥰3👍1
Мануал №2 или...
Море волнуется раз, море волнуется два! Собираем волны 🙂↔️
1️⃣ Шкала достижений
Следуйте логике, что каждый сданный урок - это один бал для пользователя. Обязательно убедитесь, что шкала доступна пользователю к просмотру. На гифке она видна, но вы можете стилями ее скрыть
Данное решение стоит устанавливать как "один прогресс-бар соответствует одному модулю" (в том случае, если у вас нет сквозных шкал достижений)
2️⃣ Знание максимального количества баллов по этой шкале
Это количество потребуется вам для указания в скрипте как 100% (в моем случае шкала в максимуме может быть как 62 балла, а сейчас 31, поэтому прогресс показывает 50%)
3️⃣ Тренинг с модулем для вставки
4️⃣ Умение разместить код в режиме редактирования тренинга
Тут все просто - заходим и начинаем вставлять.
Вам потребуется
🌟 html блок (сразу поставьте галочку "Отключить WYSIWYG")
🌟🌟 блок javascript для размещения кода
Подписи помогут вам поменять параметры корректно и кастомизировать вид под 🔑
Если вам проще сделать это через испорт-экспорт, то код в комментариях
Все, профит! Блок готов 🔥🔥
Море волнуется раз, море волнуется два! Собираем волны 🙂↔️
1️⃣ Шкала достижений
Следуйте логике, что каждый сданный урок - это один бал для пользователя. Обязательно убедитесь, что шкала доступна пользователю к просмотру. На гифке она видна, но вы можете стилями ее скрыть
.xdget-trainingAchievements {
display: none;
}
Данное решение стоит устанавливать как "один прогресс-бар соответствует одному модулю" (в том случае, если у вас нет сквозных шкал достижений)
2️⃣ Знание максимального количества баллов по этой шкале
Это количество потребуется вам для указания в скрипте как 100% (в моем случае шкала в максимуме может быть как 62 балла, а сейчас 31, поэтому прогресс показывает 50%)
3️⃣ Тренинг с модулем для вставки
4️⃣ Умение разместить код в режиме редактирования тренинга
Тут все просто - заходим и начинаем вставлять.
Вам потребуется
🌟 html блок (сразу поставьте галочку "Отключить WYSIWYG")
<div id="fluid-meter"></div>
<script src="https://fs23.getcourse.ru/fileservice/file/download/a/645706/sc/162/h/1c40db4c7a01ec404b4789ca61dc3010.js"></script>
🌟🌟 блок javascript для размещения кода
$(document).ready(function () {
var total = 62; // Значение баллов как 100%
var score = parseInt($('.xdget-trainingAchievements .badge').html().trim().split(' ')[0], 10);
var fillPercentage = (score / total) * 100;
var fm = new FluidMeter();
fm.init({
targetContainer: $("#fluid-meter")[0],
fillPercentage: fillPercentage,
options: {
fontSize: "30px", // Размер шрифта для текста.
drawPercentageSign: true, // Флаг, указывающий, нужно ли рисовать знак процента.
drawBubbles: true, // Флаг, указывающий, нужно ли рисовать пузыри.
size: 250, // Размер (например, диаметр) элемента.
borderWidth: 9, // Ширина границы элемента.
backgroundColor: "#e2e2e2", // Цвет фона элемента.
foregroundColor: "#ddb2dd", // Основной цвет переднего плана элемента.
foregroundFluidLayer: { // Настройки для переднего слоя жидкости.
fillStyle: "purple", // Цвет заполнения переднего слоя жидкости.
angularSpeed: 80, // Угловая скорость анимации переднего слоя жидкости.
maxAmplitude: 6, // Максимальная амплитуда колебаний переднего слоя жидкости.
frequency: 30, // Частота колебаний переднего слоя жидкости.
horizontalSpeed: -150 // Горизонтальная скорость движения переднего слоя жидкости.
},
backgroundFluidLayer: { // Настройки для заднего слоя жидкости.
fillStyle: "pink", // Цвет заполнения заднего слоя жидкости.
angularSpeed: 100, // Угловая скорость анимации заднего слоя жидкости.
maxAmplitude: 3, // Максимальная амплитуда колебаний заднего слоя жидкости.
frequency: 22, // Частота колебаний заднего слоя жидкости.
horizontalSpeed: 20 // Горизонтальная скорость движения заднего слоя жидкости.
}
}
});
});
Подписи помогут вам поменять параметры корректно и кастомизировать вид под 🔑
Если вам проще сделать это через испорт-экспорт, то код в комментариях
Все, профит! Блок готов 🔥🔥
❤66🔥59👍10🥰1
👣 Последовательная анкета с разделами
Знаете, у ГуглФорм есть функционал разделения на разделы большой анкеты, когда пользователь может перемещаться между разделами?
С одной стороны - это психологически комфортно, что большая анкета разделена на подгруппы вопросов, с технической тоже - пользователь не листает длинную "портянку", что позволяет аккуратно представить опросник.
Так почему бы не сделать аналог и для ГК 😏
Конкретно в этом варианте (видео повыше) выполнена минимальная стилизация, хотя к ней можно добавить прогресс-бар заполнения раздела и самой анкеты в целом.
Кнопка "Назад" может открывать как начало раздела с вопросами, так и самый низ прошлого блока вопросов.
Идеально подойдет для проектов, где ранее использовались ГуглФормы именно по причине удобного разделения на фрагменты опросника.
Зы к этому решению может быть добавлено решение по выгрузке данных из анкет в ГуглТаблицы 🤗
Знаете, у ГуглФорм есть функционал разделения на разделы большой анкеты, когда пользователь может перемещаться между разделами?
С одной стороны - это психологически комфортно, что большая анкета разделена на подгруппы вопросов, с технической тоже - пользователь не листает длинную "портянку", что позволяет аккуратно представить опросник.
Так почему бы не сделать аналог и для ГК 😏
Конкретно в этом варианте (видео повыше) выполнена минимальная стилизация, хотя к ней можно добавить прогресс-бар заполнения раздела и самой анкеты в целом.
Кнопка "Назад" может открывать как начало раздела с вопросами, так и самый низ прошлого блока вопросов.
Идеально подойдет для проектов, где ранее использовались ГуглФормы именно по причине удобного разделения на фрагменты опросника.
Зы к этому решению может быть добавлено решение по выгрузке данных из анкет в ГуглТаблицы 🤗
🔥27