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

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

❗️Но есть способ проще — создать свою кнопку с помощью 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 и в меню редактора. После сохранения можно перейти к просмотру результата нажав на глаз.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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