URL скопирован в буфер обмена!

Как сделать обращение к пользователю по имени на сайте Tilda?

Если у вас на сайте подключён личный кабинет, то с помощью этой модификации можно выводить имя зарегистрированного пользователя в Zero Block. Дополнительно можно показывать кастомные кнопки авторизации для неавторизованных пользователей.

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block

Генератор кода

ID Zero Block
Имя пользователя без авторизации
Количетсво символов
Класс для кнопок авторизации
Стандартная иконка ЛК
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD000--><script> (function() { document.addEventListener('DOMContentLoaded', async function() { try { const TCDID = parseInt(document.querySelector('#allrecords').dataset.tildaProjectId); const TCDMember = await getUserData(TCDID); const TCDdata = []; ['#rec747242104 .ti-name'].forEach(selector => { const TiCodeData = Array.from(document.querySelectorAll(selector + ' .tn-atom')); TCDdata.push(TiCodeData); }); if (TCDdata.length > 0 && TCDdata[0].length > 0) { TCDdata[0].forEach(element => { element.innerHTML = TCDMember && TCDMember.name ? TCDtruncateText(TCDMember.name, 30) : 'Инкогнито'; }); } const regButtons = document.querySelectorAll('#rec747242104 .ti-reg'); regButtons.forEach(button => { if (TCDMember && TCDMember.name) { button.style.width = '0'; button.style.height = '0'; button.style.visibility = 'hidden'; } else { button.style.width = ''; button.style.height = ''; button.style.visibility = 'visible'; } }); } catch (error) { console.error('Ошибка при загрузке данных:', error); } }); async function getUserData(TCDID) { return new Promise((resolve, reject) => { try { const TCDMember = window.localStorage.getItem('tilda_members_profile' + TCDID); resolve(TCDMember ? JSON.parse(TCDMember) : null); } catch (error) { reject(error); } }); } function TCDtruncateText(text, maxLength) { return text.length > maxLength ? text.substring(0, maxLength) + '...' : text; } })(); </script> <style>.tlk-userbar, .tlk__userbar {display: none !important;}</style>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем в Zero Block текстовый элемент и указываем ему класс ti-name
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс

При необходимости в зеро блоке можно создать кнопки с ссылками на авторизацию и регистрацию. Для этого указываем кнопкам класс ti-reg Кнопки будут показываться только для неавторизованных пользователей.

2. Копируем id зеро блока и вставляем в генератор кода в поле "ID Zero Block". Дополнительно можно настроить другие опции в генераторе:
Количество символов - можно ограничить количество видимых символов в имени. Если пользователь указал длинное имя или почту, то будет показана только часть данных, а продолжение будет скрыто за многоточием.
Имя пользователя без авторизации - указываем имя которое будет показывается неавторизованным пользователям;
Класс для кнопок авторизации - можно указать свой класс для кнопок авторизации;
Стандартная иконка ЛК - можно скрыть стандартную иконку личного профиля которая обычно находится в правом верхнем углу сайта.

4. Копируем готовый код и вставляем в HTML блок Т123. Блок T123 должен быть ниже зеро блока;
Категорически приветствуем вас
вы не авторизованы
Made on
Tilda