How To Make a Restaurant Website? (Step-By-Step)


restaurant website creation tutorial

So you are interested in how to make a website such as this one? Great! I’ll show you step-by-step how you can do it as well in one single day.

I will teach you everything you need to know how to build a beautiful site in WordPress, my recommended website builder because of the customization options you will have!

You will be able to choose from hundreds of themes and customize your website as you please, whether that is visually breathtaking or simple and easy to navigate. Anyways, I hope that you are as excited as I am because let’s not waste any time chitchatting, and let’s get started!

Important Information: I will teach you how to make a website using WordPress.org instead of WordPress.com like the vast majority is doing. This is because you will have 100% control over your website, which is really, really important.

1. Choose a Domain Name

Before anything, you need to decide on a domain name for your website. This is what people will type to find your domain name. For example, this website’s domain name is justrestaurantsupplies.com.

If you already have a restaurant or are considering starting one, make sure that your domain name will match your business name somehow. The best ones are easy to remember and short.

However, if your restaurant’s name is something even relatively common, the chances are that it is taken, at least the one that ends to .com. If this is the case, you can also choose some of the following:

  • .net
  • .org
  • .biz
  • or many others

We do recommend .com above all else because it is universally trusted and the most recognizable. Also, if you only operate locally, you can always use a national domain extension such as .us, .ru, or .fi.

You can also use a domain name generator if you struggle with coming up with a domain. I love DomainWheel for that purpose.

You can purchase a domain name from various domain name providers. One of the popular ones is Domain.com, and a domain name usually costs $10-$20. However, you can also purchase a domain name in connection with your hosting provider, + it will be free for the first year.

Now that you have or know your domain name or are thinking about one, we will need to set you up with a hosting provider for your website.

Domain.com, Domain Names, Domains, Hosting

2. Sign Up to a Hosting Provider

Think about hosting like this. You now have your house (domain name), but you don’t have a property where it can be. A hosting provider is like the virtual land for your house.

The far most popular hosting provider is Bluehost which is also specifically recommended by WordPress itself. Therefore it’ll work like a charm, and I would know, this website is also hosted with Bluehost. Below you can see a handful of benefits that Bluehost offers.

  • Affordable price (starting at $3.95/mo)
  • Reliable and fast responding customer service
  • Fast to use by even decent sized websites
  • Constantly updating servers
  • World-class security precautions

If you’re building a standard website without the need for high-tech features that aren’t needed for 95% of the people, these benefits will be more than enough for a smooth website experience. Personally, I love Bluehost, especially thanks to their incredible customer service. Now, let’s get that hosting for you.

1. Choose a plan

Bluehost offers 3 plans: Basic, Plus, and Choice Plus. You can really pick any of these because the more expensive ones offer some great benefits; however, I went with the basic plan and got a backup plugin after setting up my website. Ultimately, choose the plan that feels the best for your business.

2. Link or create a domain name

If you previously bought a domain name, you can insert it to the right section that says ”use a domain you own”, or, if you didn’t get a domain name yet, you could create the domain name at this point in the left section.

After connecting a domain name, it’s time for the account details and billing information.

3. Fill out account information

Great! You have a domain linked, and you should feel a sense of accomplishment now. I’m proud, at least! Now, fill out your account information.

After you have filled out that form, you need to choose how long a plan you would like to have. I’ll recommend the 3year plan because naturally, it’s the cheapest choice and I don’t suspect that you are setting up a website for a couple of months. However, if you choose to go with a shorter plan or even a monthly plan you can relax because Bluehost offers a 30-day money-back guarantee.

Well done! You have the domain name and hosting provider set up, and now the real fun can begin. Also, you should know that I have been in your shoes and watched a step-by-step tutorial like this once, and all of this can feel a little overwhelming, don’t get frustrated because I’ll walk you through this, and soon you will have a website of your own!

3. Install WordPress

It’s time to install WordPress. This is easy peasy because you can do it straight with Bluehost! Log in to your Bluehost account that you just created and you should see this. Click My Sites from the dashboard.

After you have clicked the site, you should see an option that says ”Create Site”. Select that and choose WordPress.org content management system. You signed up with Bluehost, so that’s the way to go, as discussed in the beginning. .org is the safest option because you will have 100% control of your site.

Next, you should see ”Site Name” and ”Site Tagline” options. Write down your site’s name and create a short and catchy tagline for your website. These will appear on the search engine (Google, Bing, etc.), so write something descriptive but don’t sweat too much about it.

Then you can click on the Advanced tab and create the login information and email address for the WordPress account. I like to have the same login information in both Bluehost and WordPress.

After these steps are completed, click ”Next” and your installation is done. Clap Clap!

If you run into some issues, remember, Bluehost has fast and professional customer support; therefore, you can select the Chat option from the Bluehost website, and they can do everything from their end!

Funny fact: I signed up to Wix (website builder) as a beginner, and after a couple of months, I did what everyone said that I would do. Moved to WordPress. That was one mixture of an overwhelming hassle that was just painful to do. Bluehost’s customer service luckily aided me in the process perfectly, so don’t hesitate to contact them if you run into ANY issue.

4. Choose a Theme

Themes, the unlimited design of your website! If you look at this website, we’re using Acabado, a straightforward theme that focuses on speed and easy navigation instead of cosmetics. That totally isn’t how you must do it, and there are dozens of beautiful themes out there with a lot of visual properties. You’re the website owner now, the choice is yours, and ultimately, there are very few ”bad” themes out there.

The way to actually select a theme for your website, follow the steps below.

  1. Go to your WordPress dashboard.
  2. Select > Appearances > Themes. Afterward, you can see the theme dashboard
  3. Press ”Add New Theme” and you should see a menu that says ”Featured”, ”Popular”, ”Latest”, ”Favorites”, and ”Premium”. You can also select ”Feature Filter” and choose the ones closest to your purposes, and you can even write an industry to the search bar: Restaurants, Entertainment, Photography, etc.
  4. Browse as many as you like, and when you find the one you like, press ”Install.”
  5. Installing should take 2-10 seconds, and then you can press ”Activate” Theme, CHECK!
WordPress Dashboard > Appearance > Themes

There are many free themes on WordPress; however, if you want to purchase a premium one, you certainly can. This website uses a premium theme called Acabado; however, this was free to us provided by Income School that you should definitely check out if you are interested in simple and effective website building.

Some premium themes can offer great benefits that could be needed for different people and businesses; if you are interested in learning about premium themes, you should first press ”Premium” from the theme browser and then search for different ones. Take notice that most premium themes cost +$50, and they need to be purchased through Bluehost. Follow the instructions from the premium theme dashboard.

5. Install Plugins

Okay, before you can really start doing business with your website, you need to install important plugins first. What the, a plugin? What’s that? I totally understand, let me explain it to you. Imagine that your website is like a smartphone, it’s great as it is, but it needs some functions and apps to be perfect. Plugins are like apps to websites.

There are tens of thousands of plugins that you can use on your website, but you shouldn’t. Learn these 3 things about plugins before installing and activating them:

  1. Too many plugins is a safety risk and will slow your website
  2. Download only plugins with a lot of positive reviews and downloads
  3. There are both free plugins and ones that you can pay

At all times, you should have a maximum of 15 plugins and no more. You rarely need more than 10. Also, a +4 star rating and +10,000 downloads are safe numbers indicating that those plugins are indeed safe.

5 Plugins I recommend having:

  • Yoast SEO: helps you optimize your content for a better visitor experience, and so it ranks better in search engines.
  • Contact Form 7: Create a simple contact form for your website where customers and visitors can contact you.
  • MonsterInsights: a plugin that works together with Google Analytics, so you can see visitor data from the WordPress dashboard.
  • UpdraftPlus Backup/Restore: Essential one; this plugin keeps a backup file about your website if a malfunction occurs. This is extremely rare, and Bluehost does have a backup of your site on their servers; still, this makes it 100% safe.
  • WooCommerce: adds an e-commerce option to your website so you can sell physical products from your website.

If you don’t sell ecommerce, then you don’t need WooCommerce, however I advice you to install the 4 other plugins. Now, let’s do the same with the themes, i’ll show you how to add plugins straight from your WordPress dashboard.

  1. Go to the WordPress dashboard.
  2. Hover to > Plugins > Add New. Now you should see plugins and a search bar on the right.
  3. Browse plugins from ”Featured”, ”Popular, ”Recommended”, Favorites”, ”Premium” or write something to the search.
  4. Review desired one by downloads and star rating.
  5. Press ”Install Now”, wait 5-10seconds and press ”Activate”
  6. Then, hover to > Plugins > Installed plugins if you need to configure the plugin, press settings further, and follow the instructions.

Some plugins are tricky to configure properly. There are tens of thousands of plugins within your grasp, so I can’t show you all here; therefore, if you can’t figure out how to configure your plugin, go to YouTube, and you will most likely see an instructional video from there. If you need further help to install, activating, or configuring plugins, check out WordPress’s Plugin Guide.

6. Add Content

Now you’re practically fully set up your website; there’s only one thing to do: customize the content where you want them to appear, but we’ll get there later; you need the content to place first!

You can create content in two ways in WordPress, Pages and Posts. Let’s learn about them

1. Posts

Posts are the main way you will be creating content. For example, this one that you are reading is a post. Posts are the things people came for your website to read by writing down your URL or finding your post from the search engines.

You can add posts to your homepage or in a ”blog” section of your website. You can also choose a post a ”sticky post” that will always remain at the top of your website. This is convenient if you have something important to show your visitors.

When creating a post, you can add pictures, tables, videos, custom HTLM, quotes, and nearly anything. That is one reason why the vast majority of all the websites on the internet are made with WordPress, customizability!

If you struggle with the WordPress post creator, I highly advise you to see instructions from WordPress.org or writing ”how to create a post on WordPress” to YouTube.

Create a post: WordPress Dashboard > Posts > Add New

Most people think that you can add posts to pages; however, that’s not the case. If you want to place certain kinds of posts in the same place, like this website haves ”Appliances”, ”Education”, and so on, you need to create categories. Learn how to do it from WordPress’s Category Creation Guide.

2. Pages

Pages are the static places on your website. For example, this website has ”Home”, ”About Us”, ”Terms of Conditions”, and ”Privacy Policy” as pages. Depending on your theme and preference, you can show pages at the bottom, top, or side of your website. Personally, I like them at the bottom, as do most people.

Create a page: WordPress Dashboard > Pages> Add New

7. Customize Your Site

After creating a couple of pages and posts, it’s time to customize it to completion. This is the last technical thing to do before you can enjoy your website as a whole and start creating content.

You can do so much, and you will learn about the small things later, but for now, we will focus on the must-haves.

1. Add a Navigation Menu

The menu is where you can add your pages that you have just created. This is an important step that allows the pages to show up on your site. Let’s create one!

  1. Go to WordPress Dashboard.
  2. Go to > Appearance > Menus.
  3. Press ”Create a New Menu” and give it a name and select ”Create Menu” from the right side.
  4. Choose the desired pages you wish to add to the menu from the left side.
  5. Before saving the menu, choose the Display Location that is ”Primary” or ”Footer”. Primary usually means that your selected pages will appear on the top of the website, and if you select the footer, they will appear on the bottom.
  6. Press ”Save Menu,” and it will appear on your website.

2. Create a Homepage

Time to create your homepage! There are two options to choose from when creating a homepage. The first option is a Dynamic Page that adds all your new posts automatically or a Static Page, allowing you to keep the same content there as long as you need. Let’s create either one!

  1. This is familiar by now. Go to WordPress Dashboard
  2. Hover to > Settings > Reading
  3. Look at the top: ”Your Homepage Displays” and select ”Your Latest Posts” or ”Static Page.”
  4. Important: just above ”Save Changes” you see ”Search Engine Visibility”, make sure that the box IS NOT checked.
  5. Hit ”Save Changes”

Well done! If you selected ”Your Latest Posts,” you can select the number of recent articles to show on your website at once, and if you want to show the full text or summary. This website shows 6 posts and uses a summary. This may vary between themes, so decide what works the best for you.

If you selected ”Static Page” you need to make a new page called ”Blog” where you can add all your articles.

3. Customize Permalinks

Permalinks are the end of your URL that explain what your post is about. For example, if you look at this URL, you can see https://justrestaurantsupplies.com/ and afterward with light gray the permalink. It’s best if the permalink is clear and descriptive; therefore, we need to change it manually to the post’s name.

  1. Go to WordPress Dashboard
  2. Hover to > Settings > Permalinks
  3. Below ”Common Settings” choose ”Post Name”
  4. Hit ”Save Changes”

4. Add Site Title and Catch Phrase

Finally, we need to set up your site title and tagline so follow these simple instructions.

  1. Go to WordPress Dashboard
  2. Hover to > Settings > General
  3. Add your website’s title next to ”Site Title”
  4. Add a few words explaining your site next to the ”Tagline”
  5. Press ”Save Changes”

8. Keep Things Running

Congratulations, you did it! You now should be somewhat familiar with the WordPress dashboard, and now the technical stuff is really done. However, if you want to benefit from your beautiful website and keep it running properly, there’s a couple of things to do.

From time to time, there will be updates to WordPress and your plugins. You mustn’t neglect these steps and if you see an update, do it. It doesn’t take long. Important things to keep in mind:

  1. Go to your WordPress Dashboard, press Updates, and from there, you can see if all is up to date or if there is something to update.
  2. In addition, remember that your Domain Name and Hosting renew when their time is up; therefore, it’s good to keep an eye for that as well.
  3. Last but not least, keep the good and helpful content flowing into your website and see success coming your way.

If you are creating a website for your business, then your website is simply a landing page for your customers that already know about it. In that case, your work here is done. Bravo!

However, if you run a content-focused website like this one, it’s good to remember the following:

In general, content takes around ~ 8 months to reach 90% of the traffic that particular content will generate.

So if you’re a blogger, content creator, or something else that relies mostly on generating organic traffic from search engines like Google or Bing, then you must be patient to see explosive progress.

That is easier than done’ therefore, it’s time to talk about Income School, which is the best resource I have ever encountered about blogging, content creating, and helpfulness to the users and search engines. It helped me create this successful website, and I couldn’t make it without it; therefore, I feel obligated to pay it forward.

About: Income School

Income School is a brand created by Jim Harmer and Ricky Kessler. They have a YouTube channel and a course called Project24.

Project24 is a blogging and website creation course whose only purpose is to replace your current income within the 24 months after signing up! That’s an ambitious goal, however, extremely achievable! Below are some benefits that Project24 offers!

  1. Step-by-step Blogging course
  2. Step-by-step YouTube course
  3. Step-by-step Course creation course
  4. Live Webinars hosted by the P24 team themselves called ”Masterminds.”
  5. Podcast with +100 episodes
  6. WordPress theme ”Acabado, stupid fast” that this site is using
  7. Project 24 vlog
  8. Free audiobook ”Work Energy.”
  9. And the most valuable resource of all, an active community full of other P24 members.

There are many more courses, such as topic research, monetization, and much more inside. The best part, the Income School team is updating and communicating with the members daily, so they really take care of their members.

Personally, Income School has been the best investment of my entire life so if you got interested, i highly advice for you to check it out!

My Personal Recommended Resources

  1. Domain provider: Domain.com (or from the hosting provider)
  2. Hosting: Bluehost | Check out my answer about Bluehost – Featured in Upcity
  3. Website Creating Course: Income School
  4. Picture, Info Graphic, Social Media Creation: Canva
  5. Audiobooks for learning: Audible
  6. For further aid in WordPress.org: Learn From Their Website.

Omar Abdalla

I’m the owner of JRS and while I love working in a busy restaurant, I also enjoy more peaceful and relaxed cookouts at home.

Recent Posts