{"id":201,"date":"2021-02-08T11:51:27","date_gmt":"2021-02-08T11:51:27","guid":{"rendered":"https:\/\/elementor.com\/resources\/?p=201"},"modified":"2021-10-14T11:18:39","modified_gmt":"2021-10-14T11:18:39","slug":"create-restaurant-website","status":"publish","type":"post","link":"https:\/\/elementor.com\/resources\/e\/create-restaurant-website\/","title":{"rendered":"How to Create a Restaurant Website"},"content":{"rendered":"\n<p>A restaurant website is a must-have. Having a professional and beautifully designed online presence allows you to promote your business, draw in new diners, and facilitate online reservations and deliveries.<\/p>\n\n\n\n<p>In recent years, restaurants have seen a huge spike in online orderings. According to recent studies, <a href=\"https:\/\/upserve.com\/restaurant-insider\/digital-marketing-restaurants\/\" rel=\"nofollow noopener\" target=\"_blank\">90% of guests<\/a> research a restaurant online before going there, and <a href=\"https:\/\/pos.toasttab.com\/resources\/restaurant-guest-industry-report\" rel=\"nofollow noopener\" target=\"_blank\">35% of guests<\/a> discover new places to eat via the restaurant\u2019s website.&nbsp;<\/p>\n\n\n\n<p>In addition, having a website for your restaurant means you can offer promotions, such as gift cards and coupons.<\/p>\n\n\n\n<p>Some restaurateurs feel that they\u2019re too busy running their eatery to create a website. And, hiring developers is beyond the scope of their budget. Thankfully, with Elementor and <a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\">WordPress<\/a>, you can design a fully-functional and cost-effective restaurant website with no need for coding knowledge or developers. Elementor\u2019s <a href=\"https:\/\/elementor.com\/features\/\">features<\/a>, templates, and <a href=\"https:\/\/elementor.com\/features\/editor\/\">drag &amp; drop editor <\/a>means you can custom-design your very own restaurant website without having to hire developers.&nbsp;<\/p>\n\n\n\n<p>Here\u2019s how to create an awesome restaurant website in WordPress and <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\">Elementor<\/a>:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What should a restaurant website include?<\/h2>\n\n\n\n<p>Before we begin with our guide to creating the site, we first need to understand the key ingredients of a restaurant website and its role. Here are some of the important pages and elements that every restaurant website needs:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Homepage<\/h3>\n\n\n\n<p>The <a href=\"https:\/\/elementor.com\/blog\/how-to-create-a-homepage-for-your-business-with-elementor\/\">homepage<\/a> is your restaurant\u2019s welcoming area, but online. This is where new visitors will gain their first impression of your restaurant, so it\u2019s crucial that the design, layout, and user-experience are reflective of what users will encounter when they visit your restaurant.<\/p>\n\n\n\n<p>The restaurant website homepage should feature a compelling mouth-watering hero image, depicting your best dishes, your restaurant\u2019s mission statement, and key information, such as opening hours and location.<\/p>\n\n\n\n<p>You should include an <a href=\"https:\/\/elementor.com\/widgets\/google-maps-widget\/\">embedded map<\/a> so new visitors can easily locate your restaurant, as well as links to your social media channels, and clear navigational links and CTAs directing users to the other important pages on the site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Menu Page<\/h3>\n\n\n\n<p>The menu is what new visitors want to see. This is the page where you\u2019ll convert site users into paying customers. Here, you should include a full menu, with <a href=\"https:\/\/elementor.com\/widgets\/price-list-widget\/\">prices<\/a>, and an <a href=\"https:\/\/elementor.com\/widgets\/gallery-widget\/\">image gallery<\/a> of what\u2019s on offer.<\/p>\n\n\n\n<p>If you provide online ordering and delivery, then the menu page should also allow visitors to select what they want, and place an order directly through the site.<\/p>\n\n\n\n<p>Also, you should allow verified customers to add <a href=\"https:\/\/elementor.com\/widgets\/star-rating-widget\/\">star ratings<\/a> and <a href=\"https:\/\/elementor.com\/widgets\/reviews-widget\/\">reviews<\/a> to each menu item.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Reservations Page<\/h3>\n\n\n\n<p>The online reservations page should feature a <a href=\"https:\/\/elementor.com\/widgets\/form-widget\/\">form<\/a>, where users can supply their details, such as the number of guests, and book a time and date to visit your restaurant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. About Us Page<\/h3>\n\n\n\n<p>The about us page helps to connect new visitors with the people behind the restaurant. Here, you\u2019ll feature headshots, bios, and social media channels of the chefs, owners, and managers. You should also include the history of the restaurant, why it was opened, and what are your specialties.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Testimonials Page<\/h3>\n\n\n\n<p>Nothing helps to promote your business more than a gallery of satisfied guests enjoying your food. You can also feature <a href=\"https:\/\/elementor.com\/widgets\/blockquote-widget\/\">quotes<\/a> from customers about how great your restaurant is and why site visitors should book a table and try for themselves.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Restaurant Blog<\/h3>\n\n\n\n<p>The site\u2019s <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/start-blog-make-money\/\" title=\"blog\" data-wpil-keyword-link=\"linked\">blog<\/a> should provide a steady stream of restaurant and company updates to keep your users informed of all the latest goings-on. In addition, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/make-money-blogging\/\" title=\"blogging\" data-wpil-keyword-link=\"linked\">blogging<\/a> about your restaurant, and the food-service industry helps to promote your business via search engines and gain new traffic from Google.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create a Restaurant Website \u2014 A Step-by-Step Guide<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Choose your domain name<\/h3>\n\n\n\n<p>When you set out to create your own website, the first thing you need to do is get a domain name and a web hosting service. Your domain name will allow visitors to access your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Choose your web hosting plan<\/h3>\n\n\n\n<p>The hosting plan will allow you to house all the files that make up your site. Your hosting server is where you will install WordPress and the add-ons mentioned in this tutorial.<\/p>\n\n\n\n<p>What\u2019s great about <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/wordpress-hosting\/\" title=\"WordPress hosting\" data-wpil-keyword-link=\"linked\">WordPress hosting<\/a> is that it&#8217;s optimized specifically for WordPress performance, security needs, installation, and onboarding processes. There is a long list of <a href=\"https:\/\/elementor.com\/blog\/wordpress-hosting-elementor\/\">WordPress hosts<\/a> to choose from, and many considerations to factor into your selection process.&nbsp;<\/p>\n\n\n\n<p>As far as hosting plans go, they range from affordable shared hosting plans to more expensive managed WordPress hosting and premium dedicated servers. To make your lives easier, we recommend <a href=\"https:\/\/elementor.com\/resources\/wordpress-hosting\/\">several hosting packages<\/a> that are fully compatible with Elementor.&nbsp;<\/p>\n\n\n\n<p>Once you\u2019ve signed up for your hosting plan, you will receive a welcome email that will have all the details related to your account. Find the login link to your hosting account area and use the username and password to log into your account.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Install WordPress<\/h3>\n\n\n\n<p>The next step is to install <a href=\"https:\/\/wordpress.org\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress<\/a>.<strong> <\/strong>After you have logged in to your hosting account, click on the My Accounts tab and then log in to your cPanel. In cPanel, click on the WordPress icon in the auto-installers area and follow the steps to install WordPress.<\/p>\n\n\n\n<p>After WordPress has been installed, go ahead and visit your WordPress site. Enter the name and password you\u2019ve set up and click \u2018Log In\u2019 to access your WordPress dashboard.<\/p>\n\n\n\n<p>(Textual link) See our full guide on how to install WordPress here: <a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#wordpress\">How to Install WordPress<\/a>&nbsp;<\/p>\n\n\n\n<p>Once you\u2019ve downloaded and installed the WordPress software, you can take advantage of the WordPress CMS platform. The flexibility of WordPress lets you choose from tens of thousands of WordPress templates, themes, and <a href=\"https:\/\/elementor.com\/blog\/best-free-wordpress-plugins\/\">plugins<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Install Elementor<\/h3>\n\n\n\n<p>The next step is to install Elementor, a visual website builder that greatly simplifies the WordPress website building process. Sometimes, WordPress can be an intimidating tool that seems too complex to use on your own. However, by using a visual site builder, you can create your site quickly, efficiently, and comfortably.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/doA7DYhAh-uMj1-Rb-xpw_P9LO53gYbftCPch0ZRVVEAYLTJzW_Efdo2V0PBLf1Vkjo1ql96hltKEMy0dUosM2EupbcS07Az4-R7rvliBLAmpyThp5x9PPNbmp1NeAlrXmMmK_T-\" alt=\"\" title=\"\"><\/figure>\n\n\n\n<p>In your WordPress dashboard, navigate to Plugins &gt; Add New. Search for Elementor Website Builder and click Install. When Elementor has been installed, click Activate.<\/p>\n\n\n\n<p>While Elementor is free, depending on the features you want you\u2019ll also need <a href=\"https:\/\/elementor.com\/resources\/pro\/\">Elementor Pro<\/a> to take full advantage of Elementor\u2019s capabilities. Visit Elementor.com and purchase the Pro version of the plugin then install and activate it in the same manner as above. Once <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/pro\/\" title=\"Elementor Pro\" data-wpil-keyword-link=\"linked\">Elementor Pro<\/a> has been installed, you\u2019ll need to enter your license by going to your WordPress dashboard and navigating to Elementor &gt; License.<\/p>\n\n\n\n<p>Because you\u2019re going to be using <a href=\"https:\/\/elementor.com\/blog\/introducing-theme-builder\/\">Elementor Theme Builder<\/a> and your template kit to design your entire website, you don\u2019t need to look for any design elements in your active WordPress theme.<\/p>\n\n\n\n<p>Instead, you just want the most lightweight, performance-optimized foundation, which is what the <a href=\"https:\/\/elementor.com\/resources\/hello-theme\/\">Hello theme from Elementor<\/a> provides.<\/p>\n\n\n\n<p>To get started, go to Appearance \u2192 Themes \u2192 Add New and search for \u201cHello Elementor\u201d. Then, install and activate the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/\" title=\"theme\" data-wpil-keyword-link=\"linked\">theme<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Getting Started With Elementor\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/_X0eYtY8T_U?list=PLZyp9H25CboH8b_wsNyOmstckiOE8aUBg\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Choose a Restaurant Website Template Kit<\/h3>\n\n\n\n<p>Once you\u2019ve installed Elementor, the next piece of the puzzle is a <a href=\"https:\/\/elementor.com\/library\/templates\/restaurant-food\/\" data-type=\"URL\" data-id=\"https:\/\/elementor.com\/library\/templates\/restaurant-food\/\">restaurant website template kit<\/a>. These are individual sets of templates needed for a complete WordPress website: Header, Footer, 404 page, Blog Archive, Single Post, Single Page, Popup, and more.\u00a0<\/p>\n\n\n\n<p><a href=\"https:\/\/library.elementor.com\/\">Our Template Library<\/a> features websites of many niches, each kit catering to the needs of our user community. These include portfolio sites, digital agency sites, magazine sites, beauty salons, and so much more.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use the Template Library\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/o-FJhXiZhXA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Elementor template kits are also offered by creative marketplaces, such as <a href=\"https:\/\/elements.envato.com\/template-kits\" rel=\"nofollow noopener\" target=\"_blank\">Envato<\/a> or <a href=\"https:\/\/themeforest.net\/tags\/elementor\" rel=\"nofollow noopener\" target=\"_blank\">ThemeForest<\/a>.<\/p>\n\n\n\n<p>For this tutorial, we\u2019ll use the <a href=\"https:\/\/library.elementor.com\/japanese-restaurant\/\">Elementor Japanese Restaurant Template<\/a>&nbsp;<\/p>\n\n\n\n<p><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/zRTJFzAjZyywbpCBPK7ClEn1K4NGsYZZZvL1Dw1LSxSmrH29bv3hJikgutxM5WrTApG8mCrYriecysNfudPMoalEnW9_LHZwFEBklgOjhqVSd5viC6i5W_oA6NIaeIeGFpAixebI\" width=\"181\" height=\"340\" alt=\"\" title=\"\"><\/p>\n\n\n\n<p>To install the kit, first, create a page called \u201cHome\u201d and click the Edit with Elementor button to launch Elementor.<\/p>\n\n\n\n<p>Then, open the Elementor template library and search for \u201crestaurant\u201d under Pages. Once you\u2019ve found your desired template, simply click on install.<\/p>\n\n\n\n<p><em>For more information about installing the kit, see here: <\/em><a href=\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\"><em>Create a Complete Website Using Elementor Kits and Theme Builder<\/em><\/a><em>&nbsp;<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Customizing the template kit<\/h3>\n\n\n\n<p>Once you have downloaded and installed the kit, you can use the drag &amp; drop editor to customize each and every aspect of the design and layout to tailor it to your needs.<\/p>\n\n\n\n<p>You can change the logo, color scheme, navigation links, website copy, and any other feature that you wish. You can also use the Elementor widgets to add specific functionalities to your website like a custom donate button.<\/p>\n\n\n\n<p><br><img decoding=\"async\" width=\"554\" height=\"283\" src=\"https:\/\/lh5.googleusercontent.com\/2ieYYeibtIYUVCVgZTonSukFNDx8w5TbFSEge1rmoh93AS27ftR8Mt1KmuLBlXnUFBvdJaxeowNJxXWr8wQdZbfifz4xwDk6KVp2JCzMiBaYGTlFIaOY3p_qbM_84pqI_av93sWf\" alt=\"\" title=\"\"><\/p>\n\n\n\n<p>To learn more about customizing your template, visit our <a href=\"https:\/\/elementor.com\/help\/\">help center<\/a>.<\/p>\n\n\n\n<p><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\">You can also read our thorough guide to creating your Elementor website here<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Publish the website<\/h3>\n\n\n\n<p><em>Once you\u2019re completely satisfied with your website\u2019s design, interface, and functionality, then it\u2019s time to publish it live.&nbsp;<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>To preview the site, click the <\/em><em><\/em><em> icon.&nbsp;<\/em><\/li><li><em>If you are satisfied with the result, go ahead and click the <\/em><em><\/em><em> button.&nbsp;<\/em><\/li><li><em>Click \u2018Have a Look\u2018 to view the published page<\/em><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Creating a well-designed, and fully-functional restaurant website can be a smooth, seamless process with Elementor\u2019s template kits. No coding required, simply download and install Elementor onto your WordPress site, choose your desired template kit, customize, and publish.<\/p>\n\n\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"255\" class=\"elementor elementor-255\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2769495a elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2769495a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-4f703e5b\" data-id=\"4f703e5b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f49ee56 elementor-widget elementor-widget-heading\" data-id=\"4f49ee56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Ready to Build an Awesome Restaurant Website with Elementor?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41300ecf elementor-mobile-align-center elementor-download-link elementor-widget elementor-widget-button\" data-id=\"41300ecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get started<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-77a4675d\" data-id=\"77a4675d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ba6dde0 elementor-widget elementor-widget-image\" data-id=\"6ba6dde0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"601\" height=\"400\" src=\"https:\/\/elementor.com\/resources\/wp-content\/uploads\/2021\/02\/reviews-widget-page_SOCIAL-PROOF-1.png\" class=\"attachment-full size-full wp-image-254\" alt=\"\" srcset=\"https:\/\/elementor.com\/resources\/wp-content\/uploads\/2021\/02\/reviews-widget-page_SOCIAL-PROOF-1.png 601w, https:\/\/elementor.com\/resources\/wp-content\/uploads\/2021\/02\/reviews-widget-page_SOCIAL-PROOF-1-300x200.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>A restaurant website is a must-have. Having a professional and beautifully designed online presence allows you to promote your business, draw in new diners, and facilitate online reservations and deliveries. In recent years, restaurants have seen a huge spike in online orderings. According to recent studies, 90% of guests research a restaurant online before going [&hellip;]<\/p>\n","protected":false},"author":577376,"featured_media":202,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"page_builder":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-201","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e"],"acf":[],"_links":{"self":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/users\/577376"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":2836,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/201\/revisions\/2836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/media\/202"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}