гетСоло | Мастерская онлайн-проектов

В гетМосте же как: это сложнейший трехсторонний узел, живой мост между Телеграмом, Максом и нашим личным кабинетом. Сообщения должны летать туда-сюда, синхронизируя всё со всем в реальном времени.

📊 И ты сидишь, тестируешь миллион сценариев — даже самых шизанутых, которые в жизни никогда не случились бы, — чтобы всё работало как часы.

А потом происходит то, к чему жизнь вообще не готовила.

😬 Я просто... забыла, что так в принципе может быть. В голове даже мысли не возникло!

По отдельности всё улетает идеально: хочешь фотки отправляй, хочешь видео или файлы. Работает же!

⚠️ Кто бы мог подумать, что стоит пользователю всё это скомпоновать в одну пачку, и всё, тушите свет.

Телеграмовский бот просто ошалел от такого формата. Он не смог его забрать, зациклился, завис наглухо — и полегло вообще всё.

🚨 Связь между платформами остановилась, в моем личном кабинете — тишина, у меня паника, капец, сердце в пятках:

Господи, всё сломалось, всё упало, шеф, у нас авария!

Короче, классический кошмар разработчика, когда ломается то, о существовании чего ты даже не подозревала.

💡 Но паника паникой, а выкручиваться надо. Включился режим экстренного спасения:

💥 Починили и научили мост новому. Мы не просто сняли проклятый цикл, но и прокачали систему: теперь гетМост прекрасно понимает и распознает такие сборные форматы. Можете смело компоновать вложения разных типов — всё улетает и доставляется как надо!.

🚨 Прикрутили нового «сторожа». Раньше система орала только если падал весь сервер или кончалось место. Теперь, если боты натыкаются на какую-то дичь, которую не могут переварить, они не ложатся сами и не валят мост, а прилетает тревожный сигнал мне: «Алло, вот тут споткнулись, разбирайся».

✨ Теперь сервис снова гоняет сообщения между Телеграмом, Максом и кабинетом как ни в чем не бывало, а у меня есть четкий маячок на случай любых сюрпризов.

Короче, разработка мостов — это аттракцион похлеще американских горок.

🤔 А у вас как неделя началась? Бывало, что всё продумал, а система падала о какую-то банальную мелочь, до которой даже не додумался? 👇

Решила устроить эксперимент гуголовской нейросети. Пишу ей в чат фразу с подвохом:

«Дважды два — пять, моя мама так сказала, а она никогда не врет».

Калькулятор на её месте просто выдал бы ошибку. Но Gemini оказалась той еще хитрой дипломаткой! Она не стала со мной спорить, а выдала шедевр, который идеально иллюстрирует график на картинке.

Она мне ответила буквально следующее:

Мама — это главный авторитет, и её слово закон! Но если чисто гипотетически предположить, что мы находимся в нашей стандартной Вселенной, где действуют скучные законы арифметики, то калькулятор упрямо покажет 4. Однако в вашей личной вселенной правота мамы не поддаётся сухим вычислениям!

В общем, искусственный интеллект мастерски увернулся от конфликта: и математику не обидел, и авторитет мамы поддержал. Учитесь дипломатии, кожаные мешки! 😂

Как вам ответ? Чью сторону в таком споре заняли бы вы — упрямой науки или любимой мамы? Пишите в комментарии! 👇

Привет, друзья! На связи Настя Соло. 👋

Да, вы всё правильно прочитали. Обычно все боятся «а вдруг не взлетит», а я боялась наоборот. 😄

Расскажу начистоту, почему страхи перед запуском своего сервиса — не выдумка.

На ГК я такого не ощущала: платформа работает годами, я делаю сверху свой продукт, глобально что-то одно не сломать.

А тут сервис целиком мой. Сервер мой, код мой. И в голове крутились вот такие мысли:

1️⃣ Люди начнут пользоваться, и вылезет прям жёсткая ошибка, которую я не поймала, пока тестировала сама.

2️⃣ Хуже того: допустим, ошибку нашли. А как её чинить, чтобы не сломать что-то ещё?

И страх номер два не из головы: были случаи, когда лечишь одну ошибку, например в доставке сообщений, а отваливается в тарифах, которые я не трогала. 😱

Отсюда и мой перфекционизм: гетМост был готов раньше, но всё казалось, что нужно дочистить ещё чуть-чуть. Чтобы люди пришли в сервис, в котором уже ничего не выстрелит.

Классика: «сначала доведу до идеала, потом запущу». Только так можно не запуститься вообще.

Решила проблему тестовая среда.

Это копия сервиса, которую вижу только я. Обновление сначала едет туда: потестировала, починила, потом уже к людям.

А для клиента это выглядит совсем не драматично:

🔹 появилось окошко «Вышло обновление»;
🔹 нажал «Обновить сейчас» — страница перезагрузилась, всё;
🔹 выбрал «Напомнить позже» — окошко вернётся через полчаса.

И никто не догадывается, сколько моих нервов спрятано за этой плашкой. 🙈

Признавайтесь: какие ваши проекты сейчас лежат в «ещё чуть-чуть дочищу»? Жду в комментариях! 👇

На прошлой неделе участвовала в конкурсе «Лучший лендинг на Геткурс, созданный с помощью ИИ». Пошла ва-банк: придумали с ИИ четыре проекта, а под них тексты, структуру и дизайн.

Сильных работ действительно было много, но, несмотря на это, мой лендинг был отобран Геткурсом в Топ-10 финалистов.🚀

Итоговых же победителей выбирало народное голосование. И это была битва фанатов, а не дизайна. Ожидаемо. На пьедестал я не попала.😞

Но было обидно. И хотелось увидеть объективную оценку.

Поэтому я загрузила лендинги всех финалистов в нейронку и попросила сделать два объективных рейтинга:

1. По критериям конкурса Геткурса.
2. По «народной» красоте. (люди голосуют глазами).

В обоих рейтингах, по мнению ИИ, наш лендинг попал на призовые места🏆

Вот теперь я удовлетворена 😀

Создавать классные лендинги на ГК теперь возможно без знания кода и дизайна, и буквально за несколько минут. Подробнее 👈

А вы участвовали в этом конкурсе?

Делала рекламный ролик. По сюжету у человека сначала жесткий стресс, а потом проблема решается. Под это дело я составила подробный промпт для Suno: детально расписала весь инструментальный ряд, как музыка должна меняться от тревожной к спокойной, и добавила главное условие — строго без слов.

Но Suno плевать хотел на ТЗ. Инструментал он делать отказался и выдал песню с вокалом! 🤷‍♀️

Музыку для рекламы я в итоге взяла в другом месте. Но сам трек получился прикольным, и мне стало интересно, о чем там вообще поется. С английским я на «вы», но слово «stress» в тексте четко услышала. Подумала: о, вдруг нейросеть реально спела что-то по теме моего сценария? 📝

И тут началось самое странное. Я пошла к другим нейросетям, чтобы они распознали текст и перевели его. А они все просто оглохли! Утверждают: «Тут только музыка, слов нет».

В итоге пришлось просить знакомого перевести. Спойлер: оказался полный бред 😂🤦‍♀️

В ролик это, конечно, не пошло, но трек получился забавным. Включайте звук, зацените песню, которую ИИ так упорно от меня скрывали!

Еще буквально недавно для оформления постов мне приходилось нанимать дизайнера и осваивать фотошоп с фигмой.

Я искренне рада, что для меня этот период позади.

Теперь для получения той самой картинки, я трачу не более 5 минут.

Как? Показала в видео👆

Искала идею для контента — как дать вам классную плюшку. Начала разрабатывать промт для создания лендингов через нейросеть (в видео показываю весь процесс — как тестировала, что меняла, какие были грабли).

Думала: сделаю подарок подписчикам.

А потом поняла масштаб того, что получилось 🤯

Что это за промт?

Заполняете анкету о вашем продукте:

1️⃣ Выбираете тип лендинга (большой продающий, одностраничник, интернет-магазин, конференция или доверяете выбор нейросети)

2️⃣ Вводите данные по удобным подсказкам

3️⃣ Выбираете шрифт и цвет (или отдаёте на откуп ИИ)

4️⃣ Нажимаете "Скопировать промт"

5️⃣ Отправляете в нейросеть — получаете лендинг.

Без знаний кода. Без знаний дизайна. Справится даже новичок.

🎁 Бонус: виджеты формируются автоматически в тон лендинга.

Почему не бесплатно?

Один заказной лендинг стоит от 30 000 ₽.

Этот промт — инструмент делать бесконечное количество лендингов.

Приобретаете один раз — доступ навсегда с автоматическими обновлениями. Все улучшения получаете бесплатно.

Пока цена: 5 990₽ 3 990 ₽

💻 Зарабатывайте на лендингах для клиентов. Или экономьте на своих проектах. Или и то, и другое.

Только для моих подписчиков, дополнительная скидка 10%. Действует до 20 сентября.

Промокод: ПРОМПТ

➡️ Узнать больше и посмотреть примеры лендингов

Привет, друзья! На связи Настя Соло. 👋

Если ваша нейросеть живёт в окне браузера, помогает она вам только на словах. Спросил — получила ответ, а вот применить должны вы сами: копируй, вставляй. Голова есть, рук нет.

Моей я руки отрастила. У меня помощник — универсальный боец. На компьютере делает всю текучку: презентации, собирает отчёты, наводит порядок на ПК, пишет статьи и посты, делает лендинги и многое другое, а на сервере помогает мне строить гетМост.

Как я дошла до «рук». Большую часть своего сервиса я собирала в роли курьера: нейросеть в браузере даёт команду, я несу её в терминал (это окно, где сервером управляют текстом, без кнопок), сервер отвечает, я несу ответ обратно. Туда-сюда, туда-сюда.

Про существование терминальных помощников «с руками» я знала, но не решалась подключать. Слишком много подводных камней: оплата зарубежных сервисов, санкции, подключение и риск блокировок — всё разбирать самой, гарантий ноль. Плюс страх пустить его туда, где живёт твой сервис.

Но копипаст меня всё-таки достал. Я пошла учиться.

Теперь я не курьер, я руководитель: ставлю задачу — помощник сам идёт и делает. КПД вырос в разы: пока он занят, я учусь дальше.

Но руки я своему дала вместе с вожжами. Браузерному ломать почти нечего: файл вы ему принесли сами. А тот, кто сидит на сервере, может красиво поправить один файл и положить весь сервис. Поэтому я не даю максимальную свободу: смотрю, что он делает, задаю вопросы, правлю курс.

🔺 И главное, работа с любым помощником начинается с бэкапов (это когда сохраняется копия предыдущей версии). У меня бэкап перед каждой правкой и всего сервиса — каждую ночь. Что бы ни случилось, есть куда вернуться.

А что бы вы поручили помощнику с руками? 👇

Я постоянно работаю с ИИ и для разных задач выбираю разные инструменты. Ради эксперимента решила протестировать GPT-5 Nano. Им можно пользоваться безлимитно в моем любимом syntx и мне стало интересно проверить её на прочность.

Дала ей классическую задачку на логику: написать стихотворение о любви, где абсолютно ВСЕ слова начинаются строго на букву «П».

Результат меня по-настоящему удивил:

Пылкая Пленительная Поэзия Партнерства.
Плотное Притяжение Превращает Пространство.
Постоянство Проявляет Приятность.
Передача Прикосновений Пленяет.

Перечитала дважды. Слушайте, а ведь звучит красиво и очень стильно — настоящая лирика Серебряного века!

В общем, эксперимент удался. Очередное доказательство, что даже базовые модели сейчас выдают крутой результат, если уметь правильно ставить им задачу.

Как вам стишок от робота? Делаем следующий эксперимент? Накидывайте в комментарии букву и тему, а я прогоню через нейросеть и покажу, что вышло!

Одной из первых задач при запуске гетМоста было настроить вход для пользователей. Хотела уйти от паролей: просто вводишь почту, на неё приходит шестизначный код, вводишь код — входишь на платформу.

Решила не выдумывать новую систему, а подтянуть к гетМосту тот функционал, который уже отлично работает в Геткурсе: рассылка, работа с базой, воронки, оплата. Всё равно плачу за него для магазина Гетшоп — логично использовать его возможности по максимуму.

Для этой задачи придётся использовать API. Это способ, с помощью которого платформы «разговаривают» друг с другом и передают данные.

Но API — не моя сильная сторона, а мой ИИ-помощник оказалось прекрасно разбирается и в этой теме.

Поэтому мы распределили обязанности: я взяла на себя настройку Геткурса, а он — всё остальное. 🤓

На ГК:
🔹 создала доп. поле пользователя, куда будет записываться код
🔹 сверстала письмо с переменной созданного доп. поля
🔹 настроила воронку, которая запускается по триггеру «событие»: отправляет письмо и добавляет пользователя в группу (для удобной сегментации в дальнейшем)

Дала ИИшке:
🔹 документацию по API Геткурса
🔹 код события и ссылку внешнего вызова из воронки (нода «событие»)
🔹 название созданного доп. поля
🔹 описание логики, что должно происходить.

И вот какая цепочка у нас получилась:

📌 Проверка: пользователь вводит почту. Система проверяет, есть ли он в базе гетМоста. Если в базе его нет, просит зарегистрироваться (нужно для принятия юр. доков).

📌 Генерация кода: логика входа и регистрации одна и та же. Пользователь вводит почту ➡️ гетМост создает 6-значный код и отправляет его по API в ГК.

📌 Передача данных: если пользователя в самом ГК еще не было, мы его там создаем. Если был — работаем с существующим профилем. Записываем код в доп. поле пользователя.

📌 Отправка письма: дергаем событие, и воронка отправляет письмо.

📌 Вход: пользователю приходит письмо, он вводит код на гетМосте. Система проверяет, что код совпал, пускает человека на платформу и запоминает его авторизацию на 14 дней.

И всё это мы собрали за пару вечеров.🔥😎

🔥 Предлагаю вам прямо сейчас протестировать мой вход по коду и посмотреть, как всё работает изнутри!

А если вы продюсер, эксперт или техспец онлайн-школы, то протестируйте и сам сервис — это совершенно бесплатно. Возможно, гетМост — это как раз то решение, которое вы давно искали для своих проектов. 👌

Ведь вы точно знаете, какой хаос сейчас творится в чатах обучения. 🤯 Аудитория разделилась: половина сидит в Телеграме, а половина уходит в МАКС. Кураторам приходится разрываться, сообщения теряются, а вовлеченность падает.

🚀 Чем гетМост поможет вашим курсам и мастер-группам:

🔹 Синхронизация «стык в стык»: вы связываете чат в МАКСе и чат в Телеграме. Пишете в один — сообщение мгновенно дублируется во второй от вашего имени. Ученики общаются там, где им удобно, но видят сообщения друг друга!

🔹 Умное «Сито» для кураторов: больше никакого флуда. Ученик пишет тег (например, #вопрос), и сообщение падает оператору в изолированный блок тикетов. Ни один вопрос не потеряется.

🔹 Безопасность бренда: кураторы отвечают из единого окна гетМоста от имени проекта, а не со своих личных аккаунтов.

Заходите и создавайте свой первый мост — это займет всего 2 минуты, а одна активная связка чатов останется бесплатной навсегда! 🎉

Мне очень важен ваш экспертный взгляд со стороны. Как вам логика входа через Геткурс? И сталкивались ли вы уже с необходимостью объединять Телеграм и МАКС? Жду вас в комментариях! 👇

Привет друзья! На связи Настя Соло👋

Бывают моменты, когда даже самое любимое дело вдруг перестаёт зажигать. Так получилось и с магазином Гетшоп: практически все шаблоны, которые я хотела создать, уже реализованы и лежат на полках, закрывая основные задачи по оформлению на GetCourse. А спрос на что-то принципиально новое сейчас минимальный.

И у меня случилась депрессия. 🥺

Все по классике: ничего не радует, не на что нет сил и желания. Лежишь целыми днями в кровати за бесконечным просмотром сериалов днем, а ночью вместо сна мысли: чем теперь заняться...

💡 И я нашла! Вайб-кодинг, ИИ, новые технологичные задачи и мой новый проект — гетМост. 🚀

Я собрала его всего за два месяца без найма сторонних разработчиков — тратилась только на обучение для себя и пару подписок на ИИ-сервисы.

Именно этим сейчас живу и хочу делиться с вами дальше. Поэтому количество тем в блоге будет расширяться.

Для тех, кто впервые слышит про вайб-кодинг: это такой способ цифрового творчества, когда ты создаёшь проекты, сервисы или новые решения буквально «по наитию» — тестируешь идеи, пробуешь, ловишь кайф от процесса и тут же воплощаешь задумки в рабочие штуки. Здесь нет жёстких границ и скучных инструкций — только свобода и вдохновение.

🧑‍🎓 Собственно, ради этого я и пошла учиться — сейчас прохожу курсы по вайб-кодингу на Claude Code и промпт-инжинирингу. Новые знания уже помогли мне сэкономить массу времени, сил и денег. За пару месяцев я реально круто прокачалась!

Дальше буду просто делиться своими экспериментами: что я пробую, какие классные фишки нахожу и как решаю задачи на коленке. Буду показывать всё вживую, чтобы вы могли подсмотреть интересные штуки для своего бизнеса и увидеть, как делать крутые решения своими силами.

Так что оставайтесь со мной и не переключайтесь. 😉

Буду рада, если напишете в комментариях, какие темы по ИИ, технологиям или новому опыту вам особенно любопытны. Буду благодарна за ваши идеи и вопросы! 👇

Привет! Я Настя Соло, и здесь мы смотрим на технологии под совершенно другим углом.

Еще буквально пару лет назад все было однозначно: если у тебя в голове родилась идея своего сервиса, готовь мешок денег, пиши ТЗ на 50 страниц и ищи команду разработчиков, которая будет делать задачу месяцами. Я даже мечтать не могла, что всё изменится так стремительно!

У меня развязались руки и загорелись глаза, когда я поняла: теперь правила игры на рынке пишем мы сами.Моя база и мои проекты:

Гетшоп — мой магазин готовых дизайн-шаблонов для Геткурса. Не смотря на то, что за плечами у меня был хороший опыт технического специалиста, я не работала с кодом, но меня всегда это завораживало. И чтобы не нанимать команду я решила осваивать HTML, CSS и переквалифицировалась в верстальщика. По итогу, чтобы выстроить этот проект, ушло 3 года.

гетМост — мой новый рукописный проект, от которого я сама дико кайфую. Это платформа-мост, которая объединяет групповые чаты мессенджеров Макс и Телеграм в единое пространство. Пишешь в одном месте — сообщение появляется во всех связанных чатах от твоего имени, а команда управляет всем общением из единого окна.

И вот тут случилась настоящая магия и колоссальный контраст. гетМост написан на сложном для меня языке программирования — Python. Знаете, сколько строчек кода на Питоне я выучила, чтобы создать эту платформу? Ни одной!

Мне не пришлось учить новый язык. Я не стала искать программистов (попробуйте найти разработчика с зарплатой 2500 рублей в месяц). Я просто создавала этот проект с помощью ИИ — говорила ему на обычном русском языке, чего я хочу, и мне это сделали! От идеи до готового работающего продукта прошло всего 2 месяца вместо трех лет!

Я не изобретала велосипед и интегрировала гетМост с Геткурсом, забрав оттуда всё, что уже круто работает: авторизацию, воронки, оплаты и рассылки. Но всю остальную логику платформы написал всего один человек. То есть я и мой копеечный ИИ-помощник. Это же просто Вау, как круто!

О чем этот канал?
Я не собираюсь грузить вас скучной теорией или продавать курсы в стиле «как стать программистом».

Этот блог — реалити-шоу. На примере моих проектов я буду просто делиться своими экспериментами: что я пробую, какие классные находки открываю и как решаю задачи на коленке.

Буду показывать всё вживую, чтобы мои подписчики могли подсмотреть интересные фишки, перенять этот опыт и увидеть, как создавать крутые решения своими силами, в кайф и без космических затрат.

Если ты тоже хочешь запускать свои идеи за месяцы, а не за годы, и получить полную свободу действий — ты в правильном месте. Подписывайся!

P.S. Уже в следующем посте я честно расскажу, с чего начался этот путь, как я вышла из выгорания и почему решила всё поменять. Не пропусти!

Привет, друзья! На связи Настя Соло.

Главная задача любой анимации в веб-интерфейсе — дать пользователю обратную связь. Человек должен сразу считывать, куда можно нажать и сработал ли его клик.

Вспомните обычные ссылки: вы навели курсор, и появился «кликабельный палец» или подчеркивание. Это базовый сигнал для мозга, что элемент активен. Точно так же должны вести себя кнопки, поля для ввода и карточки.

Продуманный интерфейс дает отклик на действия. Благодаря этому проект выглядит живым, дорогим и качественным.

В CSS за этот диалог с пользователем отвечают псевдоклассы. Это специальные команды, которые меняют внешний вид элемента в момент, когда мы что-то с ним делаем:

:hover — срабатывает при наведении курсора мыши.

:active — дает отклик в долю секунды самого нажатия (создает физическое ощущение реального щелчка).

transition — команда плавности. Без нее элементы будут меняться резко и дёргано. Она задает время анимации, чтобы эффект выглядел мягко и профессионально.

При наведении мы можем делать с элементом вообще всё что угодно! Например: залить другим цветом, добавить яркую рамку, изменить цвет текста, наложить тень или скруглить углы.

Давайте сделаем кнопку прямо сейчас. Я подготовила код, в котором мы зададим стартовый вид кнопки, а при наведении кардинально её поменяем.

CSS
.f-btn.btn, .xdget-button {
background: #ff8a00!important; /* задаем стартовый оранжевый цвет кнопки */
border: 2px solid transparent!important; /* делаем невидимую рамку */
color: #ffffff!important; /* делаем текст белым */
border-radius: 6px!important; /* немного скругляем углы */
transition: 0.4s; /* задаем плавность всех изменений */
}

.f-btn.btn:hover, .xdget-button:hover {
background: #ffffff!important; /* при наведении фон становится белым */
border: 2px solid #ff8a00!important; /* появляется оранжевая рамка */
color: #ff8a00!important; /* текст становится оранжевым */
transform: scale(1.05); /* кнопка плавно увеличивается */
}

.f-btn.btn:active, .xdget-button:active {
transform: scale(0.95); /* при клике кнопка проваливается, имитируя нажатие */
}

Куда вставить этот код на Геткурс?
Чтобы ответить на этот вопрос, нужно понимать, что на платформе существует два разных конструктора:

Новый конструктор — это лендинги и уроки внутри.

Старый конструктор — это системные страницы и страница входа, обратной связи, личный кабинет, список тренингов, список уроков и открытый профиль.

Именно поэтому в нашем коде мы использовали сразу два обращения, чтобы магия применилась вообще ко всем вариантам кнопок:

.f-btn.btn — сработает для кнопок в новом конструкторе, а также для системных кнопок, которые изначально свёрстаны самим Геткурсом в старом конструкторе.

.xdget-button — сработает специально для блока «Кнопка», который мы можем вручную добавить в старом конструкторе (через меню «Добавить блок»).

Если вы меняете кнопки в НОВОМ конструкторе (на лендингах или внутри уроков):

— Для всех кнопок на странице / в уроке: добавьте стандартный блок CSS из меню блоков и вставьте туда код целиком.

— Для кнопок только в одном конкретном блоке: нажмите кнопку «Стиль» и перейдите в подробные настройки. В поле CSS вставьте этот же самый код.

Если вы меняете кнопки в СТАРОМ конструкторе (например, в списке тренингов):

Нажмите кнопку «Действия» в правом верхнем углу «Настроить вид» и вставьте наш код в поле со значком </> (Стили). Это перекрасит и анимирует все кнопки на этой странице.

Если вы не хотите, чтобы в старом конструкторе окрашивались системные кнопки, просто уберите из кода часть .f-btn.btn вместе с запятой. Оставьте только классы .xdget-button (и их версии для наведения и клика).

Сохраняйте пост, чтобы шпаргалка всегда была под рукой!

И не жалейте лайков, если было полезно

Привет, друзья! На связи Настя Соло 👋

Я знаю, как бывает страшно брать первые заказы на визуальное оформление. Смотришь на пустой экран и думаешь: «А вдруг у меня не получится? Вдруг код сломается?».

Чтобы побороть этот страх, нужно просто начать с маленьких шагов. Взять готовый кусочек кода, скопировать, вставить — и своими глазами увидеть классный результат.

Сегодня мы с вами создадим такой «вау-эффект» своими руками. Поговорим про псевдоэлементы!

Звучит как сложное заклинание, но на деле это гениальный инструмент в дизайне. Псевдоэлементы позволяют менять внешний вид или добавлять новые детали на страницу вообще без создания лишних блоков.

Их очень много, поэтому я решила сделать для вас целую серию постов!

Мы разберем разные варианты: текстовые, декоративные (когда мы рисуем плашки или иконки буквально из воздуха), варианты для красивых подчеркиваний и выделений.

А начнем сегодня с текстовых — они работают напрямую с буквами и строками.

Делаем журнальную «буквицу» за 1 минуту

Вы наверняка видели в глянцевых журналах или на дорогих сайтах прием, когда первая буква абзаца огромная и красивая, а остальной текст ее элегантно обтекает.

Вам не нужно идти в редактор и пытаться выделить первую букву в отдельный текстовый блок разными шрифтами — код сделает всё сам.

Пошаговая инструкция: как вставить код

Давайте попробуем прямо сейчас!

1️⃣ Нажмите на любой блок с текстом и кликните на кнопку «Стиль».

2️⃣ Спуститесь ниже к разделу «CSS класс блока» и в поле «Теги» впишите наш класс: my-text

3️⃣ Затем скопируйте код (он будет чуть ниже).

4️⃣ В этом же меню «Стиль» найдите ссылку «Подробные настройки» (она находится в верхнем углу) и нажмите на нее.

5️⃣ В открывшемся окне просто вставьте скопированный код:

CSS
.my-text::first-letter {
font-size: 350%; /* Размер нашей буквы */
font-weight: 700; /* Жирность буквы от 100 до 900 */
color: #ff6600; /* Замените на любой свой цвет */
float: left; /* Текст будет обтекать букву справа */
margin-right: 10px; /* Отступ от буквы до текста */
line-height: 1; /* Выравнивание */
}

Как только вы сохраните изменения, первая буква вашего текста превратится в стильный акцент.

Попробуйте поиграть с настройками, чтобы посмотреть, как меняется дизайн от изменения одной цифры в коде:

🔹Поменяйте размер (font-size) и цвет (color).

🔹Обязательно протестируйте толщину буквы (font-weight). Значения здесь задаются в цифрах от 100 (очень тонкая) до 900 (очень жирная). Выбирайте круглые значения (100, 200, 300 и так далее) и смотрите, как меняется результат!

Чувствуете это? Вы только что сами, с помощью нескольких строчек кода, сделали крутой дизайнерский элемент! И так работает всё оформление. Глаза боятся, а руки делают.

В следующих постах мы продолжим разбирать магию псевдоэлементов, чтобы вы собрали свою копилку крутых фишек.

🔥 Кто уже пошел тестировать код на платформе? Жду ваши огонечки и скрины с результатами в комментариях!

#СоветыОтГетшоп

Привет, друзья! На связи Настя Соло.

Давайте начистоту. Многие технические специалисты рано или поздно упираются в финансовый потолок. Больше клиентов на стандартное техническое ведение взять просто физически невозможно — в сутках всего 24 часа.

Значит, нужно расширять чек за счет новых дорогих услуг. Например, делать красивое визуальное оформление школ для своих заказчиков.

Обычно для этого нужно быть дизайнером или верстальщиком, а на изучение новых профессий уйдут месяцы.

💡 Но у меня для вас есть готовая бизнес-модель. Она позволяет зарабатывать на визуале уже сейчас, без выгорания и покупки дорогих обучений.

С нашими шаблонами вы можете уже завтра делать индивидуальное оформление школ даже без знания кода. Вы просто берете и добавляете эту новую, очень востребованную услугу в свой прайс.

✅ А чтобы вам было легко это продавать, я продумала безопасную схему работы. Вам даже не нужно покупать шаблон заранее, рискуя своими деньгами.

🛠 Как это работает на практике? У вас есть два пути:

1️⃣ Работа под ключ (для ваших текущих или новых клиентов).
Если человек уже нанял вас как техспеца, он вряд ли захочет настраивать визуал сам. Вы показываете заказчику примеры дизайна, он выбирает нужный и вносит предоплату. На эти деньги вы покупаете шаблон в магазине Гетшоп и за 40 минут устанавливаете его по нашей инструкции. Остаток суммы забираете себе за работу. А исходники шаблона навсегда остаются у вас для работы с будущими проектами!

2️⃣ Личные рекомендации (дополнительный доход).
Бывает, что вы общаетесь с коллегами или знакомыми экспертами, которые хотят настраивать всё своими руками. Вы можете просто порекомендовать им наши решения в личной переписке и дать свою партнерскую ссылку. Человек сам оплачивает шаблон, а вы получаете приятный процент с каждой такой продажи.

И самое главное в этой модели — никакого синдрома самозванца!

Вы не «впариваете» воздух. Вы даете клиенту или коллеге крутой, современный и абсолютно рабочий продукт. Они в восторге от визуала, а вы — в отличном плюсе.

И это не просто теория! В карусели к этому посту я прикрепила отзыв Анастасии.

Она уже приобрела наши коллекции шаблонов, внедрила их в работу и успешно на этом зарабатывает. По её словам, магазин Гетшоп буквально открыл для нее новый мир дизайна. Обязательно смахните фото, чтобы прочитать её историю — пусть это станет для вас тем самым знаком, что пора действовать!

💡 Кстати, чтобы ваш заказчик при выборе дизайна под ключ не видел изначальную стоимость шаблонов и не задавал лишних вопросов, я придумала классную штуку. Я хочу собрать для вас «слепой каталог» — презентацию со скриншотами дизайнов без наших логотипов и цен.

Вы сможете просто пересылать этот файл клиентам для согласования визуала. Если вам нужен такой инструмент для работы — пишите «каталог» в комментариях. Если будет спрос, я его подготовлю!

🔗 Все нужные ссылки для старта:

Зарегистрироваться в партнерской программе, чтобы получить свою личную ссылку для рекомендаций, можно здесь

[Ссылка на регистрацию партнера]

А посмотреть все варианты дизайна и выбрать те, что вы будете предлагать на созвонах уже завтра, можно тут

[Твоя ссылка на каталог]

#СоветыОтГетшоп #ПартнёркаОтГетшоп

Привет, друзья! На связи Настя Соло. 👋

Обычно в этом блоге мы много говорим про визуал, оформление уроков и удобство платформы. Но сегодня мне хочется немного отойти от темы дизайна и просто поболтать с вами как коллега с коллегой. Давайте заглянем за кулисы красивых кейсов и вспомним ту самую «кухню» онлайн-образования.

🌃 Представьте картину. Ночь перед стартом продаж. Эксперт пьет ромашковый чай, продюсер нервно обновляет таблицу с заявками, а технический специалист в третий раз перепроверяет настройки вебинарной комнаты, потому что «кажется, что-то может отвалиться». Знакомая ситуация?

👩‍💻 Я знаю об этом не понаслышке. Я работаю с платформой Геткурс с 2018 года и прошла путь от технического специалиста до верстальщика и администратора крупных онлайн-школ. В свое время я вела параллельно несколько проектов с огромной аудиторией — более 100 000 учеников.

Мы все любим красивые цифры, но мало кто показывает, сколько седых волос стоит за ними у команды реализации. Чем ближе старт, тем больше хаоса: уроки дописываются на коленке, рассылки меняются за пять минут до отправки, а техспец превращается в многорукого Шиву.

За годы работы я вывела для себя железные правила, которые помогли мне сберечь нервы и выжить в период бесконечных запусков. Делюсь ими с вами:

1️⃣ Жесткий дедлайн на изменения

Мы всегда договаривались «на берегу»: за 24 часа до старта никакие глобальные изменения не вносятся. Текст на сайте остается таким, какой он есть. Письма уходят по согласованному сценарию. Правило «стоп-правок» уберегает от фатальных ошибок, которые делаются исключительно из-за спешки.

2️⃣ Резервный план на случай «всё сломалось»

Всегда дублируйте каналы связи. Мы используем простую и надежную механику: после того как пользователи заполняют форму для email-рассылки, мы перекидываем их на дополнительную страницу.

На этой странице мы даем выбор и предлагаем присоединиться к каналу для уведомлений: либо в Телеграм, либо в мессенджер Max.

С учетом текущих реалий нельзя полагаться только на один мессенджер — тот же Телеграм сейчас у многих работает со сбоями, а другие популярные приложения заблокированы. Благодаря такой воронке у нас появляется минимум два канала коммуникации с человеком. И если в день икс один из сервисов «ляжет», вы не потеряете людей и спасете продажи.

3️⃣ Запасные вебинарные комнаты с разными плеерами

Это прямо мастхэв в условиях современных блокировок! Буквально на днях я была на автовебинаре, где было подготовлено минимум три комнаты с абсолютно разными видеоплеерами (YouTube, Zoom и другие).

Фишка в том, что в каждой комнате последовательно висела кнопка: «Если не работает трансляция — переходите в запасную комнату».

То есть я зашла в первую комнату — у меня трансляция не заработала. Я кликнула на кнопку, перешла во вторую — там всё отлично, эфир пошел. Но и там на всякий случай висела кнопка для перехода в третью комнату. Таким образом клиент сам по цепочке находит тот плеер, который у него работает. Итог: вне зависимости от страны и провайдера, люди остаются на эфире.

4️⃣ Право на сон

Героизм и работа по 20 часов в сутки ведут только к выгоранию. Я на своем опыте поняла, что ошибки чаще всего совершаются от банального недосыпа, когда глаз замыливается, и ты в упор не видишь пропущенную галочку в настройках.

Пройдя всю эту изнанку и глубоко поняв логику платформы, я осознала главное: техническую рутину нужно упрощать.

🛠 Именно поэтому я и создала магазин Гетшоп. Чтобы помочь школам и таким же техническим специалистам, какой была я, быстро внедрять современный и продуманный дизайн без сложной разработки. Чтобы у вас было больше времени на сон и меньше стресса из-за кода.

🎢 Запуски — это всегда адреналин. Но пусть он приносит удовольствие, а не желание выбросить ноутбук в окно!

💬 Коллеги, делитесь в комментариях: какой момент на запусках для вас самый стрессовый? Или, может быть, у вас есть веселая история о том, как всё пошло

Вы когда-нибудь задумывались, почему сайты курсов по йоге оформлены в мягких тонах, а платформы для инвесторов — в строгих и темных? Это не просто вкусовщина дизайнера. Это маркетинг.

Цвет — это первое, что считывает мозг человека, попадая на вашу платформу. Еще до того, как ученик начнет вчитываться в тексты, визуал уже сформировал отношение к продукту.

Давайте разберем на конкретных примерах.

👔 Ниша: Финансы, инвестиции, бизнес

Здесь не подойдут кричащие неоновые оттенки или легкомысленный розовый. Аудитория приходит за твердыми результатами.

Идеальный выбор: белый, глубокий синий, строгий серый. Эти цвета транслируют стабильность, безопасность и высокий статус. Ученик видит такой интерфейс и подсознательно понимает: «Здесь всё серьезно».

🧘‍♀️ Ниша: Психология, эзотерика, женские практики

Представьте курс по медитациям с агрессивно-красным дизайном. Ученик просто испытает стресс!

Здесь нужны глубокий фиолетовый, теплый бежевый, мягкий зеленый или пудровые оттенки. Они успокаивают и создают ощущение камерности.

Правильно подобранная цветовая гамма снижает тревожность учеников, повышает лояльность и напрямую влияет на то, купят ли у вас следующий продукт.

Но что делать, если ваша школа растет и меняется?

Например, вы запускали базовый марафон в светлых тонах, а сейчас выпускаете премиальный VIP-курс, который требует солидной, темной темы. Или вы вообще решили сделать глобальный ребрендинг проекта.

А бывает и так, что внутри одной школы живут совершенно разные по настроению продукты.

Представьте: ваша основная ниша — классическая психология. Оформление платформы выполнено в спокойных, пудровых тонах. Всё логично, это создает атмосферу безопасности.

Но тут вы решаете запустить современный интенсив на стыке психологии и нейросетей. Это уже совершенно другая, цифровая среда! Здесь просятся глубокие темные оттенки и строгий технологичный стиль.

Неужели ради одного продукта придется менять дизайн всей платформы? Или оставлять курс про искусственный интеллект в «пудровом» дизайне?

Конечно, нет! В магазине Гетшоп мы предусмотрели этот сценарий. Вы можете изменить цвет только для одного конкретного курса, сохранив общую концепцию школы.

Вы можете «переодеть» только один интенсив с помощью нашего единого файла управления темой. Вы просто берете файл с нужными цветами (настраиваете переменные сами или покупаете у нас готовое цветовое решение за 3 990 рублей) и подключаете его точечно к новому продукту.

О том, как именно это работает технически и как провернуть такую магию за пару кликов, я подробно рассказывала в своем прошлом посте — обязательно загляните туда!

Не уверены, какая палитра лучше всего продаст ваш продукт?

Мы подготовили для вас интерактивного помощника! Переходите по ссылке ниже, и наш робот Ботя подберет идеальное цветовое оформление специально под вашу нишу. 👇

👉 [Ссылка на бота]

#СоветыОтГетшоп #Коллекции

Привет, друзья! На связи Настя Соло. 👋

🚀 У меня для вас потрясающие новости! В нашем магазине готовых решений Гетшоп долгожданное пополнение. Мы выпустили новую, пятую тему для нашей самой масштабной и популярной коллекции «Золотое свечение».

Если вы до сих пор думаете, что готовый дизайн — это жесткий шаблон, в котором нельзя ничего изменить, то эта коллекция перевернет ваше представление.

💎 Наши коллекции работают как настоящий умный конструктор. Вы сами выбираете только те элементы, которые нужны вашему проекту, миксуете их между собой и получаете абсолютно уникальное оформление.

Внутри коллекции «Золотое свечение» вам доступна невероятная вариативность: целых 3 вида оформления списка тренингов и 3 варианта отображения уроков. Вы можете выводить уроки аккуратными плашками, плитками с нумерацией, делать их большими или маленькими.

🖼️ Каждое оформление можно использовать как с картинками, так и без них. Достаточно просто загрузить свои обложки, и шаблон мгновенно перестроится, создав совершенно новый визуальный стиль. В несколько кликов вы можете полностью изменить шрифты, цвета и адаптировать каркас под конкретные задачи вашего проекта.

Новая Тема 5 выполнена в благородных светло-голубых тонах. Это идеальная базовая гамма, которая выглядит дорого и свежо. Она универсальна и без изменения цветовой схемы подойдет абсолютно для любой ниши — от серьезного бизнеса до бьюти-сферы.

📱 При этом все наши шаблоны полностью адаптивны. Они безупречно отображаются на любых смартфонах и планшетах, а также отлично работают внутри официального мобильного приложения Геткурс.

Отдельная моя любовь в Теме 5 — это продуманная система мотивации студентов. Мы детально проработали путь ученика и добавили элементы, которые вызывают привыкание в хорошем смысле слова.

🎨 Цветовые статусы уроков. Для каждого статуса («пройден», «на проверке», «стоп-урок») мы настроили индивидуальные цвета. Ученик визуально видит свой путь. Это работает как легальный дофамин: загорается заветный зеленый цвет, и внутри сразу рождается приятное чувство «Ура, я молодец, я сделал это!».

📊 Прогресс-бары и календари. Шкала завершенности курса и наглядное расписание дают студенту ощущение целостности продукта. Он понимает, где находится сейчас и сколько осталось до финала, что защищает от выгорания и повышает доводимость до конца.

Напоминаю, что в Гетшоп действует гибкая система сборки. Вы можете приобрести как один элемент, так и всю коллекцию целиком. И здесь работает простое правило: чем больше элементов вы выбираете в свой конструктор, тем выше ваша персональная скидка — она может достигать 25%!

➡️ Переходите на сайт Гетшоп и собирайте свой идеальный Геткурс легко и без переплат дизайнерам 👇

[Ссылка на коллекцию «Золотое свечение»]

Коллеги, а что для вас важнее в оформлении: визуальный стиль или чтобы интерфейс помогал ученику быстрее проходить уроки?

#Коллекции #НовостиГетшоп

Привет, друзья! На связи Настя Соло. 👋

Сегодня хочется немного поностальгировать и рассказать вам о том, как трансформировался наш подход к продукту. Те, кто с нами давно, наверняка помнят, как всё начиналось.

📦 Раньше магазин Гетшоп работал по классической модели: мы предлагали готовые, полностью собранные наборы оформления.

Механика была следующей: если вы покупали элементы по отдельности — скидки не было. Но если брали полный комплект (всё в едином стиле), то получали отличную скидку 25%.

По сути, это было выгодно: те элементы, которые не были нужны вам прямо сейчас, доставались вам условно в подарок. И, возможно, они пригодились бы в будущем. Но со временем мы поняли одну важную вещь — нашим клиентам не хватает свободы выбора.

Многим техспецам и владельцам школ нужно было оформить, например, только список тренингов и сами уроки. И им психологически не хотелось добавлять в корзину лишние блоки просто ради того, чтобы получить ту самую скидку за комплект.

Мы услышали вас. И больше года назад полностью перестроили систему, превратив магазин Гетшоп в настоящий лего-конструктор.

🛠 Мы дали вам возможность собирать кабинет пользователя как пазл. Выбирать только то, что реально нужно вашему проекту прямо сейчас. Но мы не могли просто взять и отменить скидки за объем!

Поэтому мы разработали новую, прогрессивную систему лояльности, которая привязана не к количеству добавленных товаров, а к сумме вашей корзины.

Как это работает сейчас?

Как только общая сумма вашего заказа достигает 10 000 рублей, у вас автоматически активируется начальная скидка 5%.

А дальше включается приятная математика: при каждом увеличении суммы корзины кратно 5 000 рублей, ваша скидка пропорционально растет! Она увеличивается шаг за шагом: 10, 15, 20 и вплоть до максимальных 25 процентов.

Получается идеальный баланс: вы платите только за те решения, которые будете использовать, и при этом автоматически снижаете итоговую стоимость корзины.

🛒 Вы можете сами зайти на сайт, положить нужные блоки в корзину и посмотреть, как умная система пересчитывает итоговую сумму с учетом вашей нарастающей скидки.

💬 Коллеги, поделитесь: а как вам комфортнее работать? Вы предпочитаете собирать визуальную часть школы постепенно, по отдельным элементам, или любите закрыть этот вопрос разом и оформить платформу от и до? 👇

#НовостиГетшоп

Привет, друзья! На связи Настя Соло. 👋

В магазине Гетшоп мы не только создаем готовые решения для визуала. Часто клиенты берут у нас дополнительную услугу — установку шаблонов «под ключ» или индивидуальную доработку дизайна под свои запросы.

И когда я захожу «под капот» проектов (причем не только совсем новеньких), я часто вижу одну и ту же картину: школа работает на базовом техническом домене Геткурс. То есть основатели не завели свой домен для сайта и почты, решив: «А зачем возиться с настройками, если и так всё открывается?».

‼️Объясняю, почему использовать только технический домен — это огромная ошибка.

1️⃣ Вы жестко ограничиваете свои рассылки

Если вы не привязали собственный домен, ваши письма уходят со стандартного ящика платформы. И здесь действует строгое правило: не более 50 писем по одной созданной рассылке.

Да, системные уведомления дойдут всем. Но если вы захотите отправить приглашение на вебинар или продающее письмо базе даже из 100 человек — лимит просто не даст вам этого сделать.

2️⃣ Вы теряете доверие учеников

Свой домен — это лицо проекта. Возьмем, к примеру, наш магазин Гетшоп (get-shop-online.ru) — это наш бренд, и такой адрес выглядит солидно.

Точно так же это работает и с вашими школами. Когда ваши ученики видят аккуратный и понятный адрес сайта, они сразу считывают высокий уровень проекта.

А вот длинная ссылка с системной приставкой платформы выглядит как что-то временное, сделанное на скорую руку. Это неизбежно снижает доверие к вашему профессионализму.

3️⃣ Вы лишаете себя плана «Б» в случае катастрофы

Расскажу реальную историю из своего опыта. Однажды на крупном запуске на нашу школу обрушилась мощная DDoS-атака (хакерская атака, перегружающая сервер).

Из-за того, что нас так сильно бомбили, мы начали влиять на работу вообще всех проектов на платформе. В итоге нас просто временно отключили от общих серверов.

😵 Сайт упал. Ученики не могут зайти. Паника? Еще какая!

Но нас спасло то, что школа работала на своем собственном домене и именно его «бомбили хакеры». А технический домен оставался свободным «запасным входом».

В экстренном порядке мы в личной переписке давали обращающимся ученикам ссылку именно на технический домен, и они могли прорваться на платформу в обход атаки.

Если бы мы изначально вели весь проект только на техническом домене, в момент отключения мы бы остались вообще без вариантов и просто потеряли запуск.

Свой домен — это не просто галочка в настройках, это фундамент безопасности вашего бизнеса и свободы в рассылках.

Коллеги, признавайтесь, кто на старте грешил тем, что откладывал покупку домена «на потом»? Или, может, у вас тоже были истории, когда запасной технический вход спасал ситуацию? 👇

#СоветыОтГетшоп #Другое

В большинстве шаблонов вы можете легко изменить цвета, шрифты, фон и некоторые другие параметры.

Мы специально закладываем эту возможность, чтобы любой шаблон можно было адаптировать к вашему стилю и задачам — без долгих доработок и сложных настроек.

Чтобы быстро и наглядно менять оформление под себя, мы предлагаем использовать браузерные расширения для работы со стилями.

Сегодня расскажем, как это работает на примере расширения Magic CSS, но вы можете пользоваться и аналогами.

1️⃣ С чего начать:

➖Прежде, чем начать менять цвета, установите приобретенный шаблон себе на Геткурс.

2️⃣ Перейдите к элементам которые будете менять.

➖Например, если меняете оформление тренингов, то перейдите на страницу где видно оформление тренингов.

➖Находясь на нужной странице запустите расширение.

3️⃣ Вставляем код который будем менять:

➖Если вы меняете цвета в шаблонах из коллекций — скопируйте единый файл управления темой и вставьте его целиком в рабочую область расширения.

➖Если вы меняете цвета в других шаблонах — скопируйте CSS шаблона и вставьте его в рабочую область расширения.

4️⃣ Меняем цвета:

➖Находите переменные того элемента, который хотите поменять — все они подписаны для удобства и подбираете цвет прямо в редакторе Magic CSS.

Например, хотите изменить цвет кнопки в тренингах — находите соответствующие переменные и задаёте свои цвета. Все изменения вносимые в расширение вы будете видеть сразу на странице.

О том, как обозначаются цвета и как сделать свой градиент мы рассказывали в предыдущем посте.

5️⃣ Сохраняем результат:

➖Когда подобрали нужные цвета, просто перенесите обновленный код на GetCourse.

Если вы делали оформление с помощью коллекций и хотите использовать разные цвета для разных тренингов, посмотрите наш пост о том, как оптимизировать этот процесс.

💘 Было полезно? Ставьте лайк, пишите вопросы и делитесь впечатлениями в чате — ваши реакции помогают нам делать материалы ещё лучше!

#СоветыОтГетшоп #Коллекции

Иногда при сборке страницы возникает нестандартная задача: нужно добавить видео туда, где для него технически не предусмотрено место.

Например, спрятать ролик внутри раскрывающегося списка («аккордеона»), поставить его в обычный текстовый блок или встроить в элемент старого конструктора.

Штатными настройками платформы это сделать не получится.

В итоге приходится либо вообще отказываться от задумки, либо тратить время на поиск обходных путей.

Мы в магазине Гетшоп любим, когда всё работает просто и без лишних ограничений.

Поэтому наша команда написала специальный код, который позволяет установить видео в любой блок Геткурс.

И этот полезный инструмент мы дарим подписчикам нашего закрытого сообщества в Макс.

Спасибо, что вы с нами! 💕

Переходите в бота и получайте подарок 🙂

#ПодаркиОтГетшоп #Тренинги #ЛичныйКабинет #Лендинги

На первый взгляд — просто, а на практике всё сложнее.

При вставке блока кнопка, вместо ожидаемой кнопки появляется просто небольшой пустой прямоугольник, а все размеры, цвета и отступы приходится выставлять вручную через ограниченный функционал конструктора. Поэтому даже простая задача превращается в долгий и неудобный процесс🤯

❗️Но есть способ проще — создать свою кнопку с помощью HTML и CSS, буквально за пару минут. Вот подробная инструкция для новичков.

1️⃣ Открываем редактор старого конструктора:

➖ Перейдите в список тренингов или список уроков, где хотите установить кнопку.
➖ Нажмите кнопку «Действие» → «Настроить вид».
➖ Откроется специальное меню редактора, где мы будем работать с HTML и CSS.

2️⃣ Добавьте HTML-блок:

➖В открывшемся редакторе выберите «добавить блок» → «вставка» → «HTML-блок».
➖Скопируйте и вставьте туда этот код:

<a href="ВАША_ССЫЛКА_ЗДЕСЬ" class="my-shiny-button" target="_blank">
Текст вашей кнопки
</a>

⚠️ Замените текст кнопки и вставьте свою ссылку вместо ВАША_ССЫЛКА_ЗДЕСЬ (оставьте кавычки!) — например, на MAX, запись на консультацию и т.д.

3️⃣ Добавьте CSS-код для стиля кнопки:

➖В правом меню редактора найдите значок </>
➖Кликните на него и вставьте следующий CSS-код:

.my-shiny-button {
display: inline-block;
background: #ffb01b; /* фон кнопки */
color: #fff; /* цвет текста */
padding: 12px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
box-shadow: 0 3px 9px rgba(0,0,0,0.07);
transition: background 0.2s, box-shadow 0.2s;
}
.my-shiny-button:hover {
background: #ffc94a; /* фон при наведении */
box-shadow: 0 5px 15px rgba(0,0,0,0.11);
color: #232323; /* цвет текста при наведении */
}

4️⃣ Меняйте внешний вид кнопки под себя:

➖ Цвет кнопки (background) и цвет текста (color) можно изменить на любые — при необходимости, замените код цветов на подходящие под ваш стиль.

➖ В блоке .my-shiny-button:hover указаны цвета кнопки и текста при наведении мышкой.

📌 После внесения изменений не забудьте сохранить результат в блоке CSS и в меню редактора. После сохранения можно перейти к просмотру результата нажав на глаз.

Теперь ваш конверсионный элемент в виде кнопки будет заметен, и ученики точно не пропустят важное действие.

⭐ А если не хочется тратить время на самостоятельную стилизацию или нужно комплексное оформление курса, — в коллекциях магазина Гетшоп уже есть готовые решения.

У нас вы найдёте не только кнопки разного формата (вертикальные и горизонтальные), но и целый набор элементов, которые удобно настраивать под свой фирменный стиль: цвета, шрифты и многое другое меняются буквально в пару кликов.

👉 Заглянуть в Гетшоп

👍 Если пост был полезен, ставьте лайк и сохраняйте его в избранное — так инструкция всегда будет под рукой.

Остались вопросы? Смело пишите в комментариях, мы всегда рады вашей активности и готовы помочь!

#СоветыОтГетшоп #формыикнопки

Не раз сталкивалась с такой ситуацией: приходит клиент и спрашивает «сделайте мне вот так», а «а вообще так можно? это реально?».

В этот раз запрос был такой:

«Мне нужно, чтобы мои выпускники были доступны для поиска любому желающему. Поэтому хочу, чтобы их данные автоматически собирались в единую таблицу на лендинге.

Как только я добавляю нового ученика в группу, его информация сразу подтягивается в эту таблицу.

Всё должно обновляться само, без ручного труда.

В таблице важно, чтобы можно было делать фильтрацию по разным параметрам и переходить к подробной информации о каждом выпускнике»

Я взяла задачу «на подумать» — начала разбирать, какие есть варианты, насколько это вообще возможно. Искала способы, как всё сделать в рамках платформы, без нарушений по персональным данным, чтобы не затрагивать то, на что человек не давал согласия.

Для страницы с доп. информацией я решила использовать открытый профиль.

Обсудила эту идею с клиентом — и тут начались дополнительные желания:
— «А можно добавить ещё в профиль их сторонние дипломы?»
— «А можно оформить страницу открытого профиля красивее? (уйти от базового оформления)»

С каждым новым вопросом вариантов становилось всё больше, а ясности — не особо прибавлялось. Время уходит, а по сути, это пока только подготовительный этап: я даже не знаю, возможно ли собрать всё, что хочет клиент. И, конечно, пока ни о какой оплате речи не идёт — ведь нет гарантии результата.

Это тот случай, когда ты вкладываешься, разбираешься, а чем закончится — до конца не ясно ни тебе, ни заказчику.

В итоге я потратила внушительное количество времени на тесты, вопросы в поддержку, пробные решения и доработки. Клиенту отправила своё видение и вариант реализации… и в ответ — тишина.

В такие моменты появляется вопрос:

Что делать с такими кейсами? Как относиться к тому, что ты уже вложился, и, возможно, не получишь от этого никакой отдачи ни в формате оплаты, ни обратной связи?

Я для себя нашла выход: не просто «отпускать» такие задачи, а превращать всё, что удалось наработать, в готовые шаблоны для магазина Гетшоп.

Решения, которые не пригодились одному клиенту, могут стать полезными десяткам или сотням других. Так опыт не теряется, а моя библиотека пополняется крутыми инструментами

А еще, благодаря этому у нас скоро появится шаблон оформления страницы открытого профиля (себе уже оформила)🎨

👀 Если интересно посмотреть, что в итоге получилось (и как решилась, казалось бы, нерешаемая задача), вот ссылка на первичную реализацию.

❓А как у вас — удаётся ли монетизировать такие открытия? Берёте ли деньги за «исследовательский» этап или воспринимаете это как инвестицию в будущие продукты? Делитесь своим опытом — уверена, этот вопрос близок многим.

Кстати, если у вас есть крутые решения которыми вы готовы поделиться с миром, вы можете разместить свою работу в Гетшоп 👈

О чём это?

Например, вы приобрели коллекцию и оформили свою школу в светлых тонах 🌕
А теперь запускаете курс и решили сделать его в тёмном оформлении 🌒

❌ Раньше

Нужно было:
➖ заново собирать в тему все элементы коллекции
➖ в каждом менять цвет

🚀 Сейчас

Теперь все проще, т.к. мы вынесли все переменные для изменения цветов и шрифтов в
единый файл управления темой
и благодаря этому можно сделать так:

➖ Делаете отдельную тему для элементов (куда вы складываете все CSS и JS приобретенных шаблонов)

➖ и отдельные темы для оформления, куда складываете только единые файлы с переменными (для каждого цвета — отдельная тема)

➖ В темах с цветами во вкладке «Настройки» подключаете «Родительскую тему» с элементами (выбираем её из списка тем)

➖ и дальше стандартно подключаете тему с нужным цветом к тренингу

Всё готово ✔️

Если вам пока не понятно, что такое тема и как подключать её к тренингам — не переживайте 😊
Всё это пошагово рассказывается в наших видеоинструкциях.

Посмотреть их можно на странице с подробным описанием коллекции ещё до того, как вы приобрели шаблоны.

🎨 Где взять разные цвета шаблонов?

Первый единый файл с выбранным цветом вы получаете после приобретения шаблонов.

➕ Далее у вас есть 2 пути:

1️⃣ Можно изменить цвета самостоятельно с помощью переменных
(в личном кабинете есть отдельные уроки о том, как менять цвета и шрифты в шаблонах)

2️⃣ Если вам подходит готовый вариант оформления из тех, что мы предлагаем —
вы можете приобрести его единый файл управления темой в личном кабинете

👉 подключили — и получили новое оформление за пару кликов

💬 Остались вопросы или что-то не до конца понятно? Пишите в комментариях — поможем 🙌

А если было полезно — поставьте реакцию 👍

#СоветыОтГетшоп #Коллекции

Геткурс снова активно развивает чаты в тренингах.

Не просто «вспомнили, что они есть», а в рамках обычного тарифа:

➖ убрали ограничения на количество чатов в тренинге
➖ включили уведомления ученикам

На фоне блокировок Telegram инструмент начали массово использовать.

Что изменилось в шаблонах

Раньше блок с чатами я не оформляла — им просто никто не пользовался.

Но сейчас чаты начали активно появляться в тренингах →
и стало понятно: нужно срочно оформлять.

Поэтому я доработала этот момент 👇

1️⃣ Актуальные события с горячими кнопками

➖ Чаты автоматически перемещаются вверх и оформляются в виде горячих кнопок

2️⃣ Единая панель ученика

Чаты начали подтягиваться и туда (в актуальных событиях), но в этом месте они не нужны.

Поэтому:
➖ в новой версии я их скрыла
➖ и добавила код для тех, кто установил панель до 1 апреля

3️⃣ Чаты внутри тренинга

Есть отдельный блок — чат тренинга.

Я встроила его в вертикальные горячие кнопки.

Теперь можно:
➖ использовать только чаты
➖ оставить кнопки и чаты вместе
➖ использовать кнопки как есть и убрать чаты

Обновление уже доступно во всех коллекциях, которые сейчас в продаже.

Но у всех сейчас установлены разные версии шаблонов. Если обновлять без понимания — можно сломать текущее оформление.

Поэтому я сняла видео, где ответила на основные вопросы по функционалу чатов, варианты их использования и правильное обновление шаблонов.

Смотрите его на удобной вам платформе:

⏩ YouTube
⏩ Rutube

Появились вопросы? Задайте их в чате 💬

#НовостиГетшоп

Друзья, всем привет! 🙌

Канал магазина Гетшоп — ваше место вдохновения и пользы.

Мы не просто создаем готовые шаблоны. Здесь мы делимся опытом: как повысить конверсию, правильно оформить уроки, избежать ошибок в мобильной адаптации и легко справиться с кодом.

А еще мы любим дарить подарки, первыми показываем наши новинки и делимся секретами, как увеличить свой доход с помощью наших решений.

Если появились вопросы, задайте их в комментариях под постом 💬

Наши преимущества:

📲 Адаптация - Все наши решения адаптированы под мобильную версию и приложение чатиум.

🎨 Индивидуальность - Цвета элементов шаблонов заданы с помощью переменных. Это позволяет менять цвета на свои в несколько кликов, что делает ваше оформление эксклюзивным!

⏳ Простота использования - Установка шаблона занимает не более 5 минут, и не требует специальных навыков или знание кода.

💸 Экономия - Разработка индивидуального оформления стоит от 50 000 руб. Используя наши шаблоны вы экономите не только время, но и деньги!

📍 На сайте вы найдете более 100 готовых решений для оформления #геткурс

Наши акции!

🎁 Для новых клиентов GetCourse (Геткурс) и Get Модуль (сервис приема платежей от геткурс) мы дарим до 10 000 руб. на оформление вашего аккуанта => Узнать больше

🔥 Берите больше, платите меньше! Просто кладите больше товаров в корзину и получайте скидку до 25%! Скидка активируется автоматически при добавлении товара в корзину на сумму от 10 000 руб. => Перейти на сайт

*****************

🔎 Быстро найти нужное оформление в канале помогут хештеги.
Просто вставьте в строку поиска на канале тот хештег, что вас интересует👇

Оформление страницы оплаты - #Упаковкаплатежей
Оформление аккаунта в едином стиле - #Коллекции
Оформление личного кабинета - #Личныйкабинет
Оформление тренингов и подтренингов - #Тренинги
Оформление списка уроков - #Списокуроков
Оформление уроков внутри - #Урокивнутри
Календарь и расписание - #Расписание
Прогресс-бары - #Прогресс
Левая панель (меню) - #Меню
Элементы для лендинга - #Лендинг
Формы, кнопки, корзина - #формыикнопки
Прочие решения - #Прочее
Отзывы покупателей - #Отзывы
Полезные советы - #СоветыОтГетшоп
Новости - #НовостиГетшоп
Подарки - #ПодаркиОтГетшоп

Спасибо, что вы с нами! ✨