Module Assessment | Yext Hitchhikers Platform
Turtlehead Tacos has two main revenue streams:
- Guests coming to the restaurant to dine-in or take out
- Guests calling or ordering online for delivery
For dine-in, Turtlehead Tacos relies on OpenTable for reservations. They want to add the OpenTable widget to the restaurant pages so they can drive more bookings.
For Delivery, they’ve been getting a lot of complaints and want to add an Announcement Bar to their site, across all their location pages. This would be a section that contains text and, when clicked, directs to their corporate delivery page.
Assume there aren’t existing modules for what Turtlehead Tacos wants to do. How would you create these in Page Builder using the HTML module?
- Navigate to your Restaurant template in Page Builder. Add an ‘HTML’ Module for the OpenTable widget.
- Rename the HTML module “OpenTable Widget” (click on the pencil on the Module name to rename).
Drop in this HTML:
Update the HTML so that
theme=wideso that it takes up more horizontal space.
Move the OpenTable Widget above the footer.
Click ‘Add Module’ and add a second HTML module to display an announcement. Give this module the display name of “Delivery Disclaimer”.
Move this module below the ‘Navigation Bar with Yext Search Bar’ module.
Write HTML to create the Delivery Disclaimer.
- Text should be: All issues with orders placed via 3rd party apps should be resolved through that vendor.
- Clicking on that text should direct them to another webpage -
Here’s what this would look like:
You can also play around here (note that the styling will be different - but you’ll learn more about styling in your CSS training!):
Don’t worry - you’ll learn how to use CSS to style your HTML soon!
<div>you aren’t adding extra spaces like
< div >or specifying your
<a href =. While not technically wrong, we recommend keeping tight syntax to avoid errors.