Поиск по сайту Поиск

Подборка новых функций сервиса REG.Site

В октябре нашему сервису для создания сайтов исполнилось два года. При этом разработчики регулярно оптимизируют существующий функционал REG.Site и добавляют новый.

REG.Site — комплексное решение для создания сайта на основе CMS WordPress. Помимо десятков шаблонов, сервис включает в себя хостинг и SSL-сертификат в подарок на один год.

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

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

Новые фишки

Готовые блоки

🔎 Где найти: слева в меню нажмите на значок +

Меню REG.Site

Если нажать на плюс, перед вами откроется библиотека с готовыми элементами сайта. Например, «Галерея», «Контакты», «Тарифы» и другие. С их помощью вы можете создать макет любого блока и прикинуть, как они будут смотреться на будущем сайте.

Макеты отзывов в сервисе
В качестве примера предлагаем посмотреть макеты отзывов

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

Пример готового блока

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

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

Собственные атрибуты

🔎 Где найти: нажмите на значок шестеренки нужного элемента (например, кнопку) → перейдите во вкладку Дополнительное → Атрибуты.

Эта фишка позволяет пользователям добавлять любой HTML-атрибут к разным элементам сайта, например, разделам, строкам, столбцам, модулям или кнопкам. 

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

Новинка очень пригодится клиентам, которые работают со сторонними JavaScript-библиотеками и различными инструментами для работы с сайтом. Если вы собираете аналитику в Яндекс.Метрике, сервис может попросить добавить вас дополнительное событие на элемент сайта, например, на кнопку.

Вот так атрибуты выглядят в админке
Вот так атрибуты выглядят в админке
Как атрибут отображается в коде
А так атрибут отображается в коде

Дизайн

🔎 Где найти: перейдите в настройки нужной секции → Контент.

Расширенные градиенты

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

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

Градиенты для сайта

Маски для фона

Маски — это возможность наложить «трафарет» на фон или другой элемент сайта, чтобы создать красивый, интересный эффект без графического редактора. 

Кстати, маски очень красиво смотрятся поверх градиентов. Поэтому фишка пригодится для главного экрана сайта, промоблоков и баннеров. А самое главное, что маски выглядят эффектно и легко настраиваются — для наглядности оставляем гифку.

Маски для сайта

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

Узор 

Чтобы сделать фон на сайте еще интереснее или расставить акценты, мы добавили более 30 паттернов с разными узорами. 

Узоры для фона сайта

Градиент + узор + маска

А теперь самое вкусное. Хотите наложить на градиент интересную текстуру? Или добавить акцента на нужный блок с помощью маски и ярких цветов? Легко! 

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

Комбо из градиента, узора и маски

Модули

🔎 Где найти: нажмите на + и добавьте новую секцию → выберите Размер секции → в открывшемся меню модулей кликните на нужный.

SVG-анимация

SVG (Scalable Vector Graphics) — масштабируемая векторная графика. SVG-изображения можно увеличивать и уменьшать сколько угодно, при этом они не потеряют резкости и четкости деталей. Также вы сможете легко изменить форму, цвет и расположение элементов. 

Анимация SVG работает по такому же принципу, и, в отличии от GIF, никак не теряет в качестве картинки при масштабировании. Она мало весит, адаптируется под любой интерфейс, быстро загружается и не зависает.

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

Модуль для SVG-анимации

Этапы

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

Модуль этапы

FAQ

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

Модуль FAQ

Идентификатор прогресса

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

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

Модуль Идентификатор прогресса

Дополнительные вкладки

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

Можно сказать, что это дополнительный простор для ваших фантазий и творчества.

Текстовый путь

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

И напомним, что вы всегда можете наложить анимацию на текст, чтобы сделать его еще интереснее.

Модуль Текстовый путь

Новые шаблоны

И, конечно же, не обошлось без новых шаблонов. С прошлого поста в REG.Site появилось более 36 шаблонов для самых разных типов сайтов. Каждый из них можно адаптировать под ваш бренд с помощью удобного визуального редактора сервиса: изменить цветовую палитру, шрифт, добавить графические элементы и многое другое.

Новые готовые шаблоны для сайта на WordPress

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

⌘⌘⌘

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

Сильная презентация для инвесторов: от содержания до выступления

Презентация поможет структурировать данные и представить идею потенциальным инвесторам. Как сделать качественный документ – разбираемся вместе с основателем REC’s GROUP...
Read More

Дёшево и эффективно: как малому бизнесу продвигать свой сайт

Как выделиться среди конкурентов и получить внимание потенциальных клиентов. Бюджетные методы продвижения сайта – в этом обзоре.  
Read More

Как перевести бизнес в онлайн: 7 шагов

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

Кризис как точка роста для бизнеса

Когда бизнес развивается слабо, на помощь приходит… кризис. Рассказываем, как не испугаться перемен и открыть офис в другой стране, чем отличается построение бизнеса в Москве и Алматы.
Read More

Миллион на подтяжках для собак

Как придумать и монетизировать идею для бизнеса Нет смысла терять время и усложнять, когда бизнес-идеи витают в воздухе. Как понять...
Read More

Нейросети в помощь бизнесу: на что способен искусственный интеллект

Развитие нейросетей стало для россиян главным научным событием 2023 года. Бизнес активно внедряет искусственный интеллект, чтобы создавать контент, лучше понимать...
Read More

13 лайфхаков, которые погубят ваш бизнес

Разбираем «серые» способы работы и ошибки, которые точно развалят собственный бизнес.
Read More

Как привлечь инвестиции в мини-девелоперский проект с нуля

Предприниматели из Тюмени смогли стать девелоперами по загородной недвижимости без начального капитала и кредитов. Основатель компании «Финская улочка» Юлиу Пантя рассказывает,...
Read More

Не потерять ни клиента: топ-5 CRM-систем для предпринимателей

По мере роста бизнеса обрабатывать запросы клиентов вручную становится все сложнее. Информация о заказах часто теряется, а клиенты по несколько...
Read More

На чём нельзя экономить на старте бизнеса

Купили дешёвые материалы, а потом потеряли половину дохода из-за брака. Сэкономили на зарплате работников, а в итоге сорвали сроки и...
Read More