Как сделать интернет магазин на Тильде

1. Переходим по ссылке и регистрируемся
2. Вводим имя, почту и пароль. Почту нужно вводить действующую, так как туда придет код, чтобы подтвердить аккаунт
3. После регистрации, Tilda нам предложит активировать 2 недели пробного периода. Активируем его
4. Все, можно приступать с созданию сайта

1. Берем коммерческий запрос, который характеризует нашу тематику. Например, Купить солнцезащитные очки
2. Ищем несколько сайтов из выдачи ТОП-10. Важно, не смотрим рекламную выдачу, а только органическую
3. Регистрируемся в сервисе Мегаиндекс. Далее в инструмент «Видимость» и по очереди вбиваем наши найденные сайты из пункта 2
4. Выписываем 3-5 сайтов, на основании которых будем строить структуру в программе xmind
5. Выписываем повторяющиеся элементы (которые есть у всех лидеров)

• шапку,
• подвал,
• главную,
• страницу Раздела,
• карточку товара

1. Сначала нужно выписать в отдельный лист Excel элементы шапки всех сайтов
2. Выделяем столбец —> «Сортировка от А до Я»
3. Наши элементы выстроились в алфавитном порядке, так нам будет удобно их считать. Считаем, сколько одинаковых элементов в шапке
4. Выделим те элементы, которые будем внедрять (это элементы, которых больше всего), их отмечаем оранжевым
5. Все остальное удаляем, оставляя только выделенные элементы
6. Проделываем все с остальными элементами

1. Бежим в РЕГ. РУ, в раздел Мои домены
2. Ищем наш домен
3. В разделе DNS-серверы и управление зоной, жмека на кнопку «Изменить»
4. Если вы при регистрации не указали DNS-серверы, то выбираем от REG RU
5. В разделе «ресурсные записи» удаляем все записи
6. Добавляем новую А-запись в поле Subdomain указываем - @ в поле IP копируем из ЛК Тильды, где это искать, я рассказал в видео, выше. «Готово»
7. Добавляем еще одну А-запись в поле Subdomain указываем - www IP такой же как и выше
8. Ждем. Обычно это занимает несколько часов. Максимально до 48 часов

• После того, как доменное имя подтверждено, у вас появится зеленая галочка (Подтвержден)
• Открываем раздел «Пользователи» и добавляем пользователя
• Создаем новый аккаунт и заполняем все поля
• Поле логин, это ваш будущий адрес почты. Я обычно пишу info или sale.
• Когда все поля заполнены, у вас появится новый пользователь
• В почту заходите с логином таким, каким его писали на прошлом шаге, например, если писали info, то будет логин info@вашдомен.ру

• 499 номер стоит 120 руб/мес
• 495 стоит 190 руб/мес
• 8800 подключить будет бесплатно (акция у них, на момент написания статьи), а в месяц вам придется платить 790 руб. + стоимость входящих звонков около 3 руб, так как 8800 - это бесплатный номер для звонящих и оплачивает его тот, кто принимает звонки

• Выбираемстраницу с логотипом или сам элемент
• Справа вверху нажимаем Скачать
• Тип файла PNG
• Скачать

• о магазине, где будет информация о самой компании;
• контакты;
• доставка, оплата и т. д.

1. Нажимаем на + (плюс), чтобы добавить новую секцию. Если у вас на странице еще нет ни одного блока, то нажимаем на «Все блоки»
2. Идем в раздел «Меню» и нужный блок
3. В добавленной секции, жмем «Контент»
4. Раздел «Логотип». Так как мы на позапрошлом этапе сделали логотип в Канве, то удаляем текст в поле «Заголовок» и загружаем наше лого. В поле «Ссылка», ставим "/" (слэш, без кавычек). Это для браузера значит, что при клике на лого, он перейдет на Главную
5. Далее в «Контенте» в разделе Дополнительно и в поле описание пишем номер телефона
6. В разделе «Кнопки» в первой кнопке пишем «Обратный звонок» ссылку пока не ставим
7. Теперь идем в «Список пунктов меню». В первом пишем «Каталог» или «Разделы», а остальные пункты будут коммерческими факторами (о компании, доставка и оплата, контакты, акции и тд.)
8. Далее определяемся с подменю. Если у нас разветвленная структура, то добавляем подменю второго уровня ME601B. Если не сильно большая структура, то можем прям в этом же меню добавить подпункты к Каталогу. (смотрите скрины ниже)
9. Если вы добавили подменю отдельным блоком, то в пункте Каталог, нужно указать ссылкувида #submenu:details

1. В основных настройках в «ПОВЕДЕНИЕ ПОЗИЦИОНИРОВАНИЯ МЕНЮ» ставим «Статика»
2. В «РАЗМЕР КОНТЕЙНЕРА МЕНЮ» ставим 12 колонок, если хотим, чтобы наши пункты меню, номер телефона и лого не растягивались на всю ширину экрана
3. Переходимв в ОПИСАНИЕ и задаем описанию цвет. Я задал белый
4. Листаем в самый низ настроек «ДИАПАЗОН ВИДИМОСТИ НА УСТРОЙСТВАХ» и ставим бегунок на от 980 до MAX
5. Остальное можно ничего не менять

1. Копируем адрес для открытия блока, вида #popup:myform
2. Идем в контент нашего меню и в разделе «Дополнительно», еще раз выделяем Обратный звонок, нажимаем на значок ссылки и вставляем нашу скопированную ссылку из формы для обратного звонка
3. В настройках можете указать цвет и подчеркивание, если оно нужно
4. Сохраняете

1. Нажать на кнопку «Выбрать блок»
2. Прописать в ручную. Для этого, нам нужно перейти в настройки блока, на который хотим дать ссылаться, прокрутить в самый низ настроек и скопировать Block id
3. Вставить его в поле ссылки

• Иконку ???? обычно размещают в шапке сайта. Можно заместо иконки просто использовать текст «Поиск». Если вы используете МЕ301, то ???? можно разместить в пункте меню и дать ему link на поиск.
• Сначала бежим в контент и копируем ссылку - #opensearch
• Теперь ее вставляем в поле для URL, где будет открываться наш поиск
• Я рекомендую задать поисковые подсказки. Самые интересные для продажи товары (для вас), можно забить в подсказки и люди будут чаще на них нажимать и потенциально чаще заказывать

1. Создаем новую секцию, в разделе Подвал, ищем — FT302 Панель: логотип, иконки соцсетей, копирайт и ссылки в 3 колонки
2. Идем в настройки этогоблока, скролим вниз и нажимаем «Конвертировать в Zero Block». ВАЖНО!!! Сначала конвертируем, а потом вносим правки, иначе вы потеряете все изменения
3. Теперь наш стандартный переделали в Zero, но настройки адаптации все сохранились
4. Переходим в редактирование
5. PRODUCT переименовываем в РАЗДЕЛЫ
6. А под ним пункты, это будут ваши разделы сайта
7. Для того, чтобы начать править каждый пункт, надо два раза кликнуть на него, изменить название и поставить УРЛ. И так для каждого
8. Поле, где написано EDUCATION я использую для контактной информации
9. EDUCATION меняем на ИНФОРМАЦИЯ, а в пунктах пишем: О компании, Контакты, Сертификаты, Доставка и оплата
10. Поле HELP меняем на номер телефона, делаем его более контрастным и даем ему линк
11. Под номером телефона, указываем: График работы, Карта сайта, Политика конфиденциальности, Копирайт
12. Слева, где логотип, меняем на свой лого
13. Под лого, если есть у вас соцсети или мессенджеры, то указываем
14. Наш подвал готов.

1. Не берем картинки с Yandex и Google картинок
2. Не тырим с чужих сайтов. Кстати, когда вы берете с Яндекс картинок, то это равносильно тому, что вы у кого то на сайте их взяли. Так как в эти хостинги они попадают именно из сайтов
3. Берем только с сервисов, где есть коммерческая лицензия. То есть вы можете использовать эти картинки бесплатно для своих коммерческих нужд. Еще есть лицензия Creative Commons - это для личного использования или указания авторства

1. Unsplash
2. Pixabay
3. FreePNG
4. PNGTree
5. IMGBIN
6. Gratisography
7. Little Visuals
8. Foodiesfeed

1. Freepik
2. Flaticon
3. Thenounproject
4. Icon-icons
5. Icons8

• Переходим в настройки страницы
• Вкладка «Дополнительно»
• Листаем до пункта «ПАПКА»
• Чуть ниже нажимаем «Создать новую папку»
• Все, теперь новые папки вы сможете создавать прямо в личном кабинете, над всеми папками появился значок "+"

• Главная
• Страница Раздела
• Карточка товара

• Баннер на первом экране с заголовком, описанием и кнопкой
• Лучшие товары
• Преимущества
• Продаваемые товары
• Все разделы блоками с фото
• Товары по типам (с табами)
• Хиты продаж с табами

• Хлебные крошки
• Заголовок
• Листинг товаров
• Разделы
• Фильтр
• Подписаться

• Хлебные крошки (нельзя, так как товары формируются автоматом, через функционал «Товары»)
• Фотография
• Кнопка «Купить в 1 клик»
• Кнопка «В корзину» (можно одну любую кнопку, либо с модификацией)
• Описание
• Характеристики
• Артикул
• Цена
• Выбор размера
• Наличие
• Доставка
• Отзывы (есть ограничения по внедрению)
• Рекомендованные товары
• Акция
• Другие цвета
• Нашли дешевле
• Преимущества (если только текстом)
• Выбор кол-ва
• Сертификаты (нельзя)
• Комментарии (нельзя)

Кнопка в товаре добавляется автоматически. Если вам нужно еще кнопок, то для этого прочитайте вот эту статью – Как добавить вторую кнопку в карточку товара Тильда

1. Информация — это уникальная информация для каждого товара. Тут вы указываете описание товара, которое относится только к данному товару. Он хорошо подходит для уникализации товаров в интернет магазине, под новый алгоритм Yandex – Яти
2. Шаблон — это какой-то шаблонный текст, который подходит для всех товаров. Например, доставка и оплата, Как заказать и тд. Можно создавать несколько различных шаблонов и их использовать на определенных товарах или сразу на всех
3. Информация из поля: Текст — этот вид служит для того, чтобы разгрузить верхнюю часть товара и перенести его вниз, чтобы сфокусировать посетителя магазина на конверсионных действиях, это может быть - Положить товар в корзину или Купить его
4. Информация из раздела: Характеристики — по сути тоже самое, что и третий пункт. Только отображает информацию из характеристик товара

1. Если вы делаете карточку товара любым способом, но не через функцию «Товары», например, через Zero, то вы расходуете лимит страниц, у которых в Tilda на платном тарифе, всего 500. Поэтому, чтобы не расходовать лимит, рекомендую делать из через Товары. Тильда дает возможность загрузить 2500 товаров на один сайт.
2. Все ссылки на созданные карточки товара, вы будете прописывать сами в ручную. И если вдруг, вы решили поменять УРЛ на какую-то карточку, то придется менять ее на всех страницах, где она есть. Плюс ко всему, на каждой кнопке «В корзину», вам придется вручную вписывать цену товара, указывать название и путь к картинке
3. Когда вы делаете карточку товара, через Зеро, то увеличиваете время разработки сайта, а также управление товарами. А время, это ценный ресурс ;) И если вы, затянете с разработкой сайта, то вероятность, что сайт так и не запустите, вырастает в несколько раз

• В дополнительных настройках, можно настроить минимальную сумму заказа, а также минимальное кол-во товаров
• Количество дней хранения товаров в корзине, либо вообще не сохранять товар в корзине
• В расположении корзины, можете детально настроить, где будет расположен значок корзины. Особенно рекомендую протестировать, не мешает ли корзина в мобильной версии

1. Создаем новую страницу на нашем сайте
2. Добавляем на нее блок с заголовком Карта сайта (даем ей тег H1 настройках)
3. Добавляем — IX06
4. Идем в контент и галочками выбираем все страницы, кроме самой карты сайта. Не добавляем в карту сайта то, что мы не хотим, чтобы Yandex / Google индексировали, например, «политику конфиденциальности» или «спасибо за заказ». Помимо этого, их нужно закрыть отдельно от поисковиков в настройкахстраницы
5. На скрине ниже, как выглядит изнутри, мой блок с картой сайта
6. Теперь в подвале сайта, нужно разместить ссылку на эту страницу. Для чего это? Для того, чтобы при обходе вашего сайта, роботы сразу же обходили все URL'ы в 2 клика. Потому что, чем больше кликов надо сделать, чтобы добраться до какой то страницы, тем меньше у нее вес и больше вероятность, что ее робот не проиндексирует (это как правило с большим кол-вом страниц)

• Заполняете все поля, которые вам предлагает платформа.
• В конце, нажимаете на кнопку, скопировать
• Создаете новую страницу на сайте
• Называете ее политика конфиденциальности
• Вставляете скопированный контент
• Готово!

• Огромный опыт работы
• Клиентоориентированность
• Мы лучшие и тд.

• Городской номер телефона. Как его получить писал выше
• Мобильный номер телефона
• Почта
• Адрес магазина
• Карта сайта
• Режим работы

1. Переходим в кабинет разработчика
2. Нажимаем на кнопку «Подключить API»
3. Далее пункт «Javascript API и HTTP Геокодер»
4. Заполняем небольшую анкету от Yandex
5. Как увидим надпись: API интерфейс подключен, жмем «Перейти к API»
6. Откройте настройки ключа по кнопке «Изменить»
7. В поле «Ограничение по HTTP Referrer» впишите доменное имя вашего сайта. На второй строке добавьте домен «tilda.cc», чтобы карта отображалась в Редакторе.
8. Сохраняем
9. Ключ получен. Номер ключа будет указан под названием ключа в списке. Значение ключа нужно скопировать
10. Переходим в Настройках сайта → Еще → Ключи от API карт
11. Вставляем наш ключ
12. Сохраняем и переопубликовываем

• Как подключить каталог
• Добавление товаров на сайт. Наполнение. Обязательные поля для заполнения
• Как выводить превью на листинге интернет-магазина
• Добавление чек-боксов, кнопок выбора дополнительных параметров в карточке товаров
• Как выводить блок похожих товаров в Карточке товара
• Как настраивать фильтр для товаров
• Работа с каталогом
• Фильтры
• Параметры товара

• настроить аналитику,
• подключить приемщик заявок
• правильно подать сайт в индекс

1. Переходим в Webmaster
2. Нажимаем на плюс и добавляем сайт
3. Выбираем подтверждение, через метатег, копируем, то что в кавычках, после content="
4. Бежим в настройки сайта Tilda, Еще
5. Листаем вниз, ищем поле, подтверждение домена яндекса через метатег
6. Вставляем скопированный текст
7. Публикуем
8. Возвращаемся в вебмастер и нажимаем Проверить

• Переходим в Представление в поиске, Региональность и привязываем регион. Самая сильная региональная привязка, через Яндекс.Бизнес.
• => в индексирование, страницы в поиске. Смотрим историю и исключенные
• Смотрим, чтобы не было статуса: Малоценная или маловостребованная страница. Это значит, что Яша проиндексировал ее и выкинул ее из индекса, по какой то причине. Обычно, эти они похожи по содержанию на другие на вашем сайте. Проще говоря, одинаковый контент. В двух словах об этом противном статусе не расскажешь. Все статусы я подробно разбираю в своем курсе, Бешеное SEO
• В разделе Индексирование - Переобход страниц, мы отправляем страницы на переобход, чтобы робот их быстрее обошел. Есть лимит в сутки, обычно у небольших свежих сайтов это 30 страниц

• Настройка целей
• Работа с отчетами
• Tilda статистика

• Carrot quest, реализовано это в блоке T884

• Callbackhunter - блок T128
• JivoSite - блок T133
• Chatra - T138

• Телеграм (telegram)
• WhatsApp
• Viber
• Vk (вконтакте)
• Skype
• E-mail
• Просто номер телефона

• MailChimp
• SendinBlue
• Mailerlite
• GetResponse
• UniSender
• Или интегрировать свой