Создание сайта ресторана на WordPress

Загрузите zip-архив темы из панели управления в разделе «Внешний вид», «Темы», «Добавить новую» и активируйте её. Мастер настройки откроется сам, а для этого проекта всё займёт немного времени.

• Сначала лицензия. Вставьте лицензионный ключ из панели управления. Именно он позволяет мастеру загрузить пакет для ресторана на следующем шаге.
• Найдите Italian Restaurant на шаге выбора демо. В его карточке перечислены страницы, записи и блюда, которые он добавит, до того как вы решитесь на установку.
• Шаг с плагинами пропускается автоматически. Для дизайна ресторана ничего не требуется, кроме Canvas и плагина Canvas Core, который мастер установит за вас.

Если закрыть мастер настройки на полпути, он останется в меню Canvas до вашего возвращения.

Что делает каждый из 9 шагов мастера

Откройте главную страницу в разделе «Страницы». Редактор показывает шапку, слайдер, область заголовка страницы и подвал вокруг вашего текста так, как их увидит гость ресторана, поэтому приветственную фразу вы напишете в настоящем окружении страницы.

Нажмите, введите, замените

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

Говорите конкретно

Демо-текст намеренно общий, поэтому его легко заметить и легко превзойти. Замените «Authentic Italian cuisine» на то, что может сказать только вы: регион, откуда рецепты, имя человека, который стоит на раздаче, дрова в печи, час, когда выходит хлеб. Посетитель, выбирающий между двумя ресторанами, читает детали, а не прилагательные.

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

В демо есть работающая форма. Форма в Canvas — это запись, собранная из блоков: блок Form содержит поля, блок Form Field задаёт каждое поле, блок Form Submit Button отправляет её, а блок Form Embed вставляет готовую форму на любую страницу.

Поля, необходимые для бронирования

• Поля даты и времени с самым ранним и самым поздним временем. Самое раннее время задайте как час открытия, а самое позднее как время последней смены, и выберите интервал в пятнадцать или тридцать минут, чтобы не получать бронирование на 19:07.
• Поле Number для количества гостей с минимальным и максимальным значением, которые соответствуют вашему самому большому столу.
• Поля Текст и Телефон для имени и номера телефона, а также поле Email для подтверждения.
• Многострочное поле для аллергий, детских стульчиков и годовщины, которую иначе легко пропустить: Textarea
• Флажок Согласие, если вы планируете позже рассылать письма гостям, и поле Honeypot: невидимая ловушка, которая тихо отсекает большинство спама, не беспокоя человека.

Куда отправляются запросы

Форма бронирования в демо содержит поля для имени, номера телефона и адреса электронной почты, выбор даты, в котором прошедшие дни недоступны, меню времени и меню количества гостей. Каждая заявка сохраняется в таблице на вашем сайте и отображается в разделе Submissions в админке WordPress. Пока письма никому не отправляются: откройте форму, включите Send Email Notification на вкладке Actions и укажите адрес, который проверяют во время работы заведения. Затем забронируйте столик сами и проверьте, что сообщение доходит.

Относитесь к каждой записи как к запросу, который вы подтверждаете. Форма фиксирует заявку на бронь, но не считает количество гостей и не резервирует столики. Если вам нужна доступность в реальном времени, для этого подходит отдельная система бронирования, а действие webhook формы может передавать каждый запрос дальше. Также задайте срок хранения данных формы, чтобы номера телефонов гостей удалялись по расписанию, которое вы выберете.

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

Пройдите этот список, прежде чем показывать сайт кому-либо. Он короткий, и каждый пункт в нём когда-то кого-то ставил в неловкое положение.

• Отправьте реальное тестовое бронирование с телефона, при выключенном Wi-Fi в ресторане, и убедитесь, что уведомление приходит.
• Читайте каждую страницу на телефоне. Большинство людей, которые ищут, где поужинать сегодня, сейчас на ходу.
• Проверьте адрес, номер телефона и часы работы на каждой странице, где они повторяются, включая подвал.
• Напишите альтернативный текст для фотографий. Он помогает людям, которые пользуются программами чтения с экрана, а поисковая система читает его вместе со страницей, чтобы понять, как выглядит ваш обеденный зал.
• Посмотрите на экран SEO. Canvas формирует заголовки, описания, превью для соцсетей и структурированные данные на основе вашего опубликованного контента, поэтому здесь важно сделать контент конкретным, а не заполнять второй набор полей.
• Включите нужные переключатели производительности. Доступно 35 оптимизаций, и каждую из них можно отменить. Каждая загружает меньше того, что ваши страницы никогда не используют.

Затем опубликуйте сайт, добавьте адрес туда, где его ищут люди, и возвращайтесь к управлению рестораном. Теперь сайт — это набор записей, которые вы редактируете, когда меняется меню, а не проект.