Crocoblock: набор инструментов для ваших проектов Elementor

Вы решили разработать свой следующий сайт WordPress с помощью Elementor? Хороший выбор.

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

И здесь вы встречаете Crocoblock.

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

Плагины, темы, шаблоны… Crocoblock может многое предложить! Давайте посмотрим, что это такое, не так ли?

Точка прозрачности : ссылки в этом посте в основном партнерские. Это означает, что если вы приобретете плагин Crocoblock или подписку по этим ссылкам, WPMarmite получит комиссию за это. Затем мы реинвестируем эти деньги в тестирование тем, плагинов и решений WordPress и объективно делимся ими с вами в блоге!
Чтобы узнать все о нашей политике прозрачности, нажмите здесь.

Создайте свой сайт с Elementor

Легко создавайте внешний вид вашего сайта WordPress с помощью известного конструктора страниц. Попробуйте Элементор

Попробуйте Элементор

Что такое Крокоблок?

Crocoblock — это настоящий универсальный набор инструментов, в основном разработанный для пользователей Elementor. Он предлагает около двадцати плагинов для известного конструктора сайтов, шаблоны сайтов и даже бесплатную тему.
Обратите внимание, что треть его плагинов также можно использовать с редактором контента WordPress (Gutenberg).

Позвольте мне сломать его для вас.

Что такое набор JetPlugins для Elementor?

Если вы когда-либо слышали о Crocoblock, вероятно, это из-за его ультраполного набора плагинов для Elementor .

Как ни странно, название каждого из этих плагинов начинается с «Jet», а не с «Croco»… но мы опустим ляп с брендингом, а вместо этого поговорим об интересе каждого из этих плагинов.

Плагины Jet для добавления виджетов в Elementor

Подавляющее большинство плагинов в наборе Jet просто позволяют добавлять более или менее важные виджеты в Elementor. Вы должны знать, что некоторые из них бесплатны!

Я имею в виду, в частности:

• JetGridBuilder , чтобы организовать отображение ваших сообщений в блоге по вашему желанию, либо в Elementor, либо в Gutenberg.
• JetStyleManager добавляет дополнительные стили к вашим блокам Gutenberg (цвета, границы, типографика, поля и т. д.).
• JetFormBuilder для разработки динамических форм только в редакторе контента (не в Elementor), особенно с использованием условной логики.

От этого у вас текут слюнки? Давайте посмотрим поближе.

ДжетЭлементс

С помощью этого плагина в конструктор страниц добавляется не менее 44 дополнительных виджетов Elementor.

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

• Оригинальные готовые кнопки .
• Почтовые сетки для вашего блога.
• Фотогалереи для визуального портфолио.
• Расширенные карусели изображений и слайдеры .
• Горизонтальная временная шкала .
• Значки для WooCommerce.
• Простые таблицы для настройки.

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

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

См. демонстрации виджетов JetElements:

JetBlog

Как следует из названия, JetBlog позволяет добавить в Elementor 6 виджетов блога:

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

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

• Elementor Post Tiles : несколько разных шаблонов для сеток постов в виде плиток. Большой плюс? Вы можете легко управлять количеством отображаемых сообщений, столбцов или строк для интеграции… все это с помощью Elementor.
• Умные списки сообщений : новые шаблоны списков сообщений. Это тот же принцип, что и виджет Elementor Post Tiles, но в более минималистичном дизайне.

Хотите интуитивно управлять домашней страницей своего блога и легко настраивать ее внешний вид? JetBlog может вас заинтересовать за 19 долларов за отдельный плагин.

См. демонстрации виджетов JetBlog:

JetBlocks

Аааа, настройка верхнего и нижнего колонтитула … это может быть настоящей головной болью.

Даже если Elementor Pro и редактор контента WordPress (начиная с WP 5.9) облегчают этот этап создания веб-сайта, плагин JetBlocks поможет вам легко добраться до него.

Принцип: в Elementor добавлено 9 дополнительных виджетов , чтобы вы могли добавлять в эти ключевые места ваших страниц и настраивать

• Форма входа
• Логотип вашего сайта
• Панель поиска
• Корзина электронной коммерции
• Гамбургер-меню или традиционная навигация и т. д.

Перетащите… и вперед! Ваш верхний и нижний колонтитулы готовы по цене 19 долларов. Пальцы в носу, я же говорил.

См. демонстрации виджетов JetBlocks:

ДжетМеню

Мечтаете об оригинальном мегаменю , куда можно добавлять изображения, видео, разделы и подразделы в несколько кликов? JetMenu имеет то, что вам нужно под капотом.

Будь то вертикальное или горизонтальное меню, вы можете легко и эффективно управлять его различными элементами в Elementor… и все это за 24 доллара .

См. демонстрации виджетов JetMenu:

Присоединяйтесь к подписчикам WPMarmite

Получите последние сообщения WPMarmite (а также эксклюзивные ресурсы).

ПОДПИШИСЬ СЕЙЧАС

JetReviews

Мы говорили об этом в предыдущем посте: отзывы клиентов, размещенные на вашем веб-сайте, имеют много преимуществ, в том числе убеждают ваших посетителей в вашем опыте.

Плагин JetReviews (22 доллара США) позволяет отображать «статические» отзывы клиентов , чтобы выделить мнения ваших пользователей и/или клиентов, например, путем отображения оценок и письменного обзора.

Более того, и что еще более интересно, у вас есть довольно продвинутый контроль над управлением вашими будущими отзывами :

• Вы можете применить их к любому типу контента.
• Вы можете выбрать систему рейтинга (звезды, баллы, проценты и т.д.).
• Можно аутентифицировать личность людей, которые хотят оставить отзыв, чтобы избежать спам-отзывов.
• Вы можете отображать отзывы на каждой странице продукта WooCommerce.
• Система фильтров позволяет вам искать товар в вашем интернет-магазине на основе оставленных отзывов/оценок.
• Панель инструментов позволяет вам модерировать все отзывы.

Посмотрите демо JetReviews:

JetSearch

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

Большой плюс плагина JetSearch? Возможность контролировать количество отображаемых результатов и добавление дополнительных фильтров поиска (по категориям, тегам или любой другой таксономии). Все это за 19 долларов.

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

Вы можете пропустить его, если у вас уже есть Pro-версия Elementor и если вы хотите интегрировать простую панель поиска на свой сайт.

См. демонстрацию JetSearch:

ДжетТабс

С JetTabs вы получаете 4 дополнительных виджета Elementor:

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

• Вкладки Elementor : организуйте свой контент на вкладках простым способом.

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

См. демонстрации виджетов JetTabs:

Джеттрикс

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

С помощью JetTricks вы можете добавить в Elementor 8 виджетов:

• Подсказка : текстовое поле, которое появляется при наведении курсора на любой блок Elementor.
• HotSpot : чтобы текст появлялся при наведении курсора на определенные места изображения.
• Sticky Column : сделать любой столбец Elementor плавающим.
• Частицы раздела : чтобы добавить анимированные визуальные эффекты в нижнюю часть строк Elementor.
• Читать дальше : чтобы открыть известную кнопку «Читать дальше», которая вызывает другие сообщения того же типа при нажатии пользователем.
• Развернуть : виджет, немного похожий на « Подробнее», который также позволяет отображать больше контента при нажатии.
• Спутник : чтобы добавить фоновое украшение, которое вращается вокруг одного из ваших блоков Elementor.
• Эффект параллакса прокрутки : чтобы добавить знаменитый эффект параллакса — эффект глубины прокрутки — к вашим изображениям через Elementor.

Трудно описать словами каждый из этих виджетов. Если вам интересно узнать об этом плагине, я позволю вам проверить, как выглядит JetTricks в естественных условиях (за 19 долларов за отдельный плагин ).

См. демонстрации виджетов JetTricks:

JetPopup

Это просто плагин из пакета Jet от Crocoblock, который позволяет вам… создавать всплывающие окна с помощью Elementor.

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

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

Это умный плагин за 22 доллара , который становится интересным , если вы действительно хотите создавать очень оригинальные всплывающие окна … при условии, что вы не используете Elementor Pro, в котором уже есть конструктор всплывающих окон, по крайней мере, столь же сложный.

Смотрите демоверсии JetPopup:

Вашим лучшим проектам WordPress нужен лучший хостинг!

WPMarmite рекомендует Bluehost: отличная производительность, отличная поддержка. Все, что нужно для отличного старта.

Попробуйте Блюхост

Плагины Jet для более продвинутых веб-сайтов

JetThemeCore

Если вы когда-либо использовали WordPress и Elementor, вы знаете: некоторые элементы можно настроить только с помощью настроек вашей темы или специальных плагинов.

JetThemeCore позволяет настроить некоторые из этих частей вашего сайта с помощью Crocoblock.

Благодаря плагину вы проектируете в интерфейсе Elementor :

• Ваш верхний и нижний колонтитулы .
• Ваша страница с ошибкой 404 .
• Страницы архива сообщений вашего блога .

Небольшое дополнение? Шаблоны страниц, включенные в плагин , позволяют вам начать с прочной основы для создания собственных страниц.

Откройте для себя JetThemeCore:

JetAppointment и JetBooking

Если вы хотите создать сайт WordPress с помощью Elementor и вам нужно интегрировать функции записи или бронирования, у Crocoblock есть то, что вам нужно:

• Плагин JetAppointment (19 долларов США) позволяет создавать онлайн-формы бронирования встреч. Вы можете интегрировать свои слоты доступности и позволить своим клиентам автоматически записываться на прием.

• Плагин JetBooking (19 долларов США) позволяет вам создать свой сайт онлайн-бронирования по той же схеме, что и предыдущий плагин.

Все это интуитивно понятно интегрировано с WooCommerce, что доставляет наибольшее удовольствие дизайнерам веб-сайтов электронной коммерции. Примечание: эти плагины доступны только по ежемесячной подписке Crocoblock Multi-tool.

Важное примечание: вы также можете использовать эти два плагина с редактором контента WordPress (Gutenberg) , с которым они совместимы.

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

Откройте для себя эти два плагина:

Реактивный двигатель

Это плагин, который понравится всем, кто хочет углубиться в настройку. Если вам нужно создать собственные типы сообщений или определенные таксономии, а затем использовать их в Elementor или Gutenberg, JetEngine для вас.

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

Доступный для отдельной загрузки за 26 долларов США , JetEngine позволяет вам идти дальше с Crocoblock, не будучи профессионалом в области кодирования.

Откройте для себя JetEngine:

JetSmartФильтры

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

С помощью JetSmartFilters за 24 доллара вы можете добавить эти знаменитые фильтры на основе заметок, оставленных в ваших продуктах, текстового поиска или диапазонов дат .

Это очень важно для улучшения взаимодействия с пользователем в магазине, созданном с помощью Crocoblock, а также с помощью Gutenberg.

Откройте для себя фильтры JetSmart:

Плагины Jet для сайтов электронной коммерции

JetWooBuilder

В JetWooBuilder за 24 доллара вы найдете не менее 66 дополнительных виджетов Elementor, применимых ко всем вашим страницам WooCommerce .

Сетка и списки продуктов, кнопка «Добавить в корзину», рейтинги и отзывы клиентов и т. д. позволят вам настроить ключевые страницы («Магазин», «Товар», «Корзина», «Моя учетная запись», «Оплата»).

Плагин содержит все ключевые блоки для создания вашего интернет-магазина и его настройки через настройки Elementor.

Смотрите виджеты JetWooBuilder:

Галерея JetProduct

JetProductGallery имеет красивое название: он позволяет создавать настраиваемые галереи продуктов WooCommerce с помощью Elementor и Crocoblock.

С этим плагином (за 15 долларов) вы получаете 4 новых виджета Elementor для WooCommerce, которые позволяют вам оформлять галереи продуктов четырьмя различными способами (сетка, слайдер, изображения и якорная навигация).

См. виджеты Галереи JetProduct:

JetСравнить&Список желаний

Как следует из названия, плагин JetCompare&Wishlist от Crocoblock (15 долларов США) дает вам доступ к 6 дополнительным виджетам Elementor для настройки:

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

См. виджеты JetCompare&Wishlist:

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

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

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

Помимо набора плагинов Jet, Crocoblock также предлагает предварительно разработанные шаблоны сайтов, идеально адаптированные к Elementor.

Подписка « Все включено » (от 130 долларов в год) дает вам доступ к дюжине «динамических» шаблонов и около пятидесяти «дизайнерских» шаблонов.

Достаточно, чтобы вы начали с прочной основы, а затем полностью настроили свой сайт с помощью Elementor.

Бесплатная тема Кава

Crocoblock также предлагает тему, идеально оптимизированную для Elementor (и для пакета Crocoblock JetPlugins): Kava .

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

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

Большой плюс темы Kava? Десятки различных макетов домашней страницы блога и сообщений в блогах , которые он предлагает. Если вы планируете запустить блог на своем веб-сайте Elementor, вы обязательно найдете что-то, что сделает его очень оригинальным с помощью Kava. Я позволю вам увидеть демонстрации этих макетов прямо здесь.

В целом, Kava — это мощная тема, оптимизированная для Elementor, которая поможет вам начать проект веб-сайта на хорошей основе.

Если вы хотите использовать набор плагинов Crocoblock Jet или если вас соблазнил шаблон сайта Crocoblock, я рекомендую вам использовать Kava.

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

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

Ускорьте свой сайт с помощью WP Rocket

Превратите свой сайт в ракету с помощью самого мощного плагина кэширования, признанного экспертами WordPress.

Попробуйте WP Rocket

Как Крокоблок работает на практике?

Если вы подпишетесь на одну из платных подписок Crocoblock, сайт предоставит вам доступ для загрузки мастера установки.

Нет необходимости устанавливать каждый плагин и каждый шаблон вручную: мастер Crocoblock проведет вас через процесс установки из вашей администрации WordPress.

Утилита сначала попросит вас ввести лицензионный ключ, доступный на сайте Crocoblock.

После этого вы сможете выбрать тему, с которой хотите использовать Crocoblock.

Чтобы полностью протестировать решение, я лично выбрал тему Kava. Но вы можете видеть, что утилита предлагает вам использовать одну из других тем, идеально адаптированных для Elementor, а именно:

• OceanWP
• Астра
• GeneratePress
• Привет, стартовая тема от дизайнеров Elementor
• Блочный

После этого мастер предложит вам выбрать один из доступных шаблонов сайта Crocoblock:

Затем наступает момент настроить плагины, которые вы выбрали в своем пакете Crocoblock:

Следуя указаниям мастера установки, Crocoblock предложил мне установить для меня Elementor, а также WooCommerce и Contact Form 7, известный плагин форм WordPress, включенный в пакет. Молодец, Крокоблок!

Вы уже начали настраивать свой сайт перед установкой Crocoblock и не хотите потерять существующий контент на своем WordPress?

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

На этом этапе установки сделайте себе чашку кофе и расслабьтесь: установка может занять некоторое время (у меня в этом тесте около 4-5 минут), особенно когда Crocoblock регенерирует все миниатюры вашего контента.

Вы также можете посмотреть несколько советов о том, как использовать решение в течение этого времени.

Все хорошо? Поздравляем: вы установили Crocoblock на свой сайт WordPress!

На странице администрирования появляются несколько элементов:

• Меню для управления темой Kava, если вы выбрали ее во время установки.
• Меню для управления всеми выбранными вами плагинами Jet.
• Новые виджеты и функциональные возможности плагинов прямо в параметрах Elementor на каждой из ваших страниц.

Знаешь что?! Нам нравится, как легко установить Crocoblock.

А как насчет сообщества Crocoblock?

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

• База знаний Crocoblock хорошо продумана и регулярно обновляется для учета проблем, с которыми сталкиваются пользователи.
• Группа Crocoblock в Facebook в настоящее время насчитывает около 17 000 участников, которые регулярно помогают друг другу. Модераторы довольно реагируют и дают хорошие советы, которые помогут вам, если вы столкнетесь с проблемой.
• Разработчики Crocoblock очень открыты для предложений пользователей. Вы можете оставить им записку в виде билетов GitHub, если считаете, что у вас есть революционная идея, которая улучшит сервис.
• В Crocoblock Dev Hub в настоящее время перечислены около 30 разработчиков Elementor и Crocoblock, если вы хотите вызвать специалиста, который позаботится о части дизайна вашего сайта.

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

Сколько стоит Крокоблок?

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

Вы хотите начать разработку своего веб-сайта с помощью Crocoblock?

В настоящее время существует 4 различных пакета:

• Пользовательский пакет . Это позволяет вам выбирать и оплачивать только те плагины, которые вам нужны.
• Пакет « Все включено » (130 долларов в год). Он включает в себя все плагины, шаблоны и всплывающие окна Jet для одного сайта в год.
• Пакет All-Inclusive Unlim (265 долларов в год). Он идентичен предыдущему пакету, но может использоваться на неограниченном количестве сайтов WordPress.
• Пожизненный пакет (750 долларов). Пожизненный пакет, идентичный предыдущему, с единовременной оплатой, неограниченное количество сайтов.

Учитывая цену одного плагина (в среднем 20 долларов), если вы влюблены в более чем 3 плагина Jet и/или некоторые платные шаблоны сайтов, ваш годовой пакет быстро окупится.

Лично я, учитывая качество предлагаемых плагинов и шаблонов, считаю цены Crocoblock особенно разумными.

Наше окончательное мнение о Crocoblock

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

• Шаблоны сайтов качественные , их легко настроить с помощью Elementor, и они идеально подходят для начала разработки вашего сайта с помощью известного конструктора страниц.
• Тема Kava очень легкая и качественная , но не представляет особого интереса, кроме использования с Crocoblock.
• Плагины Jet более-менее интересны . От некоторых из них (таких как JetSearch) можно отказаться, и вы можете выбрать бесплатные плагины, предлагающие те же функции. Но другие, такие как JetElements или JetBlog, особенно хороши и весьма оригинальны в экосистеме Elementor.
• Нам нравится пользовательский опыт при установке плагинов (спасибо мастеру Crocoblock за руководство!).
• Подписка Crocoblock может быть интересной , особенно для того, чтобы не покупать тонны надстроек Elementor. Будьте осторожны: вы не найдете в Crocoblock аналога превосходному конструктору тем Elementor, доступному в платной версии!

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

Откройте для себя Крокоблок:

А вы уже тестировали Крокоблок? Что вы думаете об этом? Какой плагин Jet или шаблон сайта вам нравится больше всего.