31.03.2021
1713

Конструктор сайтов Tilda: подробный обзор и инструкция по настройке интеграций

Максим Волошин
автор ApiX-Drive
Время прочтения: ~12 мин

Хотите сайт для бизнеса, но не умеете программировать? Попробуйте сделать его в Tilda. В этом конструкторе можно быстро собрать лендинг, блог и даже интернет-магазин без каких-либо специальных навыков. В данном материале мы расскажем об основных функциях платформы, а также о том, как сделать хороший результат еще лучше благодаря интеграциям с другими сервисами.

Содержание:
1. Что такое конструктор Tilda и для чего он нужен
2. Основные возможности Tilda
3. Интеграции «Тильда» с другими системами
4. Как настроить интеграцию: на примере Tilda и Google Sheets
5. Подключение формы Tilda
6. Подключение таблицы Google Sheets
7. Заключение. Tilda – простой способ создания сайтов

***

Что такое конструктор «Тильда» и для чего он нужен

Tilda — это онлайн-платформа, предназначенная для создания сайтов без помощи программистов и дизайнеров. Собрать и запустить простой сайт можно всего за несколько минут. О хостинге беспокоиться не нужно: все страницы и данные будут храниться на серверах системы.

Tilda работает как визуальный конструктор. Пользователь собирает сайт из готовых блоков и может настраивать их функциональность и внешний вид. Возиться с кодом не приходится: для управления конструктором достаточно нажимать на кнопки и регулировать ползунки. Простой интерфейс с подсказками помогает быстро разобраться в системе. При необходимости можно воспользоваться подробной русскоязычной справкой.

Tilda подходит для создания разных типов сайтов. Среди них:

  • лендинги;
  • интернет-магазины;
  • сайты компаний;
  • корпоративные и личные блоги;
  • промосайты;
  • сайты-визитки.

Конструктор работает по подписке: доступно три тарифных плана. Первый позволяет создать один сайт в «Тильда» бесплатно, но открывает доступ только к базовым блокам. Второй тариф платный и предлагает полную коллекцию блоков плюс разные дополнительные функции, однако по-прежнему можно создать лишь один сайт. Третий план самый дорогой, зато в нем доступны все блоки и функции, а также возможность собрать до пяти сайтов.

Основные возможности Tilda

Блоки Tilda. Как мы уже сказали, пользователь собирает сайт из блоков. Каждый из них отображает на странице определенный элемент: фрагмент текста, форму для ввода данных, иллюстрацию, видео, отзывы, контакты и так далее. Добавив блок, можно настроить его расположение на странице, внутренний контент, функции и внешний вид.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Блоки Tilda


Шаблоны. Необязательно собирать сайт с нуля. В конструкторе есть обширный каталог шаблонов для самых разных проектов: от цветочного магазина до персональной страницы тренера по фитнесу. Шаблон представляет собой готовый набор блоков, который одинаково хорошо отображается как на компьютерах, так и на мобильных устройствах. Контент и оформление можно отредактировать — получится уникальный сайт.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Шаблоны Tilda


Инструменты для интернет-продаж. В конструкторе можно создать сайт для приема денег через популярные платежные системы. Такой вариант подойдет, например, для заработка на вебинарах. Более того, система позволяет собрать полноценный магазин с карточками товаров. Заказы будут отображаться во встроенной CRM прямо в личном кабинете Tilda.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Шаблоны для интернет-магазинов


Настройки домена. Система позволяет бесплатно зарегистрировать домен вида «имя-сайта.tilda.ws». На платных тарифах к сайтам также можно подключать собственные домены вроде «имя-сайта.com». При этом первый год использования домена входит в подписку, далее его придется оплачивать отдельно.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Настройки домена


SEO-инструменты. Вы можете оптимизировать сайты для продвижения в поисковых системах. Tilda позволяет прописывать мета-теги, выбирать теги заголовков, настраивать URL страниц, а также проверять отображение в поисковиках с помощью интеграций с Google Search и «Яндекс.Вебмастер». При желании сайт можно сделать невидимым для поисковых систем.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | SEO-инструменты


Аналитика. Вы можете следить за посещаемостью и поведением пользователей на сайте. Конструктор отображает такие показатели, как число посетителей и просмотров, конверсии, количество заходов с мобильных устройств, процент дочитывания страниц, число заявок и так далее. Для более подробной аналитики можно подключать сторонние системы Google Analytics и «Яндекс.Метрику».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Аналитика в Tilda


Конструктор писем. В Tilda можно собирать не только сайты, но и письма для почтовых рассылок. Принцип тот же: выбираете шаблон, редактируете блоки, сохраняете. Система позволяет отправлять письма прямо из личного кабинета, но для этого к нему нужно подключить один из сервисов email-рассылок: MailChimp, UniSender или SendGrid.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Конструктор писем


Редактор Zero Block. Если шаблонов и стандартных инструментов для изменения блоков не хватит для ваших задач, можете воспользоваться продвинутым редактором Zero Block. Он предоставляет почти неограниченную свободу для управления внешним видом страниц. С его помощью можно редактировать текст, картинки и прочие элементы дизайна с точностью до пикселя. Это позволит вам создать по-настоящему уникальный сайт.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Продвинутый редактор


Интеграции Tilda с другими системами

Как вы уже знаете, Tilda из коробки поддерживает интеграции с различными сервисами: платежными системами, аналитическими инструментами, сервисами email-рассылок и так далее. 

Но этот список ограничен парой десятков сервисов и среди них может не оказаться инструмента, который необходим именно вам. В таком случае выручит онлайн-коннектор ApiX-Drive. Это платформа для быстрого создания интеграций между разными системами. С ее помощью можно подключать к Tilda огромное количество дополнительных инструментов. Перечислим некоторые из них.

  • CRM. Подключайте свой магазин к amoCRM, «Битрикс24», retailCRM, U-ON.Travel, «МойСклад», «Клиентикс», GetCourse, Odoo, YClients, Intrum, Creatio или «Мой склад». В результате заявки будут автоматически попадать из формы вашего сайта в выбранную систему управления заказами.
  • Мессенджеры. Хотите получать уведомления о новых заказах на сайте прямо в любимом мессенджере? Просто подключите форму своего магазина к Viber, Telegram или Slack.
  • Сервисы SMS-рассылок. Интеграция Tilda с одним из сервисов рассылок позволит наладить автоматическую отправку уведомлений с подтверждением заказа. Заполнив форму на сайте, клиент получит соответствующее SMS. Коннектор поддерживает TurboSMS, AlphaSMS, Intel Telecom, SMS.RU, «SMS-Центр», SMS Club и прочие сервисы рассылок.
  • Системы управления проектами. Если вы принимаете через сайт заявки на услуги, можете подключить к нему Trello, Meistertask, Worksection, «Мегаплан» или Planfix. В таком случае каждая заявка будет автоматически добавляться в выбранный планировщик в виде новой задачи.
  • Онлайн-таблицы. После интеграции с Google Sheets все оставленные посетителями данные будут автоматически копироваться из форм в «Гугл таблицу». К примеру, если вы принимаете через сайт заказы, то сможете использовать Google Sheets как CRM.

Кроме того, коннектор поддерживает многоуровневые интеграции. То есть вы можете выбрать Tilda как источник данных и подключить к нему несколько сервисов-приемников: к примеру, CRM, систему SMS-рассылок и мессенджер. В таком случае данные из форм будут автоматически передаваться в каждый подключенный сервис.

Например, когда посетитель отправляет заказ через форму, тот попадает в CRM, затем клиент получает подтверждение по SMS, а вы — уведомление о новом заказе в мессенджере. Все перечисленные действия коннектор выполняет на автомате.

Как настроить интеграцию: на примере Tilda и Google Sheets

Для работы с коннектором не нужны навыки программирования. Чтобы создать интеграцию, достаточно подключить аккаунты Tilda и другого сервиса к сайту ApiX-Drive и настроить между ними связь. На это потребуется около 15 минут.

Для наглядности разберем процесс по шагам. В качестве примера подключим к Tilda Google Sheets, чтобы данные из форм автоматически попадали в таблицу. Это позволит нам вести учет всех заказов в одной удобной системе.

Итак, регистрируемся на сайте ApiX-Drive. Заходим в личный кабинет и кликаем «Создать связь».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Создаем связь


После этого приступаем к подключению.

Подключение формы Tilda

Выбираем Tilda в качестве системы-источника данных.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Выбираем источник


Выбираем действие, которое должен совершать коннектор: «Получить данные из форм».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Настраиваем коннектор для загрузки данных из форм


Кликаем «Подключить аккаунт «Tilda».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Подключаем аккаунт Tilda


Копируем URL для приема данных — он поможет подключить нужную форму.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Копируем URL


Открываем в новой вкладке личный кабинет Tilda. Заходим в настройки сайта, который хотим подключить к Google Sheets, открываем раздел «Формы» и выбираем Webhook. Затем вставляем только что скопированный URL и нажимаем «Добавить».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Вставляем скопированный URL


Добавляем приемщик данных ко всем формам.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Подключаемся ко всем формам


Нажимаем «Опубликовать все страницы», чтобы изменения вступили в силу.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Применяем изменения


Открываем наш сайт и отправляем через форму любые данные.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Отправляем тестовые данные


Возвращаемся к настройке ApiX-Drive. При необходимости добавляем условия фильтрации. С их помощью коннектор способен передавать только те заказы, которые содержат нужные ключевые слова или другие параметры. Например, таким образом можно настроить фильтр на передачу заказов только определенной товарной категории.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Настраиваем фильтр


На экране появятся данные, которые мы отправили в качестве тестового заказа. Переходим к следующему этапу.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Проверяем прием загруженных данных<br>


Подключение таблицы Google Sheets

Кликаем «Начать настройку Приема Данных».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Переходим к настройке приемника


Выбираем Google Sheets в качестве приемника данных.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Выбираем таблицу приемником данных


Выбираем действие, которое должен выполнять коннектор с загруженными данными: «Добавить строчку».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Настраиваем коннектор для отправки данных<br>


Подключаем аккаунт Google Sheets.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Подключаем таблицу


Выбираем таблицу (файл) и лист, в которые ApiX-Drive будет вставлять заказы. Затем выбираем, какие именно данные по каждому заказу будут попадать в Google Sheets. Для этого кликаем по нужным полям и выбираем подходящие типы данных. Каждое поле соответствует колонке в нашей таблице. Лишние поля оставляем пустыми.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Выбираем куда именно и какие данные будет передавать коннектор<br>


Проверяем пример данных, которые будут передаваться по каждому заказу. Если надо что-то изменить, кликаем «Редактировать» и вносим правки. Если все правильно, нажимаем «Далее».

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Проверяем пример отправленных данных
Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | При необходимости вносим правки<br>


Включаем обновление, чтобы разрешить передачу данных.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Запускаем связь


Кликаем по шестеренке и выбираем подходящий интервал передачи данных. Чем он меньше, тем быстрее данные из форм будут попадать в таблицу.

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Настраиваем интервал передачи данных


Примерно так переданные заказы будут отображаться в Google Sheets:

Конструктор сайтов Tilda: обзор и интеграция с Google Sheets | Пример переданных данных в таблице

На этом все. ApiX-Drive начнет передавать данные в соответствии с заданными параметрами.

Заключение. Tilda – простой способ создания сайтов

  • Tilda — это онлайн-платформа, предназначенная для создания сайтов без помощи программистов и дизайнеров.
  • Среди основных фишек конструктора: возможность собирать сайты из готовых блоков, множество шаблонов, встроенные инструменты для аналитики и SEO, конструктор email-рассылок, продвинутый редактор для создания уникальных страниц.
  • Tilda поддерживает интеграции с разными сервисами: платежными системами, аналитическими инструментами, сервисами email-рассылок и не только. 
  • Если среди стандартных интеграций нет нужного вам сервиса, его можно подключить к Tilda через коннектор ApiX-Drive — быстро и без знаний программирования.
  • ApiX-Drive позволяет интегрировать Tilda с множеством сервисов одновременно: конструктор будет выступать источником данных, а остальные сервисы — приемниками.