I’m working on a WordPress site where the client already has a Toast Online Ordering page set up. The WordPress site links to it through a button that opens the Toast ordering URL.
The issue is that when users are redirected to the Toast ordering page, the design does not match the WordPress site. The client wants the Toast page to have the same header and footer as their WordPress site so the transition looks seamless.
Toast’s Website Builder has very limited customization options:
I can’t add a section above the navbar
I can’t add the site logo in the footer
I can’t use nested containers or advanced layout controls
Because of these limitations, I created a custom page inside the Toast website editor (called “trail”) and tried to design it to visually match the Toast ordering page while also copying the WordPress site’s header and footer styles.
The goal is to make users feel like they didn’t leave the WordPress site.
My question is :
1] Is there any supported way to make the Toast Online Ordering page inherit or mimic my WordPress site’s header and footer?
2] Is it possible for my custom Toast “trail” page to function exactly like Toast’s native Online Ordering page like basically, can Toast’s full ordering workflow run inside a custom-designed page created within Toast’s website editor, or is all functionality locked to Toast’s official Online Ordering template?
Any guidance from anyone familiar with Toast’s customization limits or integration options would be very helpful.
