Теперь, по индивидуальной кастомизации, вот пример полей в шаблоне users.details.tpl
<!-- IF {PHP|cot_plugin_active('userfields')} -->
<div class="row mb-3">
<div class="list-group list-group-striped list-group-flush mb-4">
<!-- IF {USERFIELDS_COMPANY_NAME} -->
<li class="list-group-item list-group-item-action ">
<div class="row g-3">
<div class="col-12 col-lg-4">
<h5 class="mb-0 fs-6 text-secondary fw-semibold">
{USERFIELDS_COMPANY_NAME_TITLE}
</h5>
</div>
<div class="col-12 col-lg-8">
<div>
<p><i class="fa-solid fa-building me-2"></i>{USERFIELDS_COMPANY_NAME}</p>
</div>
</div>
</div>
</li>
<!-- ENDIF -->
<!-- IF {USERFIELDS_PROMO_TEXT} -->
<li class="list-group-item list-group-item-action ">
<div class="row g-3">
<div class="col-12 col-lg-4">
<h5 class="mb-0 fs-6 text-secondary fw-semibold">
{USERFIELDS_PROMO_TEXT_TITLE}
</h5>
</div>
<div class="col-12 col-lg-8">
<div>
<p><i class="fa-solid fa-list-check fa-lg me-2"></i>{USERFIELDS_PROMO_TEXT}</p>
</div>
</div>
</div>
</li>
<!-- ENDIF -->
<!-- IF {USERFIELDS_GITHUB} -->
<li class="list-group-item list-group-item-action ">
<div class="row g-3">
<div class="col-12 col-lg-4">
<h5 class="mb-0 fs-6 text-secondary fw-semibold">
{USERFIELDS_GITHUB_TITLE}
</h5>
</div>
<div class="col-12 col-lg-8">
<div>
<a rel="noopener noreferrer" href="https://github.com/{USERFIELDS_GITHUB}" target="_blank" class="fw-semibold">
<i class="fa-brands fa-square-github fa-xl me-2"></i>{PHP.L.userfields_github_details}
</a>
</div>
</div>
</div>
</li>
<!-- ENDIF -->
<!-- IF {USERFIELDS_TELEGRAM} -->
<li class="list-group-item list-group-item-action ">
<div class="row g-3">
<div class="col-12 col-lg-4">
<h5 class="mb-0 fs-6 text-secondary fw-semibold">
{USERFIELDS_TELEGRAM_TITLE}
</h5>
</div>
<div class="col-12 col-lg-8">
<div>
<a rel="noopener noreferrer" href="https://t.me/{USERFIELDS_TELEGRAM}" target="_blank" class="fw-semibold">
<i class="fa-brands fa-telegram fa-xl me-2"></i>{PHP.L.userfields_telegram_details}
</a>
</div>
</div>
</div>
</li>
<!-- ENDIF -->
<!-- IF {USERFIELDS_CELL_NUMBER} -->
<li class="list-group-item list-group-item-action ">
<div class="row g-3">
<div class="col-12 col-lg-4">
<h5 class="mb-0 fs-6 text-secondary fw-semibold">
{USERFIELDS_CELL_NUMBER_TITLE}
</h5>
</div>
<div class="col-12 col-lg-8">
<div>
<a rel="noopener noreferrer" href="tel:{USERFIELDS_CELL_NUMBER}" class="fw-semibold">
<i class="fa-solid fa-phone-volume fa-xl me-2"></i>{USERFIELDS_CELL_NUMBER}
</a>
</div>
</div>
</div>
</li>
<!-- ENDIF -->
</div>
</div>
<!-- ENDIF -->
как видите, каждое поле вы контролируете и по оформлению и по значениям, которые отображаются. наглядно можно увидеть в моем профиле.