Гетшоп | Оформление Геткурс • Магазин готовых решений для онлайн-школ: доступно, красиво и без знания кода
78 subscribers
70 photos
5 videos
60 links
Канал магазина Гетшоп — ваше место вдохновения и пользы.

Мы не просто создаем готовые шаблоны. Здесь мы делимся опытом: как повысить конверсию, правильно оформить уроки, избежать ошибок в мобильной адаптации, легко справиться с кодом и дарим подарки.
Download Telegram
🔥Новый способ мотивировать учеников на GetCourse — командный рейтинг от Гетшоп!

Привет! На связи Настя Соло и команда магазина Гетшоп.😊

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

Теперь в наших шаблонах появился инструмент, который помогает прокачать вовлечённость — командный рейтинг! Что это такое?

👥 Делите учеников на команды прямо внутри курса;

🏅 Каждая команда копит баллы за прохождение уроков и активности;

📊 Сразу в тренинге видно общий командный рейтинг — кто впереди, а кто уже почти догнал лидеров;

⚡️Баллы начисляются автоматически, ничего не нужно настраивать вручную;

🌍 Рейтинг можно сделать публичным — его увидят даже те, кто не авторизован в аккаунте;

🎨 Всё кастомизируется: названия команд и цвета легко поменять под ваш бренд.


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

➡️ Шаблон командного рейтинга уже доступен во всех коллекциях. Добавляйте эту механику — и наблюдайте, как ученики включаются в процесс!

👉 За покупками в Гетшоп

#Прогресс #Гетшоп
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
Media is too big
VIEW IN TELEGRAM
История клиента: оформление GetCourse легко и без стресса с готовыми шаблонами от Гетшоп

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

В этом видео — история одной из таких команд, которые выбрали Гетшоп для оформления онлайн-школы.

Из видео вы узнаете:

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

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

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

#ОтзывыКлиентов
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩2👍1🔥1💯1
Столкнулись с задачей добавить кнопку в старом конструкторе Геткурса?

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

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

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



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

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



2️⃣ Добавьте HTML-блок с кнопкой

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

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


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


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

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


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

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


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


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

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

#СоветыОтГетшоп #формыикнопки
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤‍🔥1👍1
Красная звёздочка в формах GetCourse: простой способ не терять заявки

❗️Наверняка вы сталкивались с ситуацией: в форме на GetCourse есть обязательные поля, но никаких подсказок о том, что поле обязательно, в том числе стандартной красной звёздочки — нет, а ошибка появляется где-то наверху, и пользователь может её просто не заметить.

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


Решение очень простое: добавьте к названию обязательного поля красную звёздочку — так сразу понятно: это заполнить обязательно.

Как это сделать?
Добавьте к названию поля такой фрагмент:

<span style="color: red;">*</span>


Пример названия поля для ввода имени:
Имя <span style=“color: red;”>*</span>


Почему это работает?
Пользователь сразу видит, какие поля обязательные.
Меньше ошибок и путаницы.
Форма получается прозрачной, конверсия — выше.

Маленькая деталь, а делает процесс заполнения формы более дружелюбным и понятным!


📌Сохраняйте пост, чтобы не потерять код.

💬 И делитесь в комментариях — какие ещё мелочи, на ваш взгляд, снижают конверсию?

#СоветыОтГетшоп #формыикнопки
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍21
This media is not supported in your browser
VIEW IN TELEGRAM
⚠️В новых реалиях из-за ограничений онлайн-школам приходится загружать одно и то же видео на разные плееры, чтобы пользователи из разных стран могли его посмотреть.

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

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


Мы хотим поделиться этим решением с вами — подписчиками нашего телеграм‑канала💜

Как получить подарок:

1️⃣Напишите слово видео нашему боту: @Botya_getcourse_shop_bot

2️⃣ Если вы с нами — бот пришлет инструкцию.


👍Поставьте реакцию, если решение оказалось полезным — это лучшая поддержка и стимул делиться с вами полезностями.

Вопросы по теме — пишите в комментариях, всегда рады помочь!

#СоветыОтГетшоп #формыикнопки #Урокивнутри #Лендинг
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1🔥1
Заметили, что часть учеников не доходит до финала курса?

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

❗️ Дизайн — это не только «про красоту». Это про заботу, структуру и ту самую простоту, когда всё на своём месте.


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

➡️ Читать статью

#СоветыОтГетшоп
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥1
Конверсионный лендинг на GetCourse: правила | Часть 2

Привет, друзья! Продолжаем разбирать рабочие правила для лендингов.

Если пропустили первую часть, то её можно найти тут: https://t.me/kanal_GetCourse_shop/73

А в этом посте — вторая порция конкретных советов для повышения конверсии.


4️⃣Заметные кнопки целевого действия

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

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

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



5️⃣«Нет» внешним ссылкам

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



6️⃣Доступность связи клиента с поддержкой

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



7️⃣Логотип бренда

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



🎥Продолжение — в следующих постах.

👍Если материал был полезен — жмите лайки и сохраняйте в избранном, чтобы не потерять важные правила!

#СоветыОтГетшоп #Лендинг
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍1🔥1
Новость из закулисья Гетшоп: как мы сделали ещё проще — и вам, и себе

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

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

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


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


Что это значит для нас?

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


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

Делать продукты удобнее — это наш общий путь.

С любовью,
команда Гетшоп!
❤️

#НовостиГетшоп
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥2👍1
Держала цены и название, сколько могла...

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

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

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

***

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

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

Тогда же мне впервые пришлось сменить название проекта по требованию платформы: вместо Маркетплейса GetCourse-Shop я стала работать как Маркетплейс GetShop-Online.

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



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

То есть за время существования проекта, название менялось дважды, а цены оставались прежними.



Но пришло время перемен:

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

С апреля цены будут повышены.

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

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

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


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


⬇️Ниже — несколько скринов той самой «легендарной» переписки.

Поделитесь в комментариях, а как бы вы поступили на моём месте

#НовостиГетшоп
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯31🤔1
🤖 НОВАЯ КОЛЛЕКЦИЯ «ХАЙ-ТЕК» — И ОНА НЕ СЛУЧАЙНАЯ

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

Так вот… это дало больше, чем просто удобство 👇

У нас наконец-то появилось время
не только поддерживать, но и создавать новое.

И первая такая работа —
🚀 коллекция шаблонов «Хай-тек»

---

💡 Интересный факт:

Этот стиль был с нами с самого начала
(тот самый тренинг с роботом 👀)

Но всё остальное постоянно откладывалось —
не хватало ресурса собрать всё в единую систему.

И вот сейчас пазл сложился 🧩

---

⚙️ Что по визуалу:

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

Это уже не просто дизайн,
это ассоциация с AI, технологиями и развитием.


💡При этом вы не «привязаны» к стилю:

как и во всех наших коллекциях, вы можете

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

адаптируя дизайн под свой бренд, нишу или настроение проекта.

---

🔥 Что внутри коллекции:

— тренинги и уроки
— единая логика личного кабинета
— баннер и календари
— зачетка и прогрессы
— всё собрано в один цельный стиль

---

👀 Кому особенно откликнется:

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

---

💬 Это коллекция не «про оформление»

Она про ощущение:
что вы не просто проходите курс,
а находитесь внутри технологичной среды.

И, если честно,
она очень долго ждала своего часа 🙂

➡️Посмотреть коллекцию можно здесь
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31
Блокируют Telegram — Геткурс включил чаты. Я срочно обновила шаблоны‍🎨

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

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

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

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


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

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

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

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

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

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


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

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

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


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

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

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

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


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

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

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


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

YouTube
Rutube

-------------------------

И ещё

Если Telegram работает нестабильно —
переходите в MAX
там будет дублироваться весь контент 🔵

#НовостиГетшоп
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥1
🔥С единым файлом управления темой 20% усилий дают 80% результата!

О чём это?

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

Раньше

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

🚀 Сейчас

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

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

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

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

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

Всё готово ✔️


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

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

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


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

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

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

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

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

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


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

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

_____

Напоминание:

Если Telegram работает нестабильно —
переходите в MAX
там будет дублироваться весь контент 🔵

#СоветыОтГетшоп #Коллекции
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍1🔥1
Где заканчивается «подумать» и начинается работа?

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

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

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

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

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

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


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

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

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

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

С каждым новым вопросом вариантов становилось всё больше, а ясности — не особо прибавлялось.

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

И, конечно, пока ни о какой оплате речи не идёт — ведь нет гарантии результата.

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


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

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

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

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

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


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

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

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

Кстати, если у вас есть крутые решения которыми вы готовы поделиться с миром, вы можете разместить свою работу в Гетшоп🚀
Please open Telegram to view this post
VIEW IN TELEGRAM
2🤯1💯1
Привет, друзья!

Сегодня мы затронем одну из самых ярких и интересных тем в оформлении — это градиенты.

Что такое градиент?

Градиент (gradient) — это плавный переход между двумя и более цветами. В HTML и CSS градиенты можно использовать как фоновое оформление, для кнопок, блоков, а иногда даже для текста — чтобы сделать дизайн живым и современным


Есть несколько основных видов градиентов:

Линейный (linear-gradient): переход идёт по прямой линии — слева направо, сверху вниз или по диагонали.

Радиальный (radial-gradien
t): переход расходится от центра к краям (напоминает круг или овал).

Конический (conic-gradien
t): цвета «закручиваются» по кругу, похоже на циферблат.



Как обозначаются цвета?

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

HEX. Это «набор символов после решётки» — например, «#ff8a00» или «#e52e71». Такой формат состоит из цифр и букв и всегда начинается с «#».

RGB. Иногда можно встретить запись цвета в виде «rgb(255, 138, 0)». Здесь три числа — это пропорции красного, зелёного и синего цветов (Red, Green, Blue).


Как читать запись градиента?


Вот пример строки:

linear-gradient(90deg, #ff8a00 0%, #e52e71 100%);


linear-gradient — тип градиента.
90deg — направление (здесь слева направо).
#ff8a00 0% — первый цвет в начале перехода.
#e52e71 100% — второй цвет в конце перехода.

Можно использовать не только градусы, но и словесные значения:


linear-gradient(to right, #ff8a00, #e52e71);


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


Как создать свой градиент?


Можно воспользоваться сервисами вроде cssgradient.io или uigradients.com. Там всё наглядно — выбираете нужный вариант, копируете строку и вставляете в настройки стиля.


Как применить градиент к элементам на Геткурс?


1️⃣Если хотите окрасить фон всей страницы:

Добавляете на страницу блок CSS и вставляете свой градиент внутри фигурных скобок после background:

body{background: ВАШ ГРАДИЕНТ}


Пример: body {background: linear-gradient(to right, #ff8a00, #e52e71);}


2️⃣Если хотите окрасить фон конкретного блока страницы:

Нажимаете у блока кнопку «Стиль» и переходите к подробным настройкам. Ставите ту же конструкцию, что и для всей страницы, только без body.

{background: ВАШ ГРАДИЕНТ}


Пример: {background: linear-gradient(to right, #ff8a00, #e52e71); }


3️⃣Если хотите окрасить кнопки:

.f-btn.btn {background: ВАШ ГРАДИЕНТ}


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

Если хотите покрасить отдельную кнопку идете в подробные настройки блока и ставите стиль туда.


4️⃣Теперь самое интересное, окраска текста:

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


.f-text {background: ВАШ ГРАДИЕНТ
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;}


.f-text — обращение к тексту (если нужен заголовок, то меняете на .f-header).

background — задаёт градиент.

-webkit-background-clip: text; — обрезает градиент по контуру букв, то есть градиент «становится» текстом.

-webkit-text-fill-color: transparent; — делает цвет текста прозрачным, чтобы был виден только градиент.

display: inline-block; — чтобы градиент корректно лег на текст.

Установка такая же как и у предыдущих элементов.



🎨Попробуйте добавить градиент на фон или кнопку — и посмотрите, как меняется весь вид страницы!

Если остались вопросы по использованию градиентов, — пишите в комментарии.

А если тестировали градиенты
в шаблонах магазина Гетшоп и нашли удачное сочетание — расскажите, где и как применяли, вдохновим друг друга!

Пусть оформление радует глаз, а работа с цветом будет простой и понятной👍

#СоветыОтГетшоп #формыикнопки #Прочее #Лендинг #Коллекции
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥2🙏1
This media is not supported in your browser
VIEW IN TELEGRAM
Как встроить видео в любой блок на Геткурс?

Привет, друзья! 👋

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

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

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

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

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

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


Переходите в бота, подписывайтесь на канал и забирайте свой подарок 👇

[Забрать подарок🎁]
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31😍1
🛑 Ошибка, которая может стоить вам школы: почему нельзя работать на техническом домене

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

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

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


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


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

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

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


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

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

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

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


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

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

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

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

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

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

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

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


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

#СоветыОтГетшоп #Другое
Please open Telegram to view this post
VIEW IN TELEGRAM
💯3🔥1