Below are examples of how to integrate the Yext Open/Closed widget into our Hero sections.
Open/Closed Display Yext Widget
Effective 11/23/20
The Open/Closed widget is an alternative option to display the Yext Business Hours.
Based on the business hours entered into the clients Knowledge Graph the Open/Closed widget will display if the business is open, closed, opening soon, or open 24-hours.
The desktop Open/Closed widget is displayed under the hero CTA button(s)
The Open/Closed widget is included in all hero sections
Note, if manually adding Yext widget ensure you properly remove default script.
The mobile Open/Closed widget is displayed under the hero motivating factors.
By request,the build and CS teams may add Open/Closed widget to the header, footer, internal page right gutters, or contact us page.
The build and CS teams may update widgetOpen,Closed, andClosing Sooncolors.
If the client's color palette includes or features variations ofgreen, then build may use that green in place of default open and open 24 hours colors
If the client's color palette includes or features variations ofred,then build may use that red in place of default closed color
If the client's color palette includes or features variations oforange, then build may use that orange in place of default opening soon color.
Note,no other colorsother than variations of green, red, and orange may be used.
There are no optionsto change the text i.e. Open 24 hours changed to 24 Hour Emergency Services
The Open/Closed widget may be added to any previously published Smart Site
The Open/Closed widget also reads the holiday hours and reflects if the business is closed
Motivating Factors
If one of the motivating factors indicates open 24 hours, CW deletes the open/closed widget from the heroes.
Hours:
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Section -> Hero -> 05a - Dark - 2CTA - Hours. See note.
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Section -> Hero -> 17 - B - 2CTA - HOURS. See note.
H1 Light Box Overlay + Hours
Motivating Factor One | Motivating Factor Two | Motivating Factor Three
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Section -> Hero - 23 - C - 2CTA - HOURS. See note.
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Hours:
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Section -> Hero - 08a - Dark - Offset - HOURS. See note.
H1 Offset + Hours
Motivating Factor One
Motivating Factor Two
Motivating Factor Three
- Motivating Factor One
- Motivating Factor Two
- Motivating Factor Three
Hours:
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
H1 Headline Dark Overlay
Motivating Factor One | Motivating Factor Two | Motivating Factor Three
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
Section -> Headers - 13d - Transparent - Dark - 2CTA - ICONS - HOURS. See note.
,
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.
H1 Transparent Dark Header w/ Icons
Motivating Factor One | Motivating Factor Two | Motivating Factor Three
This is a placeholder for the Yext Knolwedge Tags. This message will not appear on the live site, but only within the editor. The Yext Knowledge Tags are successfully installed and will be added to the website.