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

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

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

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

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

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

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

Приём данных

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

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

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

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

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

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

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

• 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) → Перейти в раздел. В разделе «Критические ошибки и рекомендации» видим выделенные красным рекомендации. Достаточно нажать на подчёркнутый заголовок, чтобы быстро переходить к нужной странице и устранять ошибки.

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

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

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

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

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

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

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

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

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

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

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

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

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

Начать дизайн сайта можно с чистого листа, используя 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