Advertisement
  1. Web Design
  2. WordPress Themes

Как сделать веб-сайт для ресторана на WordPress (вкратце)

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Не малый подвиг содержать успешный ресторан. Но для того, чтобы быть успешным, вам нужен постоянный поток клиентов, которые регулярно посещают ваше место.

Лучший способ убедиться в этом, это создать веб-сайт для вашего ресторана. Сделав это, вы сможете распространять ваше меню, часы работы и местоположения. Таким образом, люди, которые ищут место, чтобы поесть, найдут вас и без проблем.

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

Savory WordPress restaurant website theme design optionsSavory WordPress restaurant website theme design optionsSavory WordPress restaurant website theme design options
Savory WordPress — вариант оформления темы веб-сайта ресторана

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

Какие ключевые моменты должны быть у веб-сайта ресторана?

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

1. Ваше меню и часы работы

Меню, наверняка, будет самой посещаемой страницей на вашем сайте. Люди хотят знать, какую еду вы предлагаете и подаёте ли вы блюда весь день или вы открыты только в обед и ужин. Меню покажет им, из чего они могут выбрать, таким образом они решат, хотят ли они посетить ваш ресторан.

2. Изображения ресторана в хорошем качестве

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

Вот несколько примеров ресторанных фото в хорошем качестве, доступных на Envato Elements:

Restaurant photos for your websiteRestaurant photos for your websiteRestaurant photos for your website
Фото ресторанной тематики, которые вы можете использовать на своём сайте.

На Envato Elements вы найдете вдохновляющие, готовые к использованию фотографии, шаблоны, шрифты и творческие ресурсы — всё это включая неограниченную загрузку за одну ежемесячную плату.

3. Форма резервирования

Как упоминалось ранее, форма онлайн-бронирования может значительно увеличить количество заказов, при этом уменьшая количество времени, которое вы тратите на бронирование по телефону.

4. Высоко оценённые обзоры посетителей

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

5. Интегрирование адреса и карты

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

Теперь, когда вы знаете, из чего должен состоять ваш сайт, давайте рассмотрим шаги по его настройке:

Как подготовить веб-сайт ресторана (собираем ресурсы)

Теперь, когда вы решили, что будет находиться на вашем сайте, пришло время собрать ресурсы и адреса —техническую сторону настройки вашего сайта. Вам нужно будет вложиться на доменное имя, хостинг, ресторанную темы для WordPress и всё содержимое, которое будет на вашем сайте. Давайте быстро взглянем на всё это более детально:

1. Доменное имя сайта вашего ресторана

Сперва, вам надо купить доменное имя, которое отражает название вашего ресторана. Если есть возможность, выбирайте домен в зоне .RU (для России), так как это самый популярный вариант и большинство людей будут подразумевать это по умолчанию, когда будут набирать название вашего ресторана или при поиске его в адресной строке.

2. Надежный хостинг WordPress

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

Также, вы можете найти выгодным, надёжный хостинг WordPress нашей команды экспертных провайдеров Envato Hosted, которые предлагают быструю, безопасную установку экспертами нашей команды WordPress.

Envato Hosted - Premium managed WordPress hostingEnvato Hosted - Premium managed WordPress hostingEnvato Hosted - Premium managed WordPress hosting
Envato Hosted — превосходный хостинг веб-сайтов на WordPress.

Envato Hosted объединяет лучшие темы WordPress на ThemeForest с хостингом, высококлассной поддержкой и мгновенной установкой темы и всё это по низкой цене. Получите качественный хостинг для WordPress за $19USD (+ налоги, если применимо) в месяц. Просмотрите темы WordPress для ресторанных сайтов от Envato Hosted.

3. Качественные темы ресторанной тематики для WordPress

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

В целях этого урока, я использую тему для сайта ресторана на WordPress — Savory, в которой есть несколько заготовленных демо, портирование демо в один клик, множество вариантов настроек темы под ваш вкус. Только взгляните на оформление этой темы WP:

Savory restaurant website WordPress themeSavory restaurant website WordPress themeSavory restaurant website WordPress theme
Savory — лучшая тема ресторанной тематики для WordPress на ThemeForest.

Найдите для себя больше отличных ресторанных тем для WordPress, которые доступна для скачивания с ThemeForest:

4. Всё ваше содержимое и изображения

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

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

Как быстро сделать веб-сайт для вашего ресторана ()

Пришло время начать собирать ваш сайт. Если вы используете Envato Hosted, когда наша команда установит новые WP тему и WordPress сайт на наши сервера.

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

1. Установка WordPress

Первый шаг это установка WordPress. Для этого, вам нужно найти в панель управления cPanel, указав пользователя и пароль, предоставленные вашим хостиг провайдером. Затем, прокрутите вниз до раздела Website Installers или One Click Installers. Найдите там Wordpress нажмите кнопку Установить.

Заполните название нашего сайта, имя пользователя и пароль и нажмите кнопку Установить.

Когда установка завершится, вы увидите сообщение, предлагающее вам выполнить вход в панель управления вашего WordPress. Перейдите по ссылке и введите данные для входа.

2. Установка новой темы WordPress

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

Installing a WordPress Restaurant themeInstalling a WordPress Restaurant themeInstalling a WordPress Restaurant theme

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

3. Установка необходимых плагинов

Последний шаг это активация необходимых плагинов. Нажмите на ссылку, которая гласит Begin Installing Plugins.

Activating required WordPress pluginsActivating required WordPress pluginsActivating required WordPress plugins

На странице которая загрузиться, выберите все плагины и нажмите кнопку Установить в выпадающем меню.

Activate pluginsActivate pluginsActivate plugins

Теперь, когда все плагины установлены, пришло время настроить ваш сайт.

Как создать неотразимую главную страницу для сайта ресторана

Так как все установлено, пришло время создать неотразимую главную страницу для вашего нового веб-сайта ресторана, которая поможет вам заполучить больше заказов. Вы можете начать с создания страницы с нуля, перейдите в Страницы > Добавить новую, а затем используя Visual Composer (входит в данную тему) добавьте изображения, галереи, слайдшоу, пункты меню и прочее.

editing elements in WordPressediting elements in WordPressediting elements in WordPress

Но, если вы хотите сэкономить немного времени, самым простым будет импортировать демо содержимое, которое идёт вместе с шаблоном сайта ресторана WordPress. Там содержится несколько заготовленных демо со структурой, так что, всё что вам нужно сделать, это заменить содержимое на ваше.

Elated OptionsElated OptionsElated Options

Чтобы импортировать демо содержимое, перейдите Elated Options > Import. Выберите всё, отметьте поле рядом с Import attachments (импортировать вложения) и нажмите кнопку Импорт.

Importing demo content into your WordPress siteImporting demo content into your WordPress siteImporting demo content into your WordPress site

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

Default Savoy restaurant WP website theme demo homgepageDefault Savoy restaurant WP website theme demo homgepageDefault Savoy restaurant WP website theme demo homgepage
Демо страница, ресторанной темы Savoy для сайта на WP

Чтобы заменить содержимое на ваше, нажмите кнопку Изменить страницу на панели администратора. Откроется окно, в котором показан редактор Visual Composer, на которой вы можете собирать страницу перетаскивающем. Если вы начали с нуля, вы должны выбрать желаемый элемент, такой как изображение или текстовый блок, а затем переместить его в нужное место.

editing a text blockediting a text blockediting a text block

Как только все элементы оказываются на своём месте, всё что вам осталось сделать, нажмите на значок с карандашом, для настройки содержимого.

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

Когда вы отрегулировали демо, запишите имя страницы и направляйтесь в Настройки > Чтения и выберите страницу из раскрывающегося меню рядом с текстом, который читается На главной странице отображать > Статическую страницу. Сохраните ваши изменения и главная страница готова. Наконец, разнообразьте её вашим содержимым и изображениями вашего ресторана.

Стоит упомянуть, что остальные страницы вы можете настроить в той же манере, так как Savory идёт с заготовленными шаблонами страниц ресторана: «о нас», страница с полным меню, контакты, резервирование и другое.

Как настроить ресторанную тему WordPress

Насройка темы Savory делается через страницу Elated Options. Здесь, вы найдете настройки для цветов, штифтов, заголовков, «подвалов», сможете загрузить ваш логотип и иконку сайта и т.п.

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

Как создать форму для резервирования на вашем ресторанном сайте

Тепер, когда вы настроили тему, главную страницу и остальные страницы по желанию, давайте пройдёмся по шагам создания формы заказа. Первое, что вам нужно, так это аккаунт на OpenTable. Если он у вас уже есть, тогда вам понадобится OpenTable ID. Если нет, создаете аккаунт, что является довольно простой процедурой, так что, регистрируйтесь на OpenTable, а затем возвращаетесь к вашему сайту.

Add a booking formAdd a booking formAdd a booking form

Перейдите в Pages и выберите страницу, которую вы хотите показать в форме резервирования. Во встроенном редакторе, нажмите на иконку плюс, чтобы добавить новую строку и новые элемент. Прокрутите вниз и найдите блок Reservation Form и введите ваш OpenTable ID. Выберите обложку формы, нажмите Save Changes, для сохранения изменений и нажмите кнопку Update, чтобы отобразить форму на нашем сайте.

OpenTable settingsOpenTable settingsOpenTable settings

Как лучше всего рекламировать сайт вашего ресторана —чтобы привлечь новых посетителей

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

1. Добавьте ссылку в профилях соцсетей

Один из наипростейших способов рекламирования вашего нового сайта ресторана —добавить на него ссылку на ваших страницах в соцсетях. Во многих сетях, таких как Facebook, Twitter и Instagram есть место, чтобы добавить ссылку на веб-сайт — поэтому убедитесь что вы это сделали.

2. Разместите фото блюд в Instagram

Instagram очень популярная соцсеть, с 700 миллионами активных пользователей. Многие рестораны уже используют эту платформу и каждый день распространяют фотографии своих блюд, а также их сотрудников, интерьер ресторана и фотографии, которые отражают их фирменный стиль в забавном и творческом образом. С правильным использование хэштегов и георгиной-меток ваших фотографий, вы обязательно привлечёте новых постоянных посетителей.

3. Партнёрство с приложением популярной еды

Подумайте о том, чтобы участвовать в программах лояльности в популярных онлайн-приложениях, таких как Belly или LevelUp. Приложения поощряют посетителей проверить твой ресторан, используя программы игрофикации и лояльности; и зачастую предлагают скидку на посещение места определенное количество раз.

4. Используйте пропаганду в болгарских сетях

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

5. Предлагайте купоны новым посетителям

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

Быстро сделать отличный веб-сайт ресторана

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.