Интерактивная песочница Live Preview, отступы в пикселях и Custom CSS

1. Интерактивная живая песочница (Live Preview)

Панель управления Netaura Contact оснащена плавающим макетом-эмулятором (Sticky Live Sandbox), расположенным в правой колонке админки:

• Переключатель устройств: кнопки «🖥️ Десктоп» и «📱 Смартфон» позволяют увидеть точные габариты виджета под разные экраны.
• Мгновенная реакция: изменение основного цвета, выбор анимации (пульс, волны, покачивание) или перетаскивание каналов связи перерисовывают макет на лету без перезагрузки страницы.

2. Визуальная настройка отступов в пикселях (No-Code)

Частая проблема на сайтах — виджет перекрывает стрелку прокрутки «Наверх», фиксированный подвал или сторонний баннер куки. В версии v2.7.0 добавлена визуальная регулировка отступов:

• Отступ снизу (px): стандартно 24px. Если на сайте есть плавающая кнопка «Наверх», просто укажите 80px — и виджет поднимется выше.
• Отступ сбоку (px): стандартно 24px от правого или левого края экрана.
• При изменении цифры в поле виджет в песочнице прямо на глазах меняет высоту положения.
• На смартфонах отступы адаптируются автоматически с учетом безопасных зон (Safe Area Inset для iPhone).

3. Пользовательский CSS и White-Label брендинг

Для тонкой настройки предусмотрены профессиональные опции:

• Пользовательские CSS стили (Custom CSS): моноширинное поле во вкладке «Оформление». Позволяет добавить любые селекторы (например, изменить z-index, тень или шрифт) без редактирования файлов шаблона.
• Тумблер брендинга (White-Label): по умолчанию внизу меню отображается аккуратная таблетка ⚡ Виджет от NetAura со ссылкой rel="nofollow". Для корпоративных клиентов предусмотрена возможность отключить эту подпись в 1 клик, получив 100% чистый White-Label продукт.