There’s a million things you have to do when you’re running a restaurant.
Most restaurant owners live day to day “in the midst of crazytown.” When it comes to dealing with ordering and delivery logistics, it makes sense to go with the easy options like GrubHub and DoorDash. The alternative only adds more decisions to make: Hiring delivery drivers, buying insurance for them, figuring out online ordering, dealing with apps…to name a few.
That is, until that first GrubHub statement comes in, and you see 64% of your hard-earned revenue disappear to nine different kinds of fees.
That’s likely what has led you to Togo.
In 2020, there’s no reason that every restaurant can’t have online ordering from their very own website.
Handling local delivery or even in-person pickup through your own Ecommerce site isn’t as hard or even close to as expensive as it used to be.
If you’re one of those DIY types, then following the steps below will get everything you need in place to sell your own menu directly to your customers in about 15 minutes time. All that’s left to sort out after that is how to accept payments from your payment processor of choice.
Install + Configure Togo + WordPress
We recommend beginning on a fresh installation of the latest version of WordPress. If you’ve never worked with WordPress or websites before, you may need the help of a professional. There are probably even a few WordPress developers who can help you from your local WordPress Meetup group, or you can hit us up for help!
For those of you continuing on your own, our little doggy Togo is going to point you through the installation and configuration of Togo, beginning with your WordPress admin dashboard.
Continue below to read more about customizing your online ordering store’s functionality with features like:
- Minimum order amounts
- Drop off instructions
- Back of house point of sale integrations
Or you can skip to Customizer Settings.
Now that the theme is setup, what’s next? Customizations.
The last few steps to setting up your Togo website depend on your individual needs.
We’ve recommended a few plugins to install after you’re done activating and setting up your theme including plugins for SEO, date/time for delivery selection, and a few other useful utilities for WordPress.
Additional WordPress Plugins
We installed a few additional plugins in our demo store which are detailed below. They aren’t typically included in the theme by default, but you may find them helpful.
- Leave At Door for WooCommerce by Amplify Plugins
- WooCommerce Product Addons (Premium plugin for checkboxes on product pages)
- WooODT Lite Delivery or Pickup Time (For order pickup/delivery times in checkout)
- WooCommerce Minimum Order Amount (For setting order minimums on delivery)
- Bookings and Appointments Plugin for WooCommerce by Plugins Hive To add dinner packages with reservation time blocks
- Matomo Analytics Get better analytics (like keywords and e-commerce tracking) while still respecting your customers’ privacy.
- Text Message Notifications Notify customers that their order is on the way, send notifications to the kitchen so they can start the order, and even set up your own text message list.
WordPress Customizer Settings
There are a multitude of ways to customize the look and feel of your Togo site. The best place to start is from within the Customizer of your WordPress admin dashboard.
From here you can customize the fonts, logo, sidebars, and social links on your theme. You can also enter in custom CSS, and a tracking code for Google Analytics from within the customizer.
From the WordPress Admin Dashboard, go to Appearance > Customize
Some of the available settings in the customizer. (Screenshots below)
- Site Identity – Edit your site logo, title, tagline, and site icon for the browser icon and bookmark image. We recommend SVG images for logos and site icons
- Branding – Use the default fonts or pick your own Google fonts
- Posts – Choose whether or not to display widgetized sidebars on Posts and Archive pages and whether or not to display author information on blog posts
- Social Media – Enter links for social media accounts for your venue that show up in the site footer
- Footer – Hide or show the site search in the footer and enter a copyright message to display on the site on every page
- SEO – Add a Google Analytics tracking code to your site
- Menus – Add the menu you imported during the setup process or make your own custom menus for the footer like we did in the site demo
- Widgets – Assign sidebar widgets for your blog posts page or archive page and assign widgets to the universal site footer.
- Homepage Settings – Set a custom homepage and a default blog posts page. We recommend setting up a static home page as we have in the Togo site demo.
- WooCommerce – Customize settings related to WooCommerce including activating or deactivating the Site Notice, changing image thumbnail sizes, product catalog settings, and checkout settings
- Additional CSS – drop in any custom CSS you’d like added to the site to change the design, layout, or for any style edits
Follow this step-by-step walkthrough with the exact settings you’ll need to get the demo site set up the same way we did.
A Note For Developers: Customizing with a child theme, client folder, or inline CSS
If you’re an advanced user or developer, you may want to make your own customizations to the theme and plugins. Togo was built using the C9 Starter Theme, a client folder boilerplate, and the C9 Blocks plugin.
For simple changes to colors or minor tweaks, use the Appearance > Customizer settings under Custom CSS. Togo also supports child themes.
Detailed documentation for working with our themes and plugins are included and here are some additional helpful links below:
- C9 Documentation website
- Using a ‘client’ folder or child theme to make your own version of Togo
- Togo Client Folder GitHub Repo
- C9 Starter Theme GitHub Repo
- COVERT NINE on GitHub
- Pay as you go support from the people who made Togo
Basic Homepage Editing
Learn how to change the header’s sample content using a Gutenberg group block and the C9 Grid Block. In this video, you’ll learn how to edit text, images, and the group block position. (1min)
Editing Backgrounds + Blocks
In this video, you’ll change the main background image and the focal point position for the header background image with the C9 Grid block background image settings. (1min)
Adding Menu Item Blocks
In this video, you’ll learn how to edit the Call-To-Action Bar block, add a pre-built section template from C9 Blocks, as well as how to add the WooCommerce product blocks that contain our imported menu items. (6min)