Snapper's Seafood: A WordPress Site for a Canal Street Seafood Kitchen
Design and build of the website for Snapper's Seafood, a Cajun and Creole seafood restaurant on Canal Street in New Orleans. A WordPress and Elementor site with an 11-section tabbed menu the staff can edit, reservation and private-event request forms, opening hours, and local-history content.
The challenge
A full menu that has to stay current
Snapper's serves a long Cajun and Creole menu: oysters by the half dozen and dozen, gumbo and étouffée in cups and bowls, po'boys, entrées, pastas, a kids menu, and a bar list. Prices and dishes change, so the menu had to be real, readable HTML the restaurant could update itself, not a PDF or a photo of a printed card.
Walk-ins, tables and groups all come through the site
The restaurant sits at 841 Canal Street, a short walk from Bourbon Street, and gets tourists, locals and groups. The site had to take reservation requests and corporate, birthday and group-event enquiries, and make the address, phone number and hours easy to find on every page.
A brand that feels like New Orleans
Guests choose a New Orleans seafood spot for the food and the setting. The site needed to tell the restaurant's story and give some local context along with the practical information.
Our approach
Theme-based build on WordPress and Elementor
We built on WordPress with Elementor, using a restaurant theme (PatioTime) customised through a child theme. The layout, header and footer are built from reusable components, which keeps the site consistent and lets non-developers edit pages in the visual editor without touching code.
A structured, tabbed menu
Each dish is a food-menu widget with a name, description and price, grouped into 11 sections (Oyster, Appetizers, Soups & Salads, New Orleans Favorites, Po'boys & Burger, Entrée, Pastas, Sides, Kids Menu, Desserts, Wines & Cocktails). The homepage shows the same menu in tabs, so guests can browse prices without leaving the first page.
Request forms, not a third-party booking platform
The reservation page is a Contact Form 7 form with party size (1 to 15), a date picker and 15-minute time slots, plus a note that the restaurant will call to confirm and a phone number for large groups. The Private Events and Contact pages have their own forms. All three have a honeypot field for spam, and requests arrive in the restaurant's inbox with no booking-platform fees.
Local information and SEO basics
Opening hours, the address with a Google Maps link, the phone number, email and social links (Facebook, Instagram, Yelp) appear on every page. There are Our Story and About New Orleans pages and a blog. Yoast SEO produces the XML sitemaps and the Organization and breadcrumb schema, and GA4 is installed through MonsterInsights.
How we delivered
-
1
Brand & layout design
DesignSet the visual direction and page structure for a casual New Orleans seafood restaurant.
Page map Hero slider Typography -
2
Menu data modelling
ContentBroke the full menu into editable name, description and price blocks across 11 tabbed sections.
11 sections Tabbed menu Editable prices -
3
WordPress & Elementor build
DevelopmentBuilt the pages on WordPress with a customised child theme and reusable Elementor components.
Child theme Elementor Header/footer -
4
Reservation & events forms
IntegrationSet up reservation, private-event and contact forms with spam protection that send requests to the restaurant.
Contact Form 7 Time slots Honeypot -
5
SEO & analytics launch
LaunchSet up sitemaps, schema, a cookie notice and GA4 before launch.
Yoast SEO GA4 Sitemaps
Results
Growth over time
Since Aug 2025One site for menu, reservations and events
The site has 10 pages: Home, Menu, Our Story, Private Events, About New Orleans, Blog, Reservation, Contact, and the privacy and cookie policies. Everything a guest looks for before a visit is one click from the main navigation.
The restaurant can run it day to day
Menu items, prices, hours and page content are all edited in Elementor. The menu page has been updated since launch without a rebuild, and the blog was updated in 2025.
Direct request channels
Reservation, private-event and contact requests go straight to the restaurant through the site's forms, and there is a click-to-call number for large groups. The restaurant confirms bookings itself and doesn't depend on a booking marketplace.
