Надежная библиотека компонентов пользовательского интерфейса JavaScript
Подробнее: Fancyapps - библиотека компонентов пользовательского интерфейса
Для того чтобы пользователь по клику смог позвонить или сразу же переходил в чат с менеджером, нужно установить на сайт специальные ссылки. Стили и иконки прописаны с помощью Bootstrap.
Подробнее: Установить на сайт ссылки - номер телефона и мессенджеры WhatsApp, Telegram
Ссылка с сайта на Whatsapp с текстом:
<a title="Whatsapp" href="https://api.whatsapp.com/send?phone=77772899494&text=Здесь можно написать любой текст" target="_blank" rel="noopener">
<button class="btn btn-success btn-lg" type="button" style="margin-bottom: 0.25rem;">
<span class="bi bi-whatsapp">
WhatsApp
</span>
</button>
</a>
Заменяем в ссылке https://api.whatsapp.com/send?phone=77772899494&text=Здесь можно написать любой текст" свой номер телефона и текст.
1. Интерактивные компоненты
2. Подключение иконок Bootstrap
Интерактивные компоненты Bootstrap 5 + Joomla 5
В файле index.php можно включить интерактивность (часть JavaScript) перед закрывающем тегом PHP (открывающий тег <?php закрывающий тег ?>)