Создание страниц на Tilda

Введение

После первоначальной настройки сайта можно приступать к созданию страниц. Для работы сайта доставки достаточно создать две страницы — Главную и Меню.

Мы подготовили готовые шаблоны, которые вы можете использовать для этих страниц:

• Главная страница — ID: 22924754

• Меню — ID: 22932465
  

При использовании этих шаблонов связь между страницами устанавливается автоматически.

Создание главной страницы

Для создания Главной страницы:

1. Перейдите на вкладку Мои сайты и нажмите на название вашего проекта

2. На открывшейся странице нажмите на кнопку Создать новую страницу

3. Спуститесь вниз открывшейся страницы и нажмите на кнопку Указать ID шаблона
   

   

   Если вы не оплатили тарифный план, кнопка Указать ID шаблона отображаться не будет. 

4. В поле Введите ID шаблона укажите номер готового шаблона — 22924754 и нажмите кнопку Выбрать 

5. Откроется вкладка редактирования страницы. Отредактируйте следующие блоки:
   • Логотип
   • Главный баннер
   • Карта
   • О нас
   • Контакты
   • Социальные сети
     

Заполните шаблон контентом вашего заведения.

Логотип

Загрузите логотип вашего заведения. Для этого:

1. Нажмите на картинку в верхнем блоке шаблона
2. Откроется окно загрузки изображения. Загрузите файл с логотипом
   При необходимости, изображение можно загрузить по ссылке. Для этого нажмите на кнопку Загрузка по ссылке и вставьте ссылку.

Обратите внимание: изображение для логотипа должно быть не более 80 px в высоту и не более 300 px в ширину, а также его вес не должен превышать 5 мб.

Главный баннер

Главный баннер — это та часть сайта, которую гости видят сразу. Постарайтесь сделать ее привлекательной, чтобы не только не отпугнуть гостей, но и привлечь.

Баннер состоит из двух частей — изображения и текста. Для настройки баннера:

1. Нажмите на шаблонную картинку, чтобы появилось окно загрузки изображения
2. Загрузите свою картинку. Размер главного баннера — 1920х560 px, его вес не должен превышать 5 мб. 
   Обратите внимание: выбирайте изображение осторожно: если оно будет слишком ярким или иметь много элементов, то текст на этом фоне может потеряться. 
3. Установите курсор на шаблонном тексте. Откроется текстовый редактор. Введите свой текст для баннера. 
4. Нажмите в любом месте на экране, чтобы сохранить изменения. 

Карта

Отредактируйте блок Карта Google или Yandex, чтобы гости могли видеть актуальный адрес вашего заведения на карте. Для этого:

1. Нажмите на кнопку Контент
   

   

2. В открывшемся окне HTML код / Код виджета укажите информацию по вашему заведению: 
   • pin: широта и долгота
   • center: широта и долгота (те же данные, что и в пункте pin)
   • zoom: оставьте значение по умолчанию
   • headerText: улица и номер дома
   • metroText: станция метро
   • workTime: график работы
   • tel: номер телефона
3. Нажмите кнопку Сохранить и закрыть
   

   

О нас

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

Блок О нас, как и баннер, состоит из двух частей — изображения и текста. Для настройки блока:

1. Нажмите на одну из шаблонных картинок, чтобы появилось окно загрузки изображения
2. Загрузите свое изображение. Размеры изображений должны быть следующими:
   
   • для верхнего — 345х254 px
   • для нижнего — 345х394 px
   • для правого — 346х591 px.
     Обратите внимание: вес изображений не должен превышать 5 мб. 
3. Установите курсор на шаблонном тексте
4. Откроется текстовый редактор. Введите текст блока О нас
5. Нажмите в любом месте на экране, чтобы сохранить изменения. 

Контакты

Отредактируйте блок Контакты. Для этого:

1. Перейдите в блок Контакты
2. Нажмите на кнопку Редактировать блок
3. Установите курсор на нужных строчках и введите своей текст
4. Сохраните изменения. 

Социальные сети

Настройте ссылки на аккаунты заведения в социальных сетях:

1. Перейдите в блок Контакты и нажмите кнопку Редактировать блок

2. В открывшемся окне редактирования нажмите на логотип социальной сети, затем на кнопку Settings
   
3. В появившемся меню раскройте раздел Link
   
4. В поле URL укажите ссылку на ваш аккаунт

5. Не выходя из меню Settings, укажите ссылки для остальных социальных сетей

    Настройка ссылки на Instagram

   Для настройки ссылки на Instagram, не покидая страницы редактирования, нажмите дважды на @restaurantcafe
   

   В верхней панели настроек нажмите на кнопку Insert Link
   

   

   В поле Enter a link укажите ссылку на аккаунт заведения в Instagram, а в поле Text — его название после знака @. Нажмите Apply
   

   

6. Нажмите кнопкой мыши в свободном пространстве окна редактирования, чтобы выйти из настроек
7. Нажмите на кнопку Save
8. После сохранения изменений вернитесь на предыдущую страницу, нажав кнопку Close.

Готово, главная страница сайта доставки настроена и готова к публикации.

Публикация страницы

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

1. Нажмите кнопку Опубликовать в верхнем левом углу страницы

2. Откроется окно редактирования адреса страницы. Оставьте адрес, предложенный системой, или введите свой вариант на латинице.
   Затем нажмите кнопку Сохранить и продолжить
   

3. Появится уведомление об успешной публикации. Нажмите на кнопку Закрыть или Открыть страницу, если вы хотите посмотреть опубликованную страницу

4. Вернитесь к странице своего проекта
5. По умолчанию новая страница будет называться Copy of.... Нажмите на кнопку Настройки, чтобы изменить название
   

   

6. На открывшейся странице в поле Заголовок введите название страницы. Здесь же можно отредактировать Адрес страницы
7. Нажмите на кнопку Сохранить изменения
   

   

Главная страница готова. Теперь необходимо создать страницу Меню.

Создание страницы меню

1. На страницы вашего проекта нажмите на кнопку Создать новую страницу
   
2. Внизу страницы нажмите на кнопку Указать ID шаблона
3. В поле Введите ID шаблона укажите номер готового шаблона — 22932465 и нажмите Выбрать
4. В открывшейся вкладке редактирования страницы загрузите логотип заведения и отредактируйте блоки Контакты и Социальные сети, как на Главной странице

5. Завершив редактирование, опубликуйте страницу. Укажите ее адрес и измените заголовок, аналогично действиям для Главной страницы

Создание и редактирование страниц завершено. Теперь необходимо настроить интеграцию на стороне r_k Delivery.

Политика обработки персональных данных

В шаблоне корзины предусмотрено подтверждение согласия на обработку персональных данных.

Также в шаблоне предусмотрена ссылка на саму Политику обработки персональных данных

Для работы ссылки создайте на своём сайте новую страницу с URL /privacy (https://vash-site-restorana.ru/privacy), на которой разместите стандартную политику обработки персональных данных, для того, чтобы встроенная в шаблон ссылка работала. Можно воспользоваться конструктором для создания стандартного документа от Тильды Политика обработки персональных данных.

Фиксация шапки страницы

Если вы хотите зафиксировать "шапку" страницы, чтобы при прокручивании страницы панель с меню и корзиной не исчезала, сделайте следующие настройки:

1. Перейдите на страницу сайта
2. Наведите курсор на блок шапки и нажмите на кнопку Настройки
   

   

3. В открывшемся меню скопируйте Block Id
   

   

4. Закройте боковое меню, наведите курсор на блок шапки и нажмите на кнопку Редактировать блок
5. На поле, находящимся над логотипом, нажмите правой кнопкой мыши для вызова контекстного меню и выберите Edit Code
   

   

6. Во второй строчке открытого окна вместо «rec371581468» введите Block id из пункта 3
   

   

7. Нажмите на кнопку Close&Update
8. Нажмите на кнопку Save, а затем на кнопку Close
9. На предпросмотре страницы сайта нажмите на кнопку Опубликовать. 

Готово, шапка закреплена. Теперь меню, адрес и корзина всегда будут отображены на странице.

Повторите действия для каждой созданной страницы.