Аня про Геткурс. Верстка, скрипты и решения

Друзья, наступет этот знаменательный день! 🫵  26 марта стартует Global EdTech Conference 8 ⏱ Мое выступление 26 марта в 15:00 🔥  Тема Как свободно работать с формами на GetCourse: стилизация, настройка, чекбоксы и другие фишки 🤔 Что изучаем? Методы модификации скриптами и стилями формы, её полей, добавление функционала. Один из немаловажных элементов будет про то, как в форму передавать скрытые значения и их получать. Даже затронем тему анкет в том числе. Если кратко, то на этой конференции будет: 🔸 18 часов практического контента 🔸 17 ведущих экспертов рынка EdTech 🔸 3 насыщенных дня онлайн-конференции 🔸 Подарки и бонусы для участников 🎁 И конечно действует скидка 10% при покупке билетов. 🫶 Зарегистрироваться со скидкой 10% 🤗 Буду ждать вас на конференции! Если есть интересные вопросы по формам - жду вас в комментариях 😊

Часть вторая. Настройка 1️⃣ Бот-контроллер на ГК Убедитесь, что у вас активен бот внутри ГК https://domen/pl/telegram/control/bots Если его нет, то добавьте. Не знаете как создавать бота? Начните отсюда 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️⃣ Процесс на Геткурсе Потребуется простой процесс в одно действие - вызов урла. А вот в него вы вставляете следующие данные https://api.telegram.org/bot[ТОКЕН_БОТА]/sendMessage?chat_id=[ВАШ_CHAT_ID]&text=[ТЕКСТ_СООБЩЕНИЯ] Токен бота будет длинным с цифрами и двоеточием. Номер группы (chat id) - обязательно так, как он будет написан в сообщении А вот текст... ☺️ Можно использовать даже такой &text=🔥🔥🔥Коллеги, обратите внимание!🔥🔥🔥 Вопрос от клиента: {object.wowgc_comments}. Заказ: {object.positions} {object.cost_money} Данные клиента: {object.user.email}, {object.user.name} Что получится? Смотрите на скрине. Можно нарастить дополнительным "мясом"

Мануал №1. Отправка сообщений в телеграм-группу ⚙️ Что это? Решение задачи, когда вам нужно отправить информацию не в личные сообщения через бота, а каким-то образом в группу, где находятся сотрудники 🧑‍💻 Где может использоваться? В проектах, где требуется уведомить отдел продаж или группу "старших" или руководителя вместе с каким-то отделом ✈️ Время реализации - 5-10 минут 👌Что решает еще - Не нужно контролировать подключение телеграм-бота у каждого сотрудника, кто должен получать такие сообщения. - Сотрудник может даже не быть заведен на платформу - Легко ограничить доступ - достаточно просто убрать человека из группы - Можно настроить группу таким образом, что в ней можно будет только читать сообщения, те это как некий информационный канал ✅ Что нам потребуется 1️⃣ Бот-контроллер на ГК 2️⃣ Группа с нужными людьми 3️⃣ Токен для бота и id группы 4️⃣ Понимание работы переменных 5️⃣ Процесс на Геткурсе Ну что, готовы? Переходим тогда к сборке😉 Отдельная благодарность Виталию @v1dun, который и упомянул эту логику в большом чате ГК

😊 Ну что же... Начался новый год, и пока кто-то отмечает Старый-Новый-год, я хочу открыть относительно новую рубрику на канале. а именно: "Мауналы для Геткурса". Относительно простые решения частых задач, которые не имеют быстрого решения внутри самой платформы. Обычно я писала только про html/css, но теперь немного углубимся в смежные аспекты 😏 Итак, еще пара минут и... 🎯

Друзья, с наступающим 2024 (или у кого-то уже с наступившем) 🥳 Пусть этот год принесет радость и счастье, деньги и интересные задачи, смех и здоровье вашим близким, любовь и надежды вашей семье 🔥 Счастливого нового года всем нам 🤩

Дашборды - расширяем функциональность ⚡️ Что такое дашборд - удобная система для вывода информации и быстрого ее анализа. И вроде бы все хорошо, но есть нюанс... Чего-то не хватает в дашбордах для полноценной работы с ними. Возможности использовать вычисления, например как вычисление средних значений, и построение на их основе графики. Причем графики можно строить любого типа, основное - чтобы на странице были данные. Если нужно разработать под проект - пишите @araviw

Написала решение, которое облегчит работу админов больших проектов, где список кураторов часто меняется. Но обо всем по порядку :) В ГК есть функционал дополнительных преподавателей, которыми являются сотрудники с "расширенными" правами на обучение. Но ГК предусматривает только ручной выбор таких сотрудников из общего списка. А если у вас множество подтренингов, и ваша задача указать учителей на всех уровнях, то вы получаете много ручного труда. А если еще список часто меняется (приходят новые кураторы), то можно утонуть в этой рутине. Этот скрипт решает данный вопрос. Вам нужно выбрать из списка одну или несколько групп пользователей, которым вы хотите предоставить доступ к тренингу. Затем нажать на одну из двух кнопок 1. Применить  к этому тренингу - те применить только на текущем уровне 2. Применить ко всем модулям - скрипт пройдет по всем подвложенностям и там назначит все, как нужно, те все пользователи, что вы указали по группе будут отмечены как допучителя.

Обновление по календарю В ГК есть две типичных ситуации, когда он не выводит время для ученика 1. Когда событие находится в будущем году 2. Когда событие наступает в полночь Как это решать - смотрите в допке доступной, у кого есть календарь (внутри) Так же по секрету, рассказываю, что у календаря есть  еще скины-расширения 1. Модификация, как на скрине выше 2. Модификация, где каждый тип событий выделяется по особому, те можно выделить Экзамен, ДЗ, Вебинар (в том числе не только цветом, но и графикой) 3. Прокидка данных в Гугл Календарь 4. Календарь для линейных событий (например, если вы хотите показать марафон или какое-то длительное событие) 5. Версия, где выводятся данные об учителях или спикерах (их аватарки) Все эти допки откроются в январе 2024. Сейчас их можно купить со скидкой за 4000 весь комплект (если вы уже покупали календарь). Либо купить календарь + допки за 8тр ✈️ Купить можно тут пока идет распродажа https://gcwithme.ru/4years_sale

Неделя Магии... как много в этом звуке для сердца технаря слилось! Как многие из вас знают, НМ - это неделя, на которой даже "не маги" могут попробовать на себе (и своем аккаунте) сделать красивый Геткурс. Мы уже рассказывали вам о формах и виджетах, мобильных страницах и оформлении тренингов. Показывали как можно кастомизировать вебинарные страницы и создавать клубные кабинеты. Разворачивали единые пространства для ученика и проводили редизайн  страницы авторизации. Некоторые из вас мучались и побеждали Кодожорку (целых три раза!). Сотни аккаунтов стали красивее, десятки спецов зарабатывают на этих решениях после окончания НМ :) Теперь настало время новых свершений! 10НМ (в какой-то мере юбилейная) перед днем рождения Клуба Магии Та-дам! Модернизируем урок! Посмотрите на после/до. Правда, это потрясающе? Всего за неделю можно не только повторить такой результат, но и понять как он сделан 👀 А теперь, немного подробностей: 1. Вылета не будет (это для тех, кто знаком с прошлыми форматами) 2. Кодожорка жестить не будет 3. Участие платное, но оплата символическая - 1тр 4. Доступ к урокам сохранится до 1 марта 2024 г. 🤩 Посмотреть макет (он большой, откроется pdf) 🧑‍💻 РЕГИСТРАЦИЯ НА МАРАФОН https://gcwithme.ru/magicweek

Смотрите-ка, что сегодня появилось в аккаунте 🔥🔥 Кажется, логика управления стилизацией тренингов обещает стать более удобной 🥹

А теперь, как это все подстроить под себя Типовые случаи 1. Цена нужна по возрастанию .form-content .part-manyPositions {     display: flex;     flex-direction: column-reverse; } 2.  Выровнять чекбокс вариант первый (перенос цены на самостоятельную строчку) .form-position {    display: flex;    flex-direction: row;    flex-wrap: wrap; } .form-position .form-position-checker{    flex: 0 0 30px; } .form-position .form-position-price {    flex: 0 0 100%;    padding-left:30px;   text-align: right; /*расположение цены справа*/ } .form-position .form-position-title {    flex: 0 0 calc(100% - 30px); } вариант 2 (перенос цены, без флекса) .form-position .form-position-title {     width: 500px; } @media (max-width: 768px) {   .form-position .form-position-title {     width: 260px;     display: inline-block;   } } 3. Хочу свой порядок расстановки предложений .form-content .part-manyPositions {     display: flex;     flex-direction: column; } .form-content .part-manyPositions .form-position[data-offer-id="0000"] {     order: # ; } .form-content .part-manyPositions .form-position[data-offer-id="1111"] {     order: # ; } Пояснение Ордеры по умолчанию 0. Причем более отрицательные ордеры "всплывают наверх", чем больше значение ордера - тем он ниже элемент с таким значением в списке. 0000/1111 - это id ваших предложений. Создайте столько правил, сколько у вас предложений, чтобы добиться идеального порядка. Итоговые стили прогоняйте через автопрефиксер И напоследок 🥵 Хотите решение по тому, как сразу показать все выбранные чекбоксы цветом (а не только одно последнее, как делает это ГК?

Формы с предложениями: о больном и насущном в дни ноябрьских распродаж Если вам не хочется читать теорию, можете поставить 👍 этому посту и сразу читать следующий 😄 Если вы еще здесь, то я вам расскажу о том, что вы должны знать для части задач на ГК - как формируются и как стилизовать формы, где много предложений. В ГК есть две механики добавления предложений в форму: 1. отдельными предложениями 2. по условию Для обоих случаев будет характерно "наслоение" и сбивка элементов формы в кучу. если предложения по названию длинные (как это лечить ниже). Но вот (1)/(2) напрямую влияют на то, как будут стоять у вас предложения. В (1) вы сами перетаскиваете предложения в нужной последовательности. Но это лишает возможности применять промокод сразу в форме. Да и ручной труд может отнять много времени (вероятность ошибки тоже увеличивается) В (2) вы можете добавить предложения оптом, но встают они не в той последовательности, что вы их добавили (не важно по тегам или поштучно было добавление). Порядок сохранения или WTF 🤬 В итоговом формате ГК будет выстраивать предложения по двум правилам 1. По возрастанию итоговой цены 2. По алфавиту, если итоговая цена одна Что это означает? Если у вас предложения отличаются только по названию (совпадение цены), то ГК расставит их по алфавиту А вот если у вас есть разномастные предложения, то ГК будет перетасовывать предложения, используя оба правила вместе.

Скидка от количества товара Что у нас есть внутри ГК: - есть просто скидка значением в рублях и как значение товара - есть скидка как процент - есть скидка в размере бесплатного продукта - скидка от принесенных денег - скидка от  суммы заказа Это все хорошо, но не дает инструментария для проведения распродаж, где скидка завязана на количество товаров. Можно решить перебором возможных комбинаций, но если продукты "разновесные", то и количество вариантов для метода "сумма заказа" становится большим. А данное решение может работать с любым количеством товара и завязанной на него скидкой. Как оно работает? Пользователь отмечает нужные позиции и система сразу считает распродажную цену с учетом скидки по количеству.

Обновленный аудиоплеер ГК Видите этот страшный сиреневый аудиоплеер? Да и он видит вас :))) Кастомизировать его довольно сложно (проще взять обычный html), поэтому лучше сделать с нуля свое :) Когда-то давно, в стол лег плеер с крутящимися дисками (синенький). Он на самом деле имеет еще плейлист, который не попал в обзор, но! Мне по душе ближе серый (третий) Потому что его функциональность намного больше всего, что мы знали раньше⚡️ 1) Общий плейлист. Плеер работает со страницы, формируя свой плей-лист на основании тех треков, что уже есть на странице 2) Умеет собирать треки с других страниц, формируя плей-лист на основании тренинга и его уроков 3) В нем есть все и поддержка непрерывности воспроизведения треков и все, что нужно плееру (изменение громкости, скорости, промотка) 4) Умеет "начинаться" с нужного времени 5) Обложку (там где мое фото) можно связать с треком или тем, откуда он был взят, чтобы выводилось тематичное изображение 6) Поддерживает перехват событий для пользовательской аналитики, те умеет контролировать - послушал ли пользователь трек целиком - послушал ли пользователь весь плейлист - когда произошли эти действия 7) Может быть перекрашен или установлен другой скин за пару минут. 8) Запоминает последнее, что делал с ним пользователь. Например, если трек не был дослушен до конца, то его воспроизведение начнется с точки остановки трека.

Буду краткой :)) Скоро зима Гетц 🥳 Если вы там уже были - то нужно повторить :) Если еще не были - нужно начать "быть" 😂 Концепт конференции - лучшие в своих темах будут рассказывать как сделать вашу работу и заработок еще лучше. 🧑‍💻 Когда? 24-26 октября 👀 Кто будет? Смотрите спикеров тут 😎 Буду ли я? Да! Моя тема Построение контроля и аналитики за учениками и преподавателями в онлайн-школе Дата выступления 20:00 26 октября, четверг ☺️ Будет ли бонус лично от меня подписчикам? Да, будет - виджет поиска дубликатов в карточке пользователя —-> КУПИТЬ БИЛЕТ со скидкой и бонусом

Классификация на ГК Очень частая задача, под которую не было решения на платформе. Что объединяет три мини-обзора? Общая логика работы с контентом. Когда есть общий список и его нужно разделить на несколько списков или пересекающихся сущностей по условию (чекбоксу). Глоссарий более показателен в этом плане, тк он позволяет не только фильтровать, но и добавлять в фильтр новые условия (смотрите принадлежность темам - она может работать как добавление, так удаление пересечений). Забрать решение можно в клубе или запросить реализацию под проект в ЛС.