УРОК #4
Разработка страницы — ч.1 (структура)
Регистрация на сервисе: https://tilda.cc/ru/

Далее подключаем бесплатное использование тарифа Tilda Personal.
Без подключения тарифа у вас не будут доступны все блоки! Не забудьте это сделать до начала работы с сайтом.

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

Ссылки на телефон и почту
Для того, чтобы сделать кликабельны номер телефона, необходимо выделить текст и создать ссылку вида:
tel:8-888-88-88
Телефон указываете В ЛЮБОМ ФОРМАТЕ

Для того, чтобы сделать кликабельной почту, необходимо выделить текст и создать ссылку вида:
mailto:test@test.ru

Якорь для навигации
Чтобы найти якорь (для ссылок внутри одной страницы), надо зайти в блоки, раздел «Другое», выбираем «Скорая ссылка» и задаем в настройках контента ссылку вида #name

Подключение сайта к формам
Чтобы подключить сайт к формам надо:
  • Вернутся на главную страницу вашего сайта (кликнуть на название в левом верхнем углу)
  • Выбрать раздел «Настройки сайта»
  • Перейти в раздел «Формы»
  • Выбрать нужную форму и следовать инструкции
  • Обязательно подключите сервис к вашей форме! Проверить это можно в настройках контента блока с формой

Зачем нужна корзина?
  1. Если вы будете проводить на сайте онлайн-платежи (у вас или клиента должен подключен Интернет эквайринг при наличии ООО или ИП)
  2. Если у ваш сайт — это онлайн-магазин (когда пользователь может взять много типов товаров сразу, а также в количестве больше одного)

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

Как добавить доставку в корзину?
Варианты доставки товара задаются в меню «Контент» блока «Корзина c формой заказа: ST100».
Откройте меню Контент > Поля для ввода.
Добавьте поле для ввода и укажите тип «Варианты доставки».

Перечислите варианты доставки, отделяя их переносом строки. Если вариант доставки не бесплатный, поставьте знак = и укажите цену (только цифры, без знака валюты).
Например:
Доставка курьером = 250

Где добавить WhatsApp?
К сожалению, в Tilda в категориях соц. сети используется только Telegram. Но вы можете подключить блок BF905 из категории "Форма и кнопка" для мессенджеров (там есть WhatsApp и Viber)

Ссылка на страницу, которую создавали в процессе видео:
http://brainchallenge.tilda.ws/main
Домашнее задание
Создайте свой первый сайт:

  • Зарегистрируйтесь на сервисе, создайте первую страницу
  • Заполоните страницу нужными блоками (не спешите, пробуйте разные варианты)
  • Вставьте в блоки ваши тексты и картинки
  • Правильно оформите форму заявки (выбирайте нужные поля)
  • Подключите вашу форму к гугл-таблице
  • Проставьте все ссылки на кнопки внутри страницы

Отправьте ссылку на ваш сайт преподавателю:)


Сроки: до 15 ноября
По любым вопросам можете писать нам на почту: info@formula-project.ru
Made on
Tilda