Обзор Crocoblock — набор плагинов для улучшения сайта на WordPress и Elementor

Обзор crocoblock Разработка сайта

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

Одним из таких интересных решений это набор плагинов от Crocoblock. Что это такое и как работает? Рассказываю в этом гайде.

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

Что такое Crocoblock

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

Давайте обо всём по порядку.

Все плагины Крокоблок

Описание всех продуктов Crocoblock

Чтобы не запутаться во всем многообразии инструментов, разобьем их на 4 категории.

1. Плагины

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

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Подробнее читайте по ссылке.
widget crocoblock
Jet Elements

Набор виджетов и интерактивных эффектов, которые расширяют функционал конструктора Elementor.

widget crocoblock
Jet Tricks

Визуальные эффекты для виджетов Elementor.

widget crocoblock
Jet Engine

Плагин для создания динамического контента.

widget crocoblock
Jet Smart Filters

Расширенные фильтры для любого типа поста.

widget crocoblock
Jet Booking

Гибкий плагин бронирования.

widget crocoblock
Jet Appoinment

Плагин для планирования встреч, записи на приём.

widget crocoblock
Jet Woobuilder

Плагин, который расширяет функционал WooCommerce — самого популярного плагина для настройки интернет-магазина на WordPress.

widget crocoblock
Jet Product Gallery

Плагин галереи для WooCommerce.

widget crocoblock
Jet Compare & Wishlist

Точечная настройка страниц Сравнение и Список желаний на WooCommerce.

widget crocoblock
Jet Popup

Конструктор стильных попапов.

widget crocoblock
Jet Reviews

Плагин для вывода отзывов.

widget crocoblock
Jet Menu

Создание мега меню с помощью Elementor.

widget crocoblock
Jet Blocks

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

widget crocoblock
Jet Search

Быстрый поиск на AJAX.

widget crocoblock
Jet Blog

Создание ленты блога.

widget crocoblock
Jet Tabs

Вкладки, переключатели и виджет аккордеон.

widget crocoblock
Jet Style Manager

Добавление стилей для виджетов Getunberg.

widget crocoblock
Jet Themecore

Настройка темы из готовых страниц, которые можно установить в 1 клик.

widget crocoblock
Jet Gridbuilder

Конструктор сеток и блоков.

widget crocoblock
Jet Formbuilder

Динамический конструктор форм.

Подробное описание каждого плагина смотрите по ссылке.

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

2. Шаблоны

Отдельные плагины это хорошо, но теперь, чтобы они все заработали как единый механизм, их нужно объединить. Разработчики Crocoblock об этом тоже позаботились и создали готовые шаблоны.

Динамические шаблоны

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

На сегодня доступно 12 тем, но коллекция регулярно пополняется новыми:

only books template
Only Books

Шаблон книжного магазина

  • Полностью настраиваемые страницы магазина
  • Адаптирован под WooCommerce
  • Встроенное мегаменю
  • Настроенные AJAX-фильтры
Travengo template
Travengo

Шаблон туристического сайта

  • Динамический контент готов к настройке
  • Обзор отдельных страниц и каталогов
  • Встроенные AJAX-фильтры
  • Предустановлен функционал по бронированию
findero template
Findero

Шаблон сайта недвижимости

  • Отдельные страницы и каталоги про агентство недвижимости
  • Конструктор профилей пользователей
  • Встроенные AJAX-фильтры
zolden template
Zolden

Шаблон магазина на WooCommerce

  • Установлены страницы товаров и каталогов
  • Адаптирован под WooCommerce
  • Шаблоны дополнительных продаж (upsell, cross-sell)
Once template
Once

Сайт СПА салона

  • Многоступенчатая форма записи на прием
  • Динамический контент готов к настройке
  • Готовые страницы услуг
  • Интеграция с WooCommerce
Rentgo template
RentGo

Шаблон сайта по аренде авто

  • Предустановлен функционал по бронированию
  • Страницы и каталоги на тематику авто
  • Встроенные AJAX-фильтры
Bristol template
Bristol

Шаблон гранд-отеля

  • Установлены страницы и каталоги номеров
  • Предустановлен функционал по бронированию
  • Интеграция с WooCommerce
Foreo template
Foreo

Шаблон мини-гостиницы

  • Динамический контент готов к настройке
  • Установлены страницы и каталоги номеров
  • Предустановлен функционал по бронированию
MedCenter template
MedCenter

Шаблон про медицину

  • Многоступенчатая форма записи на прием
  • Динамический контент готов к настройке
  • Готовые страницы услуг
  • Интеграция с WooCommerce
Cutcloud template
Cutcloud

Шаблон барбершоп

  • Многоступенчатая форма записи на прием
  • Динамический контент готов к настройке
  • Готовые страницы услуг
  • Интеграция с WooCommerce
Balirento template
Balirento

Шаблон турагентства

  • Интеграция с WooCommerce
  • Конструктор профилей пользователей
  • Встроенные AJAX-фильтры
CarDealer template
CarDealer

Шаблон сайта автосалона

  • Интеграция с WooCommerce
  • Добавлены страницы и каталоги авто
  • Конструктор профилей пользователей
  • Встроенные AJAX-фильтры

Детали и демо всех шаблонов вы найдёте по ссылке.

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

Что такое динамический элемент?

Рассмотрим в сравнении.

Откроем второй шаблон про путешествия Travengo и на главной видим блок «Популярные туры», перед нами 6 карточек с разными турами, в каждой карточке есть отдельные статические элементы, как, например, главная картинка, у каждого тура она разная.

Пример динамического элемента

Но есть и динамические элементы, такие как 3 иконки, которые используются в каждой карточке. Мы можем изменить дизайн отдельной карточки через Elementor и эти изменения применятся сразу на всех карточках.

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

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

Отдельные страницы (лендинги)

45+ готовых одностраничников, которые вы можете отдельно добавлять на сайт и редактировать под свои задачи.

Готовые лендинги

3. Попапы (модальные окна)

Дизайнерские попап-баннеры, которые вы также можете добавлять из библиотеки. Попапы тоже делятся на два типа: интерактивные и статические.

Интерактивные попапы

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

Санта попап
Сотрите скретч-слой, чтобы увидеть промокод
Шары попап
Сдвиньте элемент, чтобы увидеть промокод

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

Интерактивные попапы
Интерактивные попапы

Статические попапы

Более 150 готовых шаблонов всплывающих окон. Подходит для любых целей, маркетинга, бизнеса, блоггинга.

Статические попапы
Статические попапы

Попапы редактируются также через Elementor.

Настройка попапа
Пример настройки попап окна в Elementor

4. Виджеты для Elementor

Более 150+ виджетов, которые расширяют функционал Elementor. Весь список можете посмотреть на этой странице. Кликайте на каждый виджет, чтобы изучить демо.

Виджеты Элементор

Бесплатные продукты

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

Бесплатные продукты для сайта

Как всем управлять? Crocoblock Wizard

В наборе Крокоблок столько продуктов, что голова может пойти кругом. Как всем этим удобно управлять? Сейчас расскажу.

После покупки плагина заходим в личный кабинет, видим что нам доступны все продукты для скачивания. Нам нужно скачать только один плагин, который называется Crocoblock Wizard. И уже через него мы будем производить дальнейшую настройку сайта.

crocoblock wizard

Готовим сайт для настройки за 5 шагов

Шаг 1. Установка плагина

Скачайте в личном кабинете архив плагина Crocoblock Wizard и установите на сайте через вкладку Плагины. После активации мы видим такую приветственную страницу.

Настройка плагина Crocoblock Wizard
Шаг 2. Вводим ключ

Нажимаем на кнопку Let’s Go и плагин попросит ввести ключ лицензии (его скопируете в личном кабинете после покупки Крокоблок).

Настройка плагина Crocoblock Wizard

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

Настройка плагина Crocoblock Wizard
Шаг 3. Выбор шаблона

На выбор 6 вариантов, с которыми у плагинов Crocoblock точно хорошая совместимость. Я выбрал тему Cava.

Настройка плагина Crocoblock Wizard

Затем выбираем устанавливать дочернюю тему или нет, я выбрал устанавливать.

Настройка плагина Crocoblock Wizard
Шаг 4. Выбор дизайна

На этом шаге вы можете выбрать дизайн оформления, динамический шаблон или статический лендинг. Я выбрал статическую страницу Kava Light.

Настройка плагина Crocoblock Wizard
Шаг 5. Выбор плагинов

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

Настройка плагина Crocoblock Wizard

Ждём пока пройдёт процесс установки. Затем у нас спросят хотим мы добавить новый контент к своему или заменить его. Если сайт новый, то я выбираю заменить.

Настройка плагина Crocoblock Wizard

Введите пароль от админки сайта, чтобы подтвердить выбранные действия и процесс установки начнётся.

Настройка плагина Crocoblock Wizard

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

Настройка плагина Crocoblock Wizard

Переходим по ссылке нашего сайта и видим готовый дизайн.

Настройка плагина Crocoblock Wizard

Что лучше, Crocoblock или любая другая тема?

Таблица сравнения взята с сайта Crocoblock

Динамические шаблоны Crocoblock
Одна служба поддержки, которая ответит на вопросы по любому продукту
Один разработчик у всех продуктов, нет проблем с совместимостью
Фокус на динамическом контенте
Срок поддержки 1 год или неограниченно (с тарифом Lifetime)
Премиум шаблоны от других разработчиков
Нужно обращаться в поддержку каждого отдельного плагина
Использование плагинов от разных разработчиков
Мало или вообще отсутствие настроек динамических элементов
У премиум шаблонов поддержка 6 месяцев, у бесплатных её нет вообще

Кому подойдёт решение от Crocoblock

Новичкам
  1. Устанавливайте готовое решение из коробки за пару кликов;
  2. Настраивайте всё в визуальном редакторе, не нужно ничего программировать;
  3. Премиум поддержка всегда подскажет, если возникнут трудности.
Разработчикам
  1. Изучите весь функционал Crocoblock и вам больше не придётся тратить время на изучение других шаблонов и плагинов для разработки сайтов на заказ;
  2. Из продуктов Crocoblock можно собрать сайт любой сложности и тематики.
Блогерам
  1. Сделайте себе сайт своей мечты, используйте весь функционал по максимуму;
  2. Верстайте лендинги вместо скучных страниц;
  3. Прикрутите онлайн-магазин, чтобы продавать курсы или любую другую продукцию;
  4. Установите красивые попапы и собирайте базу подписчиков.
Владельцам магазинов
  1. Тема Kava полностью настроена для разработки онлайн-магазина на WooCommerce;
  2. В наборе уже есть все необходимые страницы, такие как корзина, страница оплаты и пр.;
  3. С помощью Elementor сможете настроить дизайн всех страниц магазина.

Кейсы — реальные сайты сделанные на Crocoblock

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

Кейсы сайтов на Крокоблок

Цена

На выбор 4 варианта

  1. Custom — возможность купить любой плагин из набора отдельно
  2. All-Inclusive — всё включено для 1 домена, обновления и поддержка в течение 1 года
  3. All-Inclusive Unlim — всё включено для неограниченного количества доменов, обновления и поддержка в течение 1 года
  4. Lifetime — пожизненный тариф, всё включено для неограниченного количества доменов, обновления и поддержка без ограничения по времени
Цены

Отзывы

Больше 500+ отзывов на Трастпилоте (популярный отзовик), 93% оценок «прекрасно» и лишь 2% «плохо».

Отзывы на Крокоблок

Частые вопросы

Официальные ответы с сайта Crocoblock

Нужно покупать Elementor Pro для полноценной работы с Crocoblock?
Нет, достаточно Free версии.
Можно переключить админку на русский язык?
К сожалению, пока что русского языка в админке нет. Будем надеяться что в будущем добавят. Но если смотреть в целом, почти все премиум шаблоны на английском языке, поэтому всё равно придётся изучать основные термины на английском.
А поддержка отвечает на русском?
А вот поддержка на русском есть, так что смело пишите :)
Какие темы совместимы с Crocoblock?
Вы можете использовать пять тем. Kava — легкая и чистая тема, разработанная для идеальной работы с JetPlugins. Кроме того, Crocoblock совместим с Elementor Hello Theme, OceanWP, Astra, Blocksy и GeneratePress.
Есть ли в Crocoblock плагины для Gutenberg?
Пока что четыре плагина — JetEngine, JetSmartFilters, JetGridBuilder и JetFormBuilder. Другие интеграции плагинов находятся в стадии разработки.
Я веб-разработчик, создающий сайты для клиентов. Могу ли я использовать Крокоблок?
Конечно да. Тем не менее, мы настоятельно рекомендуем использовать подключи (subkeys) для проектов ваших клиентов. В целях безопасности один подключ работает только для одного домена. Учтите, что подключи не работают с Crocoblock Wizard.
Есть бесплатная пробная версия?
Нет, но есть 30-дневная гарантия на возврат денег, если вам не понравится решения от Crocoblock.

Заключение

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

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

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

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

Привет. Меня зовут Илья и я автор блога. Люблю путешествия, веб-дизайн и компьютерные игры. Всегда рад новым знакомствам. Веду блог, где рассказываю все секреты и фишки, которые мне принесли результат в онлайн маркетинге.

Оцените автора
( Пока оценок нет )
Добавить комментарий

Отправляя данную форму вы соглашаетесь с политикой конфиденциальности сайта

Получите крутые бонусы бесплатно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: