The Best Website Template for a Restaurant Business

There's yet another one-page landing page template now available in Thrive Architect!

It is designed especially for restaurant / pub businesses, but it can be very easily customized and turned into something completetly different.

For the full experience, don't forget to check out the video found at the top of the page, as well.  

More...

Meet the Restaurant Website

Here's what the entire website template looks like:

Making a Reservation

One of the must-haves of a restaurant themed homepage is the ability to allow visitors to make online table reservations. 

This landing page comes packed with "Make a Reservation Now" buttons. All you need to do is link them to a tool through which your visitors can make reservations.

For this, you have a variety of options, like WP Booking System or Booking Calendar.

However, in our case, we used the Contact Form element in Thrive Architect. We chose this solution because it is the easiest way to allow your visitors to get in touch with you, while only using Thrive Architect.

Obviously, this works only if you have a small business and the number of visitors that are looking to make a reservation is not too high. 

Creating the "Reservation Form"

In order to keep this a one-page website, we'll avoid adding new WordPress pages to this step.

Instead, we'll create a Thrive Lightbox and place the Contact Form element inside. In this way, when a visitor will click on the reservation button, a pop-up window with a Contact Form will open up.

So, first things first: Add and publish a Thrive Lightbox (just as you would do with a normal page):

Add a new Thrive Lightbox

After you have published the Thrive Lightbox, edit it with Thrive Architect and simply add the Contact Form element on it: 

Look for the Contact Form element and drag it inside the Thrive Lightbox

Then, make sure the Contact Form design matches the design of the landing page. You can do that by changing the template of the Contact Form: 

Start customizing the Contact Form by changing the template

Afterwards, a crucial step is to customize the fields of the Contact Form, in order to make it a "Reservation Form".

This is what the forms could look like on the editor:

Add more fields and rename them in order to make this a "Reservation Form"

And on the actual redesigned Contact Form:

This is how it could look like, after the redesign and the extra fields

Then, customize the "Email & After Submit Setup" as well. Here you can show your visitors a success notification. In this message you can tell them you will get back to them either with an email or through phone, to confirm the reservation.

Show a succes notification to the visitors that make a reservation and let them know that you will get back to them either through phone or email

Once you're done editing the Contact Form, you can go ahead, save the Thrive Lightbox and return to your homepage.

Linking the Button to the Thrive Lightbox

The hard part is over.

Select the button, in order to link it to the Lightbox, go on the sidebar and select "Animation & Action" > Popups > Open Thrive Lightbox and select the lightbox you have just saved:

Select "Open Thrive Lightbox" and choose the lightbox you have just saved

Try it Out!

Do you have a local restaurant business that you want to create a website for? Give this template a try. 

Also, if you have other buisnesses that you may want a template for, let us know in the comments below!

Author: David Gavrilut

David is a content marketer at Thrive Themes, previously in charge of the Thrive Knowledge Base articles and video tutorials. When not at his working desk, he enjoys driving like an enthusiast, visiting the beautiful cities of Transylvania for the 100th time. Either that, or he could end up watching an entire season of Friends in one day.

  • John says:

    Hello David, thank you for your good tutorial. I want to know how to make the effect on the background image that appears in the section “Take a Look at our Menu”. I had no idea that this could be done with Thrive Architect and I want to apply it to my site. How can I do that?

    • Anil R says:

      Hey John. That looks like a background image. There are quite a few websites out there on which you can grab royalty-free images. Ensure that your image is of optimal resolution or it’ll look blurry. There are courses in Thrive University which show how to set up a background image in Architect so I recommend you check those out. Cheers buddy!

      • John says:

        Thank you, I know perfectly what is a background image. But in that section the image remain static while text is scrolling (some similar to a parallax effect). If you see, that one is the only background section in that landing page where that effect happen. Please, can you tell me how to do that effect?

      • Joan B says:

        Hey John, I’ve done this link will help. Cheers. https://thrivethemes.com/tkb_item/how-to-use-the-background-section-element/

    • Hanne says:

      Hi John,

      When you add a background image to a background section, you can make the image “static” (Click on the “Static background image” option when adding the background image) this will give you the effect you’re looking for.

  • Pierre T says:

    Hi David. Do you have a template for professional service businesses?

    • David Gavrilut says:

      Hello, Pierre!

      We have many templates for different services.

      But, specifically, what kind of professional service did you have in mind? :)

      • I need a template for a Coaching website.

      • David Gavrilut says:

        Hi, Frank!

        We have two template sets that you might want to check out: The “Personal Branding” set and the “Bonus” set :)

      • Frank R B says:

        Thank you!

  • Ric says:

    I’d love a template for my band. With pages for photo galleries, video listings, music tracks etc.

    • David Gavrilut says:

      Hi, Ric :)

      We have a template specifically created for this! It’s called “Rockstar” – You can find in the Thrive Architect template library.

  • Indah says:

    Please, I will need a template for the Accountancy Professional Services. For example Auditing, Tax and Financial Advisor Services.

    • David Gavrilut says:

      Hello, Indah!

      We have a Finance website template that might just fit your purpose. It is called ThriveBiz Finance, you can find it in Thrive Architect, in the Landing Page library :)

  • Rob G says:

    Is there a template for a supplement company?

  • Bogdan says:

    Perfect. Chiar imi trebuie asa ceva . Mersi !

    • David Gavrilut says:

      Ma bucur mult, Bogdan! :)

  • daniel says:

    Please send us more templates amazing like that.

    • David Gavrilut says:

      Roger that, Daniel! :D

  • Elvis P says:

    Hi David,
    I don’t seem to be able to find this tempate in the Template list of Thrive Architect! Please advice, thanks!

  • Elvis P says:

    Never mind! I was looking for Restaurant while it was under ThriveBiz Restaurant name.

    • David Gavrilut says:

      Yep! Glad you found it :)

  • EL Mehdi Zefzoufi says:

    very nice template, I would like to see more food templates, like templates for blogs that talk about food and recipes

  • Quality video, lots of great actionable shizzle D…

    Nice work

    • David Gavrilut says:

      Thanks, Tony :D

  • Dirk Murrnautzky says:

    I would like to know how you got the field “date and time” in the contact form. I do not have this template. Find also a great pity that you do not have more fields to choose from and best still the ability to add a selection box. De term makes the contact form still makes little sense. Unfortunately, an option to approve the data protection is still missing.

    • David Gavrilut says:

      I agree. As I specified, the Contact Form only works in this case if you have a small local business. I improvised, in order to use an existing Thrive Architect solution.

      However, the Contact Form wasn’t built for this. If you want a solution specifically for date reservation and then the ability to automatically approve that date, you can install a simple WordPress booking plugin.

  • Vijay says:

    Great templates, loving the new designs coming through. Quick question.

    How do we add the additional fields like a date picker to a contact form? I can’t seem to find it?

    • David Gavrilut says:

      Hi, Vijay!

      Well, you can add new fields on the Contact Form by selecting the “Add New” button, on the sidebar, just like I did in the video.

      However, you can see that I also improvised, because the Contact Form doesn’t have a specific date picker field, and I just chose a random field and named it “Date and Time” so that the visitors can enter a prefered date and time for them.

  • Jay Cameron says:

    Great template! Have you any for authors?

    • David Gavrilut says:

      Hello, Jay!

      By “authors” you mean writers or something like a personal branding page?

      For personal branding, you can check the template set with the same name from the template library in Thrive Architect, “Personal Branding” :)

      Also, you can find an author template in the “Hompages” set.

      • Jay says:

        Thanks David. I’ll check those out.

  • Joan B says:

    I’m wondering which template would be a good fit for a biz coach. I was waiting for a new Theme but it’s a long time coming. So perhaps a template might do the trick.

    • David Gavrilut says:

      Hello, Joan!

      We have two template sets that you might want to check out: The “Personal Branding” set and the “Bonus” set :)

      • Joan B says:

        Thanks, David and thanks to Thrive for being so customer focused.

  • santiago says:

    What about a travel company or swimwear company template?
    thanks

    • David Gavrilut says:

      Hello, Santiago!

      For a travel company, not yet, unfortunately.

      We have however, a template that comes close to the “swimwear company” vibe you talk about, it’s called “FitBrand”. We have a blog post in which Shane builds the homepage of that template from scratch: https://thrivethemes.com/fitbrand-from-scratch/

  • Trong Luu says:

    Wow !! This is awesome !!

    • David Gavrilut says:

      Thanks Trong! Glad you enjoyed it :)

  • Geoff says:

    Brilliant. Once again Thrive Themes delivers! Would love a Template for those of us who conduct SEMINARS / CLINICS would be fantastic. Thanks again.

    • David Gavrilut says:

      Hi, Geoff!

      In the template library we have two template sets that might be exactly what you are looking for: The “Personal Branding” set and the “Bonus” set :)

      • Geoff says:

        Brilliant. Will check them out. Thanks again David. :)

  • oriakhideba says:

    Great template. Please is there any template for Non-profits (NGOs)?

    I saw this and was thrilled.
    A landing page as this will bs great!
    ::
    preview.themeforest.net/item/kunco-charity-fundraising-wordpress-theme/full_screen_preview/22551147?_ga=2.248944519.1298546687.1539258513-12340409.1529925888

    • Hanne says:

      Thanks for the suggestion

  • arahman1966 says:

    Hello,
    Great Video!!!
    Can you add email service like aweber with the form?
    Thanks
    Ataur

    • Hanne says:

      Sure! You can find out how to do that here

  • Harvey S says:

    Wowsers!
    This is awesome!
    My Thrive Agency license purchase a few years ago was the BEST IM investment EVER!

    How about a variety artist and/or event/party planner template?

    ????????????

  • Yvan D says:

    I’m looking for more templates related to services in general, financial services more in particular. Can you point me in the right direction?

  • Chetan Jariwala says:

    Wonderful! Please Please Please make a template for counselor education services…. Much appreciated

  • Chetan Jariwala says:

    I am also looking for a nice sales landing page that can help me promote or sell my services.

  • oriakhideba says:

    Please do you have any template for NGOs and non-profit websites?

  • Oob says:

    Hi David, beautiful template, joining an ever longer list of TA templates to pick from, for which I am very grateful.

    Some of the other Thrive plugins could use some love as well… Thrive Ovation (TO) is quietly sobbing in a corner here ;) with limited capture testimonial templates (3) which don’t really match any of the gorgeous newer templates your designers produce, and which aren’t that much customizable either.

    I mean, right now TO capture form customization is limited to the submit button color! That doesn’t live up to the phenomenal level of customization we get treated to in, say, Thrive Leads, where forms can be customized pretty much to our heart’s content. Forms full customization would be an amazing improvement to Thrive Ovation.

    Could you add that on the TO feature request list, please?
    Can we expect something to happen sometime soon?

    Keep up the fantastic work, Team Thrive! Thanks!

  • koen says:

    Does TA / Theme also have a build in payment form (paypal / stripe)? So this could be added to the reservation form and one could be asking a “x”% in advance to validate the reservation?

  • chsempero says:

    I like this templete very much I also have a small hotel boutique and I am looking for my templets do you have something for it
    Christine

  • >

    Join Thrive University (it's FREE!)