Андрей Смирнов
Время чтения: ~7 мин.
Просмотров: 5

Личный кабинет для сайта на Тильде

Как получить доступ в личный кабинет

Есть несколько способов добавить участника в личный кабинет. Вы можете открыть возможность самостоятельной регистрации или пригласить пользователя вручную.

Самостоятельная регистрация

b_5c810d5e69a51.jpg

  • Пользователи могут регистрироваться самостоятельно через страницу регистрации или любую форму на сайте.
  • Можно включить автоматическое подтверждение самостоятельной регистрации пользователей.
  • Можно контролировать регистрацию пользователей с помощью подтверждения администратором.

b_5c810e3787fe5.jpg

  • Добавьте пользователей в личный кабинет вручную.
  • Пригласите пользователей через электронную почту.
  • Управляйте доступом к группам через карточку пользователя.

Об интеграциях с сервисами приёма данных из форм и платёжными системами

Приём данных

Сайт на Тильде позволяет эффективно работать с входящими заявками. Мы пользуемся встроенным конструктором форм, потом собираем данные на почту и в гугл-таблицы (в качестве CRM мы используем нестандартную интеграцию с Carrotquest). Данные можно скачать и использовать, например, как базу для ретаргетинга или поиска похожей аудитории в Facebook. Чтобы заявки можно было быстро идентифицировать, мы задаём всем формам тип «Скрытое поле» (Контент) и имя переменной formname.

image83.png

С помощью Тильды можно собирать заявки от посетителей сайта и получать информацию в Телеграм, Trello, Slack. Можно составлять списки рассылок для сервисов GetResponse, MailChimp, MailerLite, SendinBlue, UniSender или отправлять лиды в CRM (AmoCRM, Bitrix24, Megaplan, Piperdrive).

Подробнее о формах приёма данных.

Платёжные системы

Чтобы принимать платежи, по закону вы должны иметь статус ИП или юридическое лицо (Яндекс.Деньги подходят только для некоммерческих организаций и благотворительности).

image15.png
Наша статья про ФЗ-54

Не забудьте также озаботиться подключением онлайн-кассы и размещением Публичной оферты. Всё серьёзно.

К сайтам на Тильде можно подключить платёжные сервисы:

  • Paypal,
  • Яндекс.Касса,
  • Робокасса,
  • CloudPayments,
  • Яндекс.Деньги,
  • LiqPay,
  • Тинькофф Банк,
  • Альфа-банк,
  • Сбербанк,
  • AB pay,
  • Stripe,
  • Наличные,
  • Безналичный расчёт,
  • Промокоды.

К каждому методу есть понятная инструкция по интеграции.

Возможности SEO

По опыту работы с Тильдой, нет никаких сложностей с ранжированием сайтов. Автоматическая проверка Google показывает предупреждение «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы». Нельзя повлиять на код и убрать предупреждение, и это влияет на скорость загрузки. Однако, специалисты Тильды провели анализ и выяснили, что удаление скриптов даст незначительный выигрыш в 0,3 секунды. В любом случае из-за приоритета поведенческих характеристик для поисковой выдачи, страницы получают достойную долю трафика.

Что можно сделать внутри Тильды для поисковой оптимизации сайта

  • Добавить фавиконы для сайта. Фавикон можно загрузить на сайт только в формате .ico (например, воспользовавшись конвертером).
  • Добавить страницу ошибки.
  • Настроить HTTPS.
  • Задать понятные адреса страниц (URL).
  • Прописать метатеги страниц.
  • Задать теги для заголовков и подзаголовков.
  • Задать Alt для изображений.
  • Открыть страницы для индексации.
  • Проверить на ошибки в «Панели вебмастера» Тильды.
  • Подключить Яндекс.Метрику, Google Analytics, Яндекс.Вебмастер и Google Search Console.
  • Подключить свой домен.

Остановимся на важных особенностях.

Получение SSL-сертификата

Тильда предлагает бесплатный сертификат Let’s Encrypt — это цифровой SSL-сертификат, который необходим для настройки HTTPS. В справочном центре Тильды можно найти инструкцию по подключению сертификата.

Мы не рекомендуем пользоваться вторым вариантом получения SSL — сервисом CloudFlare, если вы ведёте свою деятельность преимущественно в России. Сама по себе процедура получения их сертификата несложная, но ваш сайт получит IP от CloudFlare, а он, скорее всего, окажется заблокированным Роскомнадзором у многих российских провайдеров (например, Ростелекома). То есть большая часть посетителей из России попросту не сможет увидеть ваш сайт.

Панель вебмастера Tilda

После того, как вы настроили метатеги, перейдите в Настройки сайта → Аналитика и SEO → Оптимизация для поисковых систем (SEO) → Перейти в раздел. В разделе «Критические ошибки и рекомендации» видим выделенные красным рекомендации. Достаточно нажать на подчёркнутый заголовок, чтобы быстро переходить к нужной странице и устранять ошибки.

image106.png

В Панели вебмастера вы сможете:

  • Подключить Google Search Console и Яндекс.Вебмастер.
  • Настроить редиректы страниц.
  • Подключить HTTPS.
  • Получить доступ к расширенному загрузчику фавиконов.

Подключение Яндекс.Метрики, Google Analytics, Яндекс.Вебмастер и Google Search Console

Первым делом создайте счётчики в Яндексе и Гугле (предварительно создав личный кабинет). После переходите в Аналитика и SEO → Настройки сайта, выберите необходимые счётчики, сохраните изменения и переопубликуйте все страницы сайта.

Ключевые показатели статистики сайта можно отслеживать из панели Тильды, на данный момент в очень усечённом виде: Настройки сайта → Аналитика и SEO → Статистика сайта.

image21.png
Ключевые данные сайта из панели Тильды

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

Полезные инструкции для настройки Яндекс.Метрики и Google Analytics.

Подключение своего домена

К сайту на Тильде можно подключить свой домен — уникальный адрес вашего сайта.

На бесплатном аккаунте можно опубликовать свой проект только на домене вида [название сайта].tilda.ws. Функция доступна начиная с тарифного плана Personal.

Рекомендую опробовать основные функции на полностью бесплатном тарифе. Позже вы всегда можете активировать тарифный план Tilda Personal на 2 недели бесплатно. Возможно, этого времени хватит для вёрстки и платить вы начнёте уже за опубликованный сайт. Это не требует ввода данных вашей карты.

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

Дизайн: что можно сделать на Тильде и как это будет выглядеть

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

Готовые шаблоны

Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.

image252.png

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

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

image264.png

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

image173.png
Режим для мобильной версии

Подробнее о корректировке мобильной версии читайте в справочнике Тильды.

Текст и изображения

Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.

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

Zero-блоки

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

Работа в Zero-блоке похожа на работу в графическом редакторе, только созданный индивидуальный дизайн можно сразу посмотреть в Тильде

Елена Сартасова, шеф-дизайнер Svoemedia

«​Zero-тренды и минимализм в дизайне сайтов диктуют дизайнерам задачу больше акцентировать внимание на колористике и типографике. Главное – это контент, а дизайнер лишь создаёт атмосферу, помогающую считать его суть. Чем чище и однообразнее фоны и проще графика на сайте, тем интуитивнее и интеллектуальнее воспринимается сайт пользователем: когда ничто не мешает, сайт действительно хочется читать, а не просто рассматривать его дизайн. Простая блочная структура Тильды позволяет довольно легко создавать такой дизайн за счёт простоты компонентов: фон, текст, форма и картинка, которые есть в Zero-блоке и стандартных блоках».

С помощью Zero-блоков можно делать анимацию, но если сайт предполагает постоянную редактуру (особенно это актуально для сайтов мероприятий), нужно будет вносить правки во все разрешения.

Шаблон агентства, разработанный на Тильде

Елена Сартасова, шеф-дизайнер Svoemedia

«​Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».

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

Шаблон агентства, разработанный на Тильде

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

Используемые источники:

  • https://spark.ru/startup/tilda/blog/46160/lichnij-kabinet-dlya-sajta-na-tilde
  • https://netology.ru/blog/konstruktor-saytov-tilda

Рейтинг автора
5
Материал подготовил
Максим Иванов
Наш эксперт
Написано статей
129
Ссылка на основную публикацию
Похожие публикации