Как сделать интернет-магазин на Tilda – пошаговая инструкция

Более 450 модулей, свыше 600 000 клипартов из встроенной базы изображений, совместимость с 15 платежными сервисами. Все это о конструкторе сайтов Tilda, который входит в десятку лидеров подобных сервисов. С помощью платформы предприниматель может самостоятельно разработать проект — без помощи программистов и дизайнеров. 

В этом материале расскажем, как создать интернет-магазин на Tilda, оценим преимущества и слабые стороны сервиса.

Маркетинг

Читайте также:

Таргетированная реклама: что это такое, как ее настроить и оценить эффективность

Таргетированная реклама: что это такое, как ее настроить и оценить эффективность

Достоинства и недостатки магазина на Тильде

Создание интернет-магазина на Тильде может занимать не более нескольких часов. Tilda идеально подходит для тестирования новых проектов при оценке рентабельности. Есть интеграции с 1С и «Мой склад». Каталог оснащен фильтром поиска товаров. 

Преимущества Тильды

• Быстрое решение для создания интернет-магазинов с простой структурой. 
• Для работы с платформой не требуются специальные навыки.  
• Большой выбор шаблонов с минималистичным дизайном. 
• Возможна интеграция со сторонними сервисами. 
• Расширенный функционал в тарифе Business. 
• Нулевые блоки — для разработки уникальных секций. 
• Удобный визуальный редактор. 
• Возможность интеграции стороннего кода — для этого используется сервис Weblook. 
• Подключение 15 платежных сервисов. 
• Обширная библиотека изображений, наборы шрифтов.

При необходимости можно перенести сайт на собственный сервис. Предусмотрены поисковая оптимизация торговой площадки, настройка email-рассылок, сбор статистики. 

Недостатки Тильды

• Объем для хранения данных — всего 1 Гб. 
• Отсутствует опция прочистки кода. 
• Нет комбинированного поиска по тегам. 
• Для работы с нулевыми блоками потребуется глубокое знание Tilda. 
• Неглубокая аналитика.

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

Чтобы повысить эффективность маркетинга и увеличить объем продаж, используйте технологичные сервисы. Сервис речевой аналитики Calltouch Предикт записывает разговоры операторов с потенциальными покупателями и делает текстовые расшифровки. С их помощью вы узнаете, что волнует ваших клиентов, сможете доработать скрипты продаж и улучшите качество клиентского сервиса.

Технология
речевой аналитики
Calltouch Predict

• Автотегирование звонков
• Текстовая расшифровка записей разговоров

Узнать подробнее

Прототипирование и планирование архитектуры

Прототип — схематическое отображение элементов сайта: кнопок, блоков, иллюстраций. Рекомендуем сделать его в Figma. Архитектура интернет-магазина — это структура будущей площадки. Основные разделы: «Главная», «Каталог», «Корзина», «Личный кабинет», «О компании». 

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

• найдите лидеров ниши по тематическим запросам;
• выберите 3–5 наиболее удачных площадок;
• создайте аналогичную структуру, взяв из понравившихся образцов разделы, которые отвечают потребностям компании.

Цветовая гамма интернет-магазина

Советуем ограничиться 2–3 цветами. Фон следует сделать нейтральным — белым, серым, кремовым. Цвет шрифта должен контрастировать с фоном для удобного чтения. Кнопки тоже нужно выделить цветом. Бесплатные иконки доступны на Flaticon. Или воспользуйтесь платным сервисом Thenounproject. Логотип поможет сделать дизайнер.

Подготовка к созданию сайта

Зарегистрируйтесь

На Tilda доступны два тарифных плана интернет-магазинов: Personal и Business. Разница — в количестве сайтов на одном аккаунте. Предусмотрен тестовый период в течение 14 дней — воспользуйтесь им, чтобы получить представление о функциях Тильды.

Форма регистрации на Тильде.

После регистрации вы попадете на стартовую страницу. Напишите имя торговой площадки. Название нашего магазина — «Мой магазин».

Выберите шаблон

В феврале 2023 года доступен 21 шаблон. После выбора варианта появится окно с предложением добавить еще страницы.

По умолчанию секции уже заполнены контентом. Поменяйте текст.

Руководство, как сделать интернет-магазин на Тильде

Технические настройки

В верхней правой части нажмите кнопку «Настройки сайта». В окне можно отредактировать название, описание, субдомен. Если вы желаете подключить свой домен, перейдите по ссылке.

Чтобы приобрести домен, обратитесь к регистратору или воспользуйтесь внутренним функционалом Тильды. Укажите доменное имя в соответствующем поле формы, нажмите «Сохранить». Если вы прибегли к услугам стороннего регистратора, привяжите домен к сайту. Как это сделать, написано в инструкции. Для каждого сервиса — свой алгоритм:

• REG.RU
• RU-CENTER
• Timeweb
• Beget

Обновление займет до 24 часов.

Служебный контент следует скрыть от индексации с помощью тега noindex. К таким разделам относятся корзина, личный кабинет, информация об оплате, авторизация и другие подобные страницы. 

SSL-сертификат

SSL — Secure Sockets Layer — это протокол безопасности, отвечающий за шифрование соединения между сервером и браузером. Для его получения:

1. Отключите переадресацию с http на https.
2. Установите отображение адреса сайта без www.
3. Отключите https и www для файла robots.txt. Перейдите: «Настройки» — «SEO» — «Настройка редиректов 301». Установите значение «По умолчанию».

Зайдите в раздел «HTTPS». Активизируйте переключатель, чтобы получить сертификат безопасности. Это займет 5–30 минут. Далее верните переадресацию с http на https.

Если вы купили домен на Tilda, автоматически подключите почту в разделе «Домен». Для этого перейдите в «Управление доменами» и нажмите соответствующую кнопку. Создайте почтовые ящики для себя и сотрудников. 

Меню, шапка и подвал, поиск

Добавляем блоки, которые будут отображаться на всех страницах сайта. Чтобы сделать шапку сайта:

1. Создайте новую страницу.
2. Разместите элементы шапки — название, меню, контакты, корзину, поиск.
3. Перейдите в раздел «Шапка и подвал», который находится в настройках сайта.
4. Задайте странице статус «Шапка».

Аналогичным образом создайте footer — подвал сайта. Из каких элементов он состоит: копирайт, контакты, полезные ссылки, иконки соцсетей, навигация.

Как добавить поиск: 

1. Найдите среди блоков раздел «Другое».
2. Установите поисковый блок Т838. Альтернативный вариант — меню МЕ901. Для создания блока поставьте галочку напротив «Добавить поле поиска».

Главная страница

Элементы, которые нужно разместить: 

• баннер;
• избранные товары; 
• преимущества;
• разделы — поблочно с иллюстрациями; 
• товарные категории;
• хиты продаж. 

Зайдите в раздел настроек главной страницы и выберите нужные блоки. Сохраните изменения. 

Каталог, товарные категории

Эти разделы создаем по тому же алгоритму, что и для главной страницы. Основные элементы раздела:

• дублирующее меню или «хлебные крошки», чтобы пользователь видел, в каком разделе сайта он находится;
• заголовок;
• страницы со списком товаров — листинг;
• разделы;
• фильтр;
• страница подписки.

Не выводите большое количество товарных позиций на странице, так как это увеличит время загрузки. Воспользуйтесь пагинацией — укажите количество отображаемых товаров. Сделайте блок «Рекомендованное», его номер ТЕ800.

Карточки товаров

Алгоритм создания — тот же. Базовые элементы: 

• фото;
• кнопки «Купить», «В корзину»;
• параметры;
• описание;
• стоимость;
• характеристики; 
• наличие;
• доставка. 

Советуем также добавить «Отзывы» и выделить акционные позиции.

Служебные страницы

К ним относят: sitemap, XML- и HTML-карты сайта. XML-карта генерируется автоматически. HTML-map обеспечивает доступ поисковых роботов к сайту — рекомендуется для площадок размером от трех страниц. 

Sitemap — это карта сайта, которая показывает поисковикам страницы для индексации. Как сделать:

1. Создайте новую страницу.
2. Добавьте секцию с заголовком «Карта сайта», в настройках укажите H1.
3. Зайдите в контент, выделите все страницы кроме sitemap и неиндексируемых.
4. Разместите в подвале ссылку на карту сайта.

При создании новых страниц не забывайте добавлять их в Sitemap.

Корзина

Соответствующий блок находится в разделе «Магазин» — ST100. Советуем его также добавить в шапку или подвал. Что можно настроить:

• ограничение по сумме заказа и числу товаров;
• время хранения товаров;
• иконки.

Подключение платежей

Перейдите в «Настройки сайта», выберите «Платежные системы», установите вид валюты. Добавьте платежные системы, настройте параметры работы. 

Под списком платежных систем отображается блок «Общие настройки оплаты». Выберите уровень проверки товара, цены доставки, скидки. Укажите параметры бронирования заявки, подключите уведомление покупателя об оформлении заказа. 

Настройка Вебмастера и сервисов аналитики 

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

Подключите Яндекс.Метрику: 

1. Зайдите в раздел «Аналитика».
2. Подключите счетчик системы — для этого авторизуйтесь в системе, добавьте счетчик. 
3. Укажите имя и адрес сайта без https. 
4. Примите условия пользовательского соглашения. 
5. Нажмите «Создать счетчик». 
6. Укажите его номер в соответствующем поле в разделе «Аналитика». 

Интеграция с CRM

В конструкторе есть встроенная бесплатная CRM. Для подключения зайдите в соответствующий раздел через меню.

Задайте название новому листу, после чего нажмите «Подключить к сайту».

Дополнительные функции для интернет-магазина

• Интерактивные карточки товаров — для смены фото клиенту нужно просто навести курсор на картинку. 
• Параметры товара — выберите до трех характеристик. Для этого перейдите: «Настройка карточки» — «Контент». 
• Добавьте раздел с сопутствующими товарами. 
• Промокоды — добавляются в разделе «Платежные системы». 
• Минимальная сумма заказа — установите значение в настройках раздела «Корзина». 
• Доставка — выберите варианты в разделе «Контент».

На Tilda предусмотрена своя аналитическая система. Доступны отчеты о просмотрах товаров, эффективности каналов, активности городов. 

Понять, из каких источников поступают звонки, а какие бесполезны, поможет Коллтрекинг Calltouch. Сервис автоматически определит конверсию и стоимость каждого звонка, его географию и используемое устройство. Отчет поможет понять, какая реклама работает, и не тратить время и бюджет на неэффективные площадки.

Коллтрекинг Calltouch

Тратьте бюджет только на ту рекламу,
которая работает

• Коллтрекинг точно определяет
  источник звонка с сайта
• Прослушивайте звонки в удобном журнале

Подробнее про коллтрекинг

Коротко о главном

• Интернет-магазин на Тильде можно сделать самостоятельно. 
• Платформа обладает достаточным функционалом для создания полноценной торговой площадки. 
• Конструктор сайтов оснащен собственной CRM, аналитической системой, есть интеграция с 15 платежными системами. 
• Тильда подойдет для пилотных проектов, небольших интернет-магазинов.