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 или обрабатывать снимки в графических редакторах. Вы можете добавить черно-белый фильтр, настроить яркость и применить размытие для картинок прямо в конструкторе.

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

Попробуйте 🪄

Клик-клик — и сервис аналитики подключен

В настройках сайта вы найдете новый раздел «Аналитика». Здесь можно подключить Яндекс Метрику и Google Analytics, просто указав номер счетчика. Классно? Классно! 🤩

А ещё можно применить опцию «Сохранять информацию об источниках и UTM-метках». Тогда в заявках с форм будет отображаться информация о переходах на ваш сайт по UTM-меткам.

Например, вы размещаете ссылку на свой сайт в сообществе во ВКонтакте, разметив её так: https://yourdomain.com/?utm_source=vk&utm_medium=organic
Подписчик переходит по этой ссылке и делает заказ. В заявке, которая придет на почту, в таблицу или в телеграм, будут указаны значения utm_source и utm_medium. Таким образом вы увидите, что клиент пришел к вам из ВК.

Нужен пост о том, как настраивать аналитику и создавать UTM-метки? Ставьте «+» в комментариях 🦄

На старт… внимание, интерес, желание, действие!

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

Модель была предложена в далеком 1898 году, но по сей день применяется на практике: в маркетинге, рекламе, копирайтинге. А ещё её можно использовать при создании сайта.

Так что сохраняйте пост себе, чтобы почитать статью на выходных 😌

Прогресс-бар: всё в порядке, страница публикуется

Делая конструктор функциональнее с каждым днем, не забываем и о вашем удобстве ❤️

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

Вам послание от ChatGPT 💌

В блоге Craftum вышла новая статья, которая будет особенно интересна тем, кто хочет научиться работать с нейросетями ChatGPT, Midjourney и Stable Diffusion.

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

По просьбе редакции я написал этот пост и надеюсь, что он вам понравился.

Читать статью →

Новые эффекты для объектов в дизайн-блоке

— Размытие. Недавно мы добавили этот фильтр для изображений, теперь его можно применить и для объектов.

— Размытие за объектом. В паре с прозрачностью эта настройка позволяет сделать эффект матового стекла. Например, на картинке выше мы установили прозрачность цвета 10% и размытие за объектом — 40px. Получилась полупрозрачная подложка, которая акцентирует внимание на тексте, но в то же время не мешает его восприятию.

💎 Эффект матового стекла (глассморфизм) — тренд, который пришел из дизайна интерфейсов, но также используется в создании сайтов. С его помощью можно добавить странице объема и глубины.

Как направить взгляд пользователя в нужную точку? Передать ощущение спокойствия, комфорта или динамики? В этом и многом другом поможет композиция.

Что это такое — подробно рассказываем в блоге! А ещё и примеры показываем 🔥

Читать →