Здесь могла бы быть креативная подводка, но мы еще осваиваем методики из новой статьи 🧠

Кому и зачем развивать креативность, а самое главное — как? Рассказываем в блоге Craftum!

Читать →

🆕 Отключение адаптивной версии

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

Найти переключатель можно в настройках страницы. Внимание на экран 👆

P.S. Эту идею предложил наш клиент. Вы тоже можете поучаствовать в развитии конструктора! Оставляйте свои пожелания в разделе «Есть идея» и голосуйте за имеющиеся. Возможно, в следующий релиз войдет именно ваше предложение 🪄

Настройка диапазона видимости блока 🔮

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

Чтобы магия случилась, нужно перейти в настройки блока и во вкладке «Дизайн» → «Блок» установить диапазон:

📌 От 0px до 667px — блок будет виден на телефонах
📌 От 667px до 1200px — блок будет виден на планшетах
📌 От 1200px до max — блок будет виден на компьютерах

Рассмотрим пару кейсов:

1️⃣ Предположим, вам нравится, как обложка выглядит на компьютерах и планшетах, но на телефонах фоновая картинка некрасиво обрезается. Вы можете выставить диапазон видимости этого блока от 667px до max — он будет показываться на компьютере и планшете. Затем скопируйте этот блок или создайте новый и настройте оформление специально для телефонов. Например, можно поменять картинку и размер шрифта. Далее для нового блока задайте диапазон видимости до 667px — эта версия будет отображаться на телефонах.

2️⃣ Другой пример. Вы хотите, чтобы блок с акцией был виден только на компьютерах, чтобы повысить продажи с десктопной версии. В этом случае просто отключите показ блока на других устройствах, установив диапазон видимости от 1200px до max.

Продолжаем учиться решать задачи неочевидными способами 😎

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

Читать →

Загрузка GIF-анимации 🟡

Продолжаем рубрику «вы просили — мы сделали». На этот раз добавили возможность загружать изображения в формате GIF. Вот и всё, можно пользоваться! Единственное правило: вес файла должен быть до 15 Мбайт.

Новое вкусное меню 🍔

Новинка в библиотеке блоков — гамбургер-меню (header-06). С помощью этого блока вы можете сделать акцент на контенте сайта, спрятав пункты меню под иконку в виде двух полосок.

Дополнительные фишки «бургера»:

✅ Добавляйте ссылки на соцсети. Количество и тип иконок можно настроить во вкладке «Контент» → «Социальные сети».

✅ Размещайте логотип в шапке или внутри выпадающего меню — как больше нравится (вкладка «Дизайн» → «Логотип»).

✅ Располагайте меню поверх обложки. Во вкладке «Дизайн» → «Блок» установите переключатель «Накладывать на следующий блок». Затем в настройках фона меню установите прозрачность цвета 0%. Как это работает, показали на скринкасте 🎬

Новые типы ссылок в конструкторе

Чтобы при клике на телефон начинался звонок, а при нажатии на email открывался почтовый клиент, больше не нужно помнить заклинания tel и mailto 🪄

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

Webhook 🎣 Принимайте данные из форм куда угодно

Теперь вы можете настроить отправку заявок с сайта на адрес своего скрипта (метод POST). Это позволяет собирать данные в собственные базы, CRM-системы, сервисы email-рассылок etc.

👩‍💻 Например, можно написать скрипт, который передает данные в CRM, и разместить его на сервере. Затем в конструкторе указать Webhook URL — адрес, где расположен ваш скрипт. Таким образом, данные из форм на сайте будут отправляться на адрес скрипта, который в свою очередь перенаправит их в CRM.

Чтобы активировать вебхук, перейдите в настройки блока с формой. Затем во вкладке «Форма» → «Отправка данных с формы» укажите адрес вашего скрипта.

Всё, что вы хотели знать о SEO, но боялись спросить 😏

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

Читать →

Ловите самую актуальную инструкцию по настройке контекстной рекламы в Яндексе! Вот только опубликовали и сразу к вам 💥

Читать →

— Ты правда дизайнер? А скажи что-нибудь на дизайнерском.
— User Experience.
— Вау!

Написали много полезного и про User Experience, и про User Interface ✨

Читать →

⚡️ 220 — ровно столько голосов набрала эта идея. Настолько долгожданная новость, что уже даже спойлеры гуляют по чату 🌝

И это… загрузка файлов в конструктор! Теперь вы можете сделать так, чтобы по клику на ссылку или кнопку открывался или скачивался файл, например, в формате PDF или DOCX. При этом использовать файлообменники не нужно — размещайте прайс-листы, договоры и другие документы, не выходя из редактора.

Чтобы добавить файл, в настройках кнопки (или текста) выберите тип ссылки «Файл», загрузите или перетащите документ и укажите действие после клика — скачать на устройство или открыть в новой вкладке. Готово!

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

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

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

Домены, купленные в другом месте, продлевать придётся там же. Так что, если вы подбираете имя сайта сейчас, далеко ходить не надо 😉

Проверить или купить домен →

Подытожим обновления этой недели руководством по выбору домена 👏

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

Читать →

Улучшили производительность сайтов с видео 💯

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

Подробнее об улучшении на примере 👇

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

Мы разместили на странице 8 роликов (нас было не остановить) и протестировали производительность с помощью сервиса PageSpeed Insights. Иии… получили 100 баллов из 100 😏

Всё честно — убедитесь сами! Клик

Если вы отложили создание сайта «до понедельника», то он наступил. А с нашей новой статьей приступить к работе будет гораздо проще: начните с составления структуры, а дальше всё пойдет как по маслу 😌

Какие элементы помогут разработать лендинг с высокой конверсией — читайте в блоге Craftum →

Открываем новую рубрику #помогаем_Craftum — рассказываем, что и как можно настроить в конструкторе 👩‍💻

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

1. Перейдите в Настройки сайта → Социальные сети.

2. Добавьте картинку, введите текст заголовка и описания, отражающий тематику вашего проекта. Например, клининговая компания «Чистой воды клининг» может написать о себе так:
Чистой воды клининг — уборка квартир и офисов в Санкт-Петербурге
Оставьте заявку, и мы будем у вас через 60 минут или в любое назначенное время

3. Нажмите «Сохранить» и переопубликуйте страницы. Готово!

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

Было полезно? Ставьте 🔥

Если вам хотя бы раз приходила задача в виде «Делайте хорошо, а плохо не делайте», то наша статья спешит на помощь.

Рассказали, как составить бриф, который поможет сэкономить время и упростить работу над проектом 💻☕️

Читать →

Фильтры для изображений

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

Возможность доступна в стандартных и дизайн-блоках. В первом случае нужно перейти в настройки блока и кликнуть Дизайн → Изображение → Фильтр. Во втором — добавить элемент «Фотография» и выбрать нужный фильтр в настройках.

Попробуйте 🪄