Гетшоп | Готовые шаблоны для GetCourse

Красная звёздочка в формах GetCourse: простой способ не терять заявки ❗Наверняка вы сталкивались с ситуацией: в форме на GetCourse есть обязательные поля, но никаких подсказок о том, что поле обязательно, в том числе стандартной красной звёздочки — нет, а ошибка появляется где-то наверху, и пользователь может её просто не заметить. ⏳ В итоге человек жмёт на кнопку, ничего не происходит — он теряется, не понимает, в чём дело, и просто закрывает страницу. То есть мы теряем реально заинтересованных людей из-за мелочи! Решение очень простое: добавьте к названию обязательного поля красную звёздочку — так сразу понятно: это заполнить обязательно. Как это сделать? Добавьте к названию поля такой фрагмент: <span style="color: red;">*</span> Пример названия поля для ввода имени: Имя <span style=“color: red;”>*</span> Почему это работает? ➖Пользователь сразу видит, какие поля обязательные. ➖Меньше ошибок и путаницы. ➖Форма получается прозрачной, конверсия — выше. Маленькая деталь, а делает процесс заполнения формы более дружелюбным и понятным! 📌Сохраняйте пост, чтобы не потерять код. 💬 И делитесь в комментариях — какие ещё мелочи, на ваш взгляд, снижают конверсию? #СоветыОтГетшоп

🔥Новый способ мотивировать учеников на GetCourse — командный рейтинг от Гетшоп! Привет! На связи Настя Соло и команда магазина Гетшоп.😊 Давайте честно: простые баллы и прогресс-бар — штука полезная, но иногда хочется чего-то посильнее, чтобы ученики не просто двигались к своим целям, а реально «заряжались» от процесса. 🚀 Теперь в наших шаблонах появился инструмент, который помогает прокачать вовлечённость — командный рейтинг! Что это такое? 👥 Делите учеников на команды прямо внутри курса; 🏅 Каждая команда копит баллы за прохождение уроков и активности; 📊 Сразу в тренинге видно общий командный рейтинг — кто впереди, а кто уже почти догнал лидеров; ⚡Баллы начисляются автоматически, ничего не нужно настраивать вручную; 🌍 Рейтинг можно сделать публичным — его увидят даже те, кто не авторизован в аккаунте; 🎨 Всё кастомизируется: названия команд и цвета легко поменять под ваш бренд. Появляется здоровый азарт и командный дух: в команде никто не хочет подвести своих и хочется дойти до конца вместе! Люди заряжаются общей идеей, и учиться становится чуть веселее — проверено на практике.😉 ➡ Шаблон командного рейтинга уже доступен во всех коллекциях. Добавляйте эту механику — и наблюдайте, как ученики включаются в процесс! 👉 За покупками в Гетшоп (https://get-shop-online.ru/shop#education?smm&utm_source=dzen&utm_medium=post&utm_campaign=smm) #Прогресс #Гетшоп

➡ Знаете ли вы, что больше 70% учеников проходят обучение на Геткурс именно с мобильного телефона? Для большинства именно мобильная версия — главный способ учиться, и эта цифра только растёт. ❗ Поэтому важно не просто оформить курс красиво на компьютере, но и обязательно проверить, насколько удобно выглядит всё на телефоне. Ведь даже мелкие недочёты могут сделать обучение неудобным и отвлечь учеников. На что важно обратить внимание: ⭐Все элементы остаются в пределах экрана, ничего не «уезжает» вбок и не обрезается. ⭐Текст хорошо читается и не становится слишком мелким. ⭐Кнопки, баннеры, меню — всё удобно нажимается, элементы не располагаются слишком близко друг к другу. ⭐Важная информация всегда видна и не «прячется» за другими блоками. 📌 В Гетшоп мы всегда внимательно проверяем, как шаблон выглядит на ПК, в мобильном браузере и в мобильном приложении. Такой подход помогает избежать ошибок, но, поскольку у каждой школы свой уникальный контент, рекомендуем обязательно посмотреть мобильную версию уже с вашими материалами. Далее — простые инструкции, как это сделать 👇 1⃣ Просмотр мобильной версии через инструменты разработчика в браузере Этот метод позволяет эмулировать мобильное устройство в браузере и подходит для проверки отображения любых страниц: лендингов, уроков, тренингов и других элементов. ➖Откройте страницу, которую хотите проверить, в браузере: Для Windows: нажмите клавишу F12. Для Mac: нажмите Cmd + Option + I. В открывшейся панели разработчика активируйте режим эмуляции мобильного устройства: ➖Нажмите на иконку с изображением смартфона и планшета (обычно в верхней части панели). ➖Выберите нужное устройство из списка или задайте собственные параметры экрана. 2⃣ Эмулятор мобильного приложения через раздел IDE Этот метод позволяет увидеть, как тренинги и уроки будут выглядеть в мобильном приложении Геткурс. ➖В левой панели Геткурс перейдите в раздел: Apps → IDE. ➖Вставьте в браузерную строку эмулятора (справа) ссылку на нужную страницу (например, личный кабинет). 🔎 Показываем куда вставлять ссылку: h ➖Теперь вы видите страницу так, как она будет отображаться для пользователя в мобильном приложении. ➖Можно переходить по ссылкам внутри — всё будет отображаться в мобильном формате. 3⃣ Просмотр мобильного вида для уроков внутри Этот метод подходит только для просмотра уроков внутри и не применим для списка тренингов или списка уроков. В остальных случаях возникнет ошибка 404 (страница не найдена). ➖Откройте нужный урок. ➖В адресной строке браузера найдите часть ссылки, где написано: view (например, …/lesson/view/12345). ➖Перед словом view допишите web, чтобы получилось webview (например, …/lesson/webview/12345). ➖Нажмите Enter — страница откроется в мобильном формате, как её увидят в приложении, но в размере вашего ПК экрана. ➖Для того, чтобы уменьшить ее в размере мобильного, дополнительно используйте первый вариант нашей инструкции. 💜Если инструкция оказалась полезной — поддержите пост лайком и сохраните себе, чтобы не потерять. ⬇А если хочется обсудить нюансы или есть свои мысли — делитесь ими в комментариях; мы с удовольствием читаем и вдохновляемся вашей обратной связью! #СоветыОтГетшоп

Больше, чем просто оформление: визуальные решения для успешного обучения Когда видишь индивидуальное оформление на GetCourse, кажется, что это просто приятный визуал. 💡 Но за кажущейся простотой — реальный опыт и внимание к деталям. Каждый элемент продуман так, чтобы обучение проходило легче, а ученики не терялись и доходили до результата. Что меняют визуальные решения из магазина Гетшоп? ➡ Статусы уроков на кнопках — видно какой этап уже пройден и что впереди ➡ Чёткое разделение уроков и тренингов — ученику интуитивно понятно где урок, а где тренинг. Без лишней путаницы ➡ Удобная навигация — используйте единую панель ученика и горячие кнопки, и обращения в техподдержку сократятся в разы! ➡ Игровые элементы — прогресс-бары, рейтинги, календари событий и другие детали, которые мотивируют двигаться дальше 🚀 ⭐И главное — вы сами выбираете и комбинируете элементы так, как удобно именно для вашего проекта: только то, что надо, и ничего лишнего. Можно собрать оформление под задачи любой школы, кабинета или программы. А если вы затрудняетесь с выбором, наш бот ⤵ поможет подобрать оформление под вашу нишу. 🤖 https://t.me/Botya_getshop_online_bot 💬 А какие визуальные решения помогают вашим ученикам лучше учиться и досматривать курсы до конца❓ #Коллекции

🎄Итоги года и праздничная скидка на шаблоны Гетшоп! 🥇Этот год для нас — настоящий повод для гордости. Благодаря шаблонам магазина Гетшоп более 💯 онлайн-школ нашли свой индивидуальный стиль и обновили оформление на GetCourse. 🤩 Нам приятно видеть, как проекты наших клиентов становятся заметнее, приобретают уникальный характер и радуют учеников стильным оформлением! 🎂🎂🎂🎂🎂🎂🎂 А еще, на январских праздниках нам исполнится три года!🥳 🙏Спасибо каждому, кто доверил нам оформление своих образовательных продуктов и поделился обратной связью. Именно ваши идеи и предложения помогают нам становиться лучше! 🔎Посмотреть отзывы пользователей (https://get-shop-online.ru/otzivi) 🎊🎊🎊🎊🎊🎊🎊 🎁А теперь главное: только один раз в году, к Новому году и дню рождения, у нас действует самая большая скидка — 25% на любые шаблоны бренда Гетшоп! (смотрите бренд на карточке товара) Промокод: SALE25 Это отличный шанс собрать комплект оформления под свои задачи, попробовать что-то новое и обновить облик курсов выгодно, пока действуют праздничные условия. ⏳Скидка распространяется на любое количество шаблонов и работает до самого боя курантов. 👉 За покупками в Гетшоп (https://get-shop-online.ru/shop#education?smm&utm_source=dzen&utm_medium=post&utm_campaign=sale) Пусть новый год принесёт вдохновение, развитие и довольных учеников — а о красоте и удобстве оформления мы, как всегда, позаботимся. С теплом и праздничным настроением, команда Гетшоп! ❤ --- Если при оформлении заказа был применён другой промокод, вы можете заменить его на SALE25 на странице оплаты и получить максимальную скидку.

Конверсионный лендинг на GetCourse: правила | Часть 1 ❗За последние годы работы с платформой GetCourse я пересмотрела десятки курсов и лендингов — как собственных, так и клиентов. Заметила одну простую вещь: оформление напрямую влияет на вовлечённость и конверсию. Даже самые сильные продукты часто теряют клиентов из-за небольших ошибок в структуре страницы или визуале. Чтобы вам не наступать на те же грабли — делюсь своими правилами оформления лендинга, которые всегда использую на практике и рекомендую клиентам. Это простые вещи, которые действительно работают. 1⃣ Не ломайте Геткурс Это одно из самых важных правил, которое надо запомнить! В целом конструктор платформы уже адаптивен под разные устройства, и многие визуальные вещи можно сделать, не прибегая к стилизации кодом. Или можно использовать уже готовые шаблоны — например, из нашего магазина. Если вы все же будете самостоятельно менять визуал стилями или делать ручную адаптацию, то всегда держите в голове это правило. 2⃣Соблюдайте баланс внутренних и внешних отступов Для удобного чтения структура должна быть читабельной сразу: ➖ Расстояние внутри блока (между заголовком и текстом) всегда меньше, чем снаружи (между целыми блоками). ➖Связанные элементы должны быть ближе друг к другу, а смысловые части — дальше. Чтобы добавить внешний отступ без хаоса в коде, используйте готовый пустой блок: ➖Зайдите в «Конструктор страниц» ➖Откройте раздел «Все блоки» ➖Выберите «Пустой блок» ➖Отрегулируйте размер отступа по необходимости ➖Настройте его видимость, если нужно сделать отступ только на компьютере или только на мобильных (эта настройка доступна для любого пустого блока в свойствах) 🔎Смотрите скриншот 3⃣Сохраняйте аккуратность оформления Обратите внимание на такие детали: ➖Отступы между блоками ➖Расстояние от края блока до заголовка ➖Промежуток между заголовком и текстом ➖Кнопки должны быть визуально отделены от остального контента ➖Отступы от текста или кнопки до края блока тоже важны На разных устройствах эти расстояния могут смотреться по-разному. На компьютере большие отступы выглядят естественно, а на мобильных иногда — как пустое место. Используйте функцию видимости блоков, чтобы оформить страницу адаптивно. 🎥Продолжение — в следующих постах. 💻Сохраняйте в избранном, чтобы не потерять основные правила! #СоветыОтГетшоп #Лендинг

CSS по-простому: что это и зачем вам может пригодиться Многим CSS кажется чем-то сложным — мол, это только для программистов. На самом деле это очень дружелюбный инструмент оформления любого интерфейса: урока, страницы, формы, панели управления и так далее. Что такое CSS? 💡 Проще всего представить так: ➖HTML — это «скелет», структура. ➖CSS — это «одежда» для элементов: задаёт цвет, размер, отступы, шрифты, скругления углов, тени, фон. Зачем разбираться в CSS, если вы не разработчик? ✅ Даже базовые знания помогают быстро менять внешний вид интерфейса и делать всё более индивидуальным. ✅ Но если разбора кода не хочется — тоже не проблема. Мы сделали сложно простым — разберётся даже новичок! ➖ Мы изначально закладываем в шаблоны специальные переменные CSS. Это такие ключевые «точки настройки» — меняя их, вы можете за несколько минут изменить цвет, шрифт, скругление, тени основных элементов и настроить визуал под свой бренд. ➖ Всё необходимое заложено в едином файле управления темой— никаких поисков кода по всему шаблону. Как сменить стиль под себя? 📑 После покупки каждый клиент получает инструкцию, как легко поменять переменные именно под ваш бренд или вкус: ➖ открываете файл с переменными, ➖ меняете нужные параметры (цвета, шрифты, отступы и т. д.), ➖ сохраняете — шаблон автоматически применяет новый стиль ко всем элементам. Всё просто, не нужно быть разработчиком! CSS — ваш инструмент для настроек «под себя» и красивого визуала без сложностей. У нас уже всё готово к применению — вы просто выбираете и адаптируете по своему вкусу! 👉Гетшоп h #Прочее

Чек-листы: мифы, факты и почему этот формат действительно работает 📝 Чек-листы крепко вошли в онлайн-обучение, продающие страницы и рассылки. Но до сих пор вокруг них много предположений и споров — давайте разберёмся! Мифы о чек-листах: 1⃣Чек-листы — это просто списки, которые никто не использует. ➖На самом деле, продуманный чек-лист очень облегчает жизнь и помогает не забыть важные шаги. 2⃣Их никто не воспринимает всерьёз — слишком просто. ➖Именно простота — главный плюс такого инструмента. Меньше перегруза, больше фокуса. 3⃣Это что-то устаревшее. ➖Актуальные и лаконичные чек-листы востребованы даже у опытных пользователей — потому что удобство всегда в цене. Факты о чек-листах: ✅Помогают структурировать действия и увидеть прогресс. ✅Повышают мотивацию — отмечать выполненное по пунктам приятно и наглядно. ✅Экономят время и силы и для учеников, и для преподавателей. Почему чек-листы работают? 📌Они дают ощущение контроля и движения вперёд: когда всё важное перед глазами, а каждый выполненный шаг сопровождается галочкой, проходить обучение становится проще и приятнее. Если смотреть шире — электронный чек-лист отлично работает прямо в курсе ⚡Для этого у нас реализован специальный шаблон «Зачётка». По сути, это электронный чек-лист внутри курса, который собирается из конкретных уроков. Как это устроено: ➖ Вы выбираете, какие уроки должны быть в зачетке — самые важные, ключевые для результата, или, например, обязательные для получения сертификата. ➖ Названия уроков в зачетке можно менять, чтобы они были максимально понятными или мотивирующими для учеников. ➖ Прямо из зачетки ученик может перейти к нужному уроку, выполнить домашнее задание — и получить галочку автоматически в зачетке. ➖ Вся картина прогресса — как на ладони: что сделано, что впереди, что осталось добить до результата. ❗Это не только контроль, но и элемент геймификации: процесс прохождения становится заметно увлекательнее, и дойти до финала ученику гораздо легче. Зачётка уже доступна во всех коллекциях и темах шаблонов. Можно внедрять в любой проект на GetCourse — для больших программ и небольших курсов. 👉Хочу зачётку h #Прогресс

[Вопрос–ответ] FAQ про установку шаблонов ❓Если остались вопросы — загляните в инструкции на сайте или напишите свои вопросы в комментариях, мы поможем разобраться! 👉Гетшоп h #СоветыОтГетшоп

Быстрое вовлечение на Геткурсе — покажите больше по клику! Фишка, которую легко внедрит даже новичок. 💡Бывают моменты, когда хочется дать ученику что-то чуть позже — не сразу вываливать весь материал, а дать возможность сделать небольшой выбор или открыть деталь по запросу. Именно здесь появляется простой и классный инструмент — скрытый блок, который открывается по клику на кнопку. ⁉️В каких ситуациях это пригодится: ➡️На лендинге: можно компактно разместить дополнительные подробности об авторе, кейсы, сертификаты или отзывы — всё, что изначально не должно занимать место на экране, но может быть интересно тем, кто дочитал до конца или «задержался» на секции. ➡️В уроках: идеален для формата «Сначала подумай сам!» — например, когда хотите спрятать ответы к упражнениям, тестам, чек-листам или бонусный материал. Ученик сначала пробует сам, а только после нажатия открывает подсказку или правильный вариант. ➡️В мини-играх и интерактивах: спойлеры, быстрые квизы, «Открой награду», мотивационные послания, которые появляются по достижению шага — всё это строится на скрытых элементах. ➡️Для оформления бонусов и сюрпризов: можно сделать для учеников неожиданные подарки или «секретные» материалы, которые доступны только активным или вовлечённым пользователям. ⁉️Что это даёт вашему курсу и вашим ученикам? ⭐Страница выглядит аккуратно: нет длинной простыни текста, важное всегда на виду — лишнее или дополнительное открывается только по реальному интересу. ⭐Удобнее мотивация: сама динамика «открыл/нашёл ответ» добавляет геймификацию и удерживает внимание. ⭐Интерактив выше, вовлечённость лучше: пользователь не просто «потребляет», а сам взаимодействует, делает выборы и клики. ⚙️ Делаем скрытый блок с кнопкой, которая исчезает после нажатия: 1️⃣ Добавляем кнопку: ➖Жмём «Добавить блок» ➖Пункт «Формы» ➖Выбираем «Кнопка» Кнопка будет элементом, по клику на который появится скрытый блок. 2️⃣ Добавляем JavaScript-блок: ➖Жмём «Добавить блок» ➖Пункт «Вставка» ➖Выбираем «JavaScript» ➖Вставляем туда код: // Класс у кнопки — .btn-hide document.querySelectorAll('.btn-hide').forEach(function(btn) btn.addEventListener('click', function() btn.style.display = 'none'; ); ); Он будет отвечать за то, чтобы кнопка исчезала после нажатия. 3️⃣ Добавляем скрытый блок (например, картинку): ➖Жмём «Добавить блок» ➖Выбираем нужный вариант, например, «Картинка», «Текст» и т. д. ❗️Расположение блоков по итогу должно получиться как на скрине № 1 4️⃣ Делаем блок скрытым: ➖В настройках блока который будет появляться ( в моем примере это картинка) переходим на вкладку «Стиль» ➖Ставим галочку «Является всплывающим или скрытым блоком» ➖В выпадающем списке выбираем «Скрытый блок» ➖Копируем код блока — он пригодится для кнопки ➖Сохраняем настройки ⭐Смотри скрин №2 5️⃣ Настраиваем кнопку: ➖В настройках кнопки в пункте «Действие при клике» выбираем «Показать всплывающий или скрытый блок» ➖Вставляем тот код блока, который скопировали на прошлом шаге ➖В поле «CSS класс элемента» прописываем: btn-hide ➖Сохраняем настройки ⭐Смотри скрин №3 📌Если нужно, чтобы исчезала не только кнопка, а целый блок, где она находится — в стилях блока тоже добавьте класс btn-hide. ⭐Смотри скрин №4 6️⃣Готово! Проверяем результат ➖Публикуем страницу или урок ➖Переходим в просмотр 🚀 Теперь, когда пользователь кликает на кнопку: появляется скрытый блок, а кнопка или весь блок с кнопкой исчезают Ставь 🔥 если было полезно и сохраняй, чтобы не потерять. Поделитесь в...

Кто стоит за созданием онлайн-курсов? 5 ключевых ролей 💡 Онлайн-курс — не просто набор видеоуроков. За каждым успешным запуском всегда стоит команда (или как минимум — несколько ролей, которые кто-то берёт на себя). Вот кто чаще всего участвует в создании курса: 1️⃣ Автор/Эксперт ➖Тот, кто придумывает идею, пишет программу и делится знаниями. Это лицо курса — отвечает за контент и вдохновляет учеников. 2️⃣ Методолог ➖«Архитектор» курса. Помогает структурировать материал так, чтобы обучение было поэтапным и понятным. Делит большие темы на простые шаги. 3️⃣ Дизайнер-верстальщик ➖Человек, который превращает идею в красивое и удобное оформление. Создаёт дизайн страничек, добавляет визуальные акценты, переносит всё это на саму платформу. По сути — делает так, чтобы курс не только был полезным, но и выглядел современно. 4️⃣Технический специалист ➖Разбирается во всех настройках платформы: собирает курс из модулей, настраивает процессы, помогает с автоматизацией, делает рассылки, собирает курсы и воронки. 5️⃣ Куратор/Сопровождающий ➖Помогает студентам двигаться вперёд: отвечает на вопросы, поддерживает, подсказывает, если что-то непонятно. Часто бывает тем самым человеком, который доведёт до результата. ⭐ Если вы пока совмещаете все эти роли в одном лице — это нормально. Со временем каждый оптимизирует процесс под себя: что-то можно делегировать, что-то автоматизировать, что-то упростить с помощью готовых решений (например, шаблонов оформления для GetCourse). ❓А сколько ролей вы совмещаете сейчас: автор, дизайнер, технический спец, куратор — или уже есть команда? Напишите свой опыт, всегда интересно узнать, как всё организовано у других!

🌈 Новые темы и элементы коллекции «Радуга» Для всех, кто оформляет тренинги на GetCourse — отличные новости! ‼️Мы добавили новые темы и элементы, чтобы вы могли добавлять разнообразие в оформление при сохранении единого стиля. Что появилось? ➡️ Две новые темы (цветовое оформление): 🔵Тема 4 ➖Тёплые бежево-кремовые оттенки с оливковыми и графитовыми акцентами — спокойное, доверительное настроение для мягких обучающих направлений. 🔵Тема 5 ➖Насыщенная фиолетово-сливовая палитра со светлыми акцентами — ярко, динамично, современно. ➡️Новые шаблоны: 🔵Горизонтальный прогресс‑бар ➖Показывает прогресс по урокам или модулям в процентах. Визуально мотивирует учеников завершать тренинг. 🔵Тренинги в аккордеоне ➖Раскрывает список уроков одним кликом. Видно количество уроков и сколько уже пройдено. Все уроки недоступны — тренинг закрыт, все пройдены — завершён. 🔵Список уроков плитками без картинок ➖Прямоугольные плитки по две в ряд со статусами прохождения на кнопках. Хорошо смотрится с любым списком тренингов из коллекции. 🎬 К посту добавили видео, чтобы вы могли увидеть новые элементы в работе. Напишите в комментариях, каких элементов или цветов вам ещё не хватает — ваша обратная связь помогает нам создавать новые шаблоны и делать оформление ещё удобнее! ⬇️ 👉 Гетшоп get-shop-online.ru/...smmm #Коллекции #Тренинги #Списокуроков