Конструктор Craftum позволяет быстро создать сайт для продаж, продвижения личного бренда, портфолио или презентации компании. Пользователи маркетплейса eLama получают бесплатно все возможности инструмента: понятный графический редактор, дизайнерские блоки и шаблоны, интеграции, инструменты для SEO-продвижения и аналитики и многое другое. Чтобы разобраться в особенностях конструктора, собрать интернет-магазин или лендинг быстро и просто, читайте гайд.
Александр Колганов главный по развитию Craftum
Создавать сайты в конструкторе могут и новички, и профессионалы. Здесь доступна полноценная инфраструктура для запуска, ведения и продвижения сайта, дополнительно — набор виджетов и интеграций для расширения функциональности. Рассказываем и показываем, какие интересные возможности дает использование Craftum и как в нем работать.
Что такое конструктор сайтов Craftum
Это универсальная платформа для запуска:
- интернет-магазинов с корзиной, приемом оплаты и товарными карточками;
- лендингов и одностраничников;
- сайтов для мероприятий и раскрутки личных брендов;
- портфолио и визиток;
- ресурсов для HoReCa, развлечений, путешествий, инфопродуктов, услуг и других направлений.
В конструкторе предусмотрены графический редактор, 170 готовых дизайнерских блоков для сборки сайта и 150 шаблонов сайтов, а также дизайн-блок, чтобы создать страницу с нуля и реализовать любые творческие идеи. Можно настроить интеграции с онлайн-кассами, системами аналитики и виджетами, подключить формы и калькуляторы, задать параметры для SEO-продвижения сайта.
![Российский конструктор Craftum помогает создать сайт без дизайнеров и программистов](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/1.jpg)
Craftum предлагает 3 тарифа — от 159 руб. до 1599 руб. в месяц. Во все тарифы входят неограниченное количество страниц и места на диске, SSL-сертификат, возможность убрать блок «Создано на Craftum». В максимальный включено до 20 сайтов, а пользователям маркетплейса еLama это доступно бесплатно.
Как создать сайт на Craftum — пошаговая инструкция
Чтобы начать пользоваться инструментом через маркетплейс, важно иметь аккаунт одной из рекламных систем в eLama и пополнить его на 20 000 руб. или потратить на него эту сумму.
Если все условия выполнены, заходим в «Маркетплейс инструментов» в левом меню кабинета eLama. Находим нужную карточку и наводим на нее курсор, кликаем «Использовать бесплатно».
![На маркетплейсе eLama Крафтум доступен бесплатно](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/2.png)
Разрешаем обработку персональных данных и переходим в инструмент.
Выбираем тип сайта
После авторизации попадаем на страницу для выбора типа сайта:
- интернет-магазин;
- сайт компании;
- персональный сайт;
- сайт события;
- пустая страница для старта с чистого листа.
![После авторизации в Craftum выбираем тип сайта](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/3.jpg)
Создаем сайт
В Craftum можно создать сайт из готовых шаблонов или использовать дизайн-блок для разработки сайта с «чистого листа».
Способ 1: по шаблону
Шаблоны разделены по тематикам и нишам, можно искать в поиске по ключевым словам. Для каждого шаблона есть предварительный просмотр, позволяющий оценить структуру и другие параметры: нужно нажать кнопку «Посмотреть» (откроется в новом окне) или навести курсор на визуальный контент (демонстрация выполняется в миниатюре).
![В конструкторе сайтов Крафтум можно собрать лендинг по шаблону](/info/uploads/blog_elama/2024/05/new_images/4_craftum.png)
Когда определились с шаблоном, нажимаем «Выбрать» и переходим в графический редактор. Можно использовать предложенную структуру прототипа или добавить вариант из базы готовых блоков.
![Можно использовать структуру прототипа как в шаблоне или добавить блок из базы](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/5.jpg)
Например, в шаблоне нет блока «Команда» — открываем библиотеку, находим необходимый и отправляем на страницу в один клик.
![Недостающие блоки можно найти в библиотеке конструктора](/info/uploads/blog_elama/2024/05/new_images/6_craftum.png)
Также блоки можно перемещать и дублировать. Чтобы отменить или восстановить действие, нажимаем стрелки вправо-влево рядом с кнопкой «Опубликовать».
![Блоки можно двигать и дублировать](/info/uploads/blog_elama/2024/05/new_images/7_craftum.png)
Все элементы в шаблоне редактируются. Например, мы хотим заменить изображения, чтобы сайт выглядел уникальным:
- нажимаем на кнопку «Фоновое изображение»;
- удаляем старое фото;
- загружаем свою картинку или выбираем предложенную из галереи;
- кликаем на кнопку «Вставить изображение».
![Элементы в шаблоне можно редактировать](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/8.jpg)
Можно управлять стилями, оттенками, шрифтами, жирностью и другими параметрами.
![В блоке можно управлять разными параметрами: от шрифтов до оттенков](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/9.jpg)
Отдельные настройки предусмотрены для кнопок: «Дизайн» → «Кнопка». Здесь можно изменить размер, шрифт и оттенок, добавить тень. Все корректировки отображаются в редакторе, результат видно сразу без перезагрузки страницы.
![Отдельные настройки — для кнопок](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/10.jpg)
Шапку сайта тоже можно менять. Кликаем на нее и нажимаем «Настроить», чтобы:
- добавить якорные ссылки: по клику на них пользователь будет перемещаться в необходимый блок;
- уточнить актуальные контактные данные;
- добавить логотип;
- задать структуру меню;
- изменить дизайн шапки.
![Шапку блока также можно изменить](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/11.jpg)
После редактирования блоков переходим к формам для передачи данных с сайта: «Настроить» → «Форма».
![Далее настраиваем формы на сайте](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/12.jpg)
Указываем в настройках:
- действие после заполнения формы — например, клиент будет перенаправлен на другую страницу/сайт или увидит всплывающее окно;
- способ отправки данных с форм: email, Telegram или Google Таблицы — их необходимо предварительно подключить, AmoCRM или Webhook URL;
- параметры аналитики.
Когда всё готово, кликаем «Опубликовать».
Если создаем многостраничный сайт и хотим добавить новую страницу, переходим в раздел «Сайты», кликаем на нужный проект и нажимаем кнопку «Создать страницу». Здесь же можно добавить блог.
![В Крафтум также можно создать блог](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/13.jpg)
Способ 2: через дизайн-блок
Дизайн-блок — пространство для творчества, чистый лист для реализации любых творческих решений. Чтобы перейти к нему, открываем библиотеку блоков из шаблона или кликаем по кнопке «Создать сайт» в личном кабинете.
![В Крафтум можно создать сайт с нуля — с помощью дизайн-блока](/info/uploads/blog_elama/2024/05/new_images/14_craftum.png)
Переходим в редактор, чтобы перенести собственный дизайн — например, по макету Figma.
Сначала очищаем блоки — выделяем все элементы и нажимаем Del на клавиатуре.
Открываем раздел с настройками, чтобы:
- задать размеры блока и диапазон видимости на устройствах;
- изменить изображения и заливку;
- загрузить фоновое видео
- указать CSS-классы.
Чтобы выстроить сетку, кликаем по значку «Сетка» в верхнем правом углу.
![Выстраиваем сетку](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/15.jpg)
Чтобы добавить текстовые блоки с оффером и описанием, открываем меню по клику на «+». Загружаем текст, визуальный контент, кнопки, формы и таймеры, карты, слайдеры и другие элементы.
![Добавляем нужные элементы](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/16.jpg)
Когда всё готово, выбираем адаптацию под мобильные версии с уменьшением изображений — функция актуальна только для дизайн-блока. Можно публиковать проект.
Настраиваем SEO-оптимизацию сайта
Чтобы сайт хорошо индексировался в поисковых системах, настраиваем нужные параметры. Переходим в «Сайты» → «Настройки сайта».
![В Craftum можно настроить SEO-параметры для индексации сайта в поисковых системах](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/17.jpg)
Чтобы продолжить настройки, нужно добавить сайт в Яндекс Вебмастер вручную и настроить домен. Как это сделать, читайте в справке Craftum.
![Добавляем сайт в Яндекс Вебмастер](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/18.jpg)
После обновления настроек можно указать главный домен и задать главную страницу, управлять блогом и HTML, настроить красивое отображение для соцсетей, выбрать палитры и шрифты. Доступны подключение аналитики и онлайн-оплаты.
Чтобы добавить персональные SEO-параметры для каждой страницы, переходим в «Сайты», открываем проект, кликаем на три точки в правом углу и открываем «Настройки».
![Настраиваем персональные параметры для каждой страницы](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/19.jpg)
Прописываем заголовок (title), описание (description) и ключевые слова через запятую (keywords). Устанавливаем разрешение или запрет на индексацию. Сохраняем изменения.
![Добавляем title, description и keywords](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/20.jpg)
Подключаем интеграции и виджеты
В настройках сайта открываем блок «Интеграции», выбираем необходимые из списка или находим по ключевым словам/тегам.
![Подключаем нужные интеграции](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/21.jpg)
Кликаем на кнопку «Подключить» и попадаем на страницу с инструкцией, как добавить инструмент.
Подключаем системы аналитики
Системы аналитики также подключаем через «Настройки сайта».
![В Craftum легко подключить системы аналитики для отслеживания поведения пользователей на сайте](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/22.jpg)
Рекомендуем добавить Яндекс Метрику и Google Analytics — для этого у вас должны быть личные кабинеты в них. Также можно внедрить с помощью интеграций Google Tag Manager, системы коллтрекинга и сквозной аналитики.
Регистрируем доменное имя
Чтобы добавить уже имеющийся домен или купить новый, переходим в раздел «Домены» в личном кабинете.
![В финале работы с Крафтумом регистрируем домен](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/23.png)
Перенести и привязать домен к сайту поможет инструкция.
Если имени нет, указываем в поле ключевое слово или фразу, близкую к бизнесу.
![В Крафтум можно выбрать доменное имя и купить его](https://elama.ru/info/uploads/blog_elama/2024/03/kak-rabotat-s-konstruktorom-saytov-craftum-instrukciya-i-obzor-vozmozhnostey-platformy/images/24.jpg)
Понравившееся имя добавляем в корзину, нажимаем «Оплатить» и переходим к оплате.
Регистрация домена занимает до 24 часов, после имя можно привязать к сайту в разделе «Домены».
Главное
Craftum — удобный конструктор для создания сайта. Вам не нужно быть дизайнером или программистом, чтобы запустить собственный лендинг, интернет-магазин или сайт-визитку и начать привлекать клиентов. В конструкторе всё интуитивно понятно, а если в процессе работы возникнут вопросы, наверняка ответы на них уже есть в базе знаний. Также Craftum проводит бесплатный курс по продающим лендингам для бизнеса.
Напоминаем, что пользователям eLama доступны все возможности инструмента бесплатно. А если вы подключаете Craftum через маркетплейс впервые, то дополнительно получаете бесплатный доступ к созданию сайта с помощью нейросети — предложение действует до 31 марта. Подключить Craftum →