{"id":13022,"date":"2026-09-20T03:47:24","date_gmt":"2026-09-20T03:47:24","guid":{"rendered":"https:\/\/themewinter.com\/docs\/plugins\/?post_type=docs&#038;p=13022"},"modified":"2026-09-20T03:47:27","modified_gmt":"2026-09-20T03:47:27","password":"","slug":"presence-widgets-in-wp-cafe-video-popup-and-contact-card","status":"publish","type":"docs","link":"https:\/\/themewinter.com\/docs\/plugins\/wp-cafe\/presence-widgets-in-wp-cafe-video-popup-and-contact-card\/","title":{"rendered":"Presence Widgets in WP Cafe: Video Popup and Contact Card"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Overview<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Presence Widgets in WP Cafe are two small floating boxes for your restaurant site: a Video Popup that plays a short clip in the corner and a Quick Contact Card that shows your phone number, address, and hours. You set both up from the WP Cafe settings, choose where they appear, and pick when they show.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most visitors leave a restaurant site without booking or calling. These two widgets keep a friendly welcome and your contact details on screen while people browse, so the next step is always one tap away.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/01-overview-live-preview.png\" alt=\"WP Cafe Video Popup live preview showing a corner video with a Book Now button\" class=\"wp-image-13023\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/01-overview-live-preview.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/01-overview-live-preview-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/01-overview-live-preview-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/01-overview-live-preview-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Requirements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An active <a href=\"https:\/\/wordpress.org\/\">WordPress<\/a> site with <a href=\"https:\/\/wpcafe.io\/\">WP Cafe<\/a> and WP Cafe Pro installed, since the Video Popup and Quick Contact Card are Pro features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Open the Presence Widgets settings<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both widgets live in the same place.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In your WordPress dashboard, go to <strong>WP Cafe<\/strong>.<\/li>\n\n\n\n<li>Open <strong>Settings<\/strong>.<\/li>\n\n\n\n<li>In the left menu, find the <strong>Presence Widgets<\/strong> group. It has two tabs: <strong>Video Popup<\/strong> and <strong>Contact Card<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Each tab has its own on\/off switch at the top, so you can run one widget, both, or neither.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/02-presence-menu.png\" alt=\"WP Cafe settings sidebar with the Presence Widgets group, Video Popup and Contact Card tabs\" class=\"wp-image-13025\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/02-presence-menu.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/02-presence-menu-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/02-presence-menu-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/02-presence-menu-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Set up the Video Popup<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open the <strong>Video Popup<\/strong> tab and turn on the switch at the top. Then pick your video under <strong>Video source<\/strong>, using one of two options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Upload<\/strong>: click <strong>Choose video file<\/strong> and pick an MP4 or WebM from your media library, or upload a new one.<\/li>\n\n\n\n<li><strong>Direct link<\/strong>: paste a <strong>Video URL<\/strong>. This can be a direct MP4 or WebM link, or a share link from YouTube, Vimeo, Loom, Wistia, or Dailymotion.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The clip plays on its own, silently, and loops. A short portrait clip works best, for example a hello from the chef or a quick look at the kitchen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/03-video-source-url.png\" alt=\"Video Popup source set to Direct link with a video URL field\" class=\"wp-image-13027\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/03-video-source-url.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/03-video-source-url-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/03-video-source-url-1024x640.png 1024w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/03-video-source-url-768x480.png 768w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Set the playback options<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Playback<\/strong> you decide how the video behaves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Start minimized<\/strong>: the video plays as a small bubble until the visitor opens it.<\/li>\n\n\n\n<li><strong>Show play\/pause button<\/strong> and <strong>let visitors turn sound on<\/strong>: these appear only for an uploaded file or a direct MP4 or WebM link.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A link from YouTube, Vimeo, or another provider plays inside its own frame, which the page cannot control, so those two switches are hidden for a provider link. Closing (minimizing) the video always stops it, whichever source you use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/04-playback-switches.png\" alt=\"Video Popup playback options: show play\/pause, let visitors turn sound on, start minimized\" class=\"wp-image-13029\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/04-playback-switches.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/04-playback-switches-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/04-playback-switches-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/04-playback-switches-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add a button on the video<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Button<\/strong> section to send viewers somewhere after they watch.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Type the <strong>button text<\/strong>, for example, &#8220;Order now&#8221; or &#8220;Book a table.&#8221;<\/li>\n\n\n\n<li>In <strong>Links to<\/strong>, choose <strong>Page<\/strong> to pick one of your pages, or <strong>Link<\/strong> to paste any URL.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The button sits on the video and opens in a new tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Set up the Quick Contact Card<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open the <strong>Contact Card<\/strong> tab and turn on the switch at the top. Fill in the header first:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Title<\/strong>, for example, &#8220;Get in touch.&#8221;<\/li>\n\n\n\n<li><strong>Subtitle<\/strong>, a short line like &#8220;We&#8217;re happy to help.&#8221;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/05-contact-title-subtitle.png\" alt=\"Quick Contact Card Title and Subtitle fields in WP Cafe settings\" class=\"wp-image-13031\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/05-contact-title-subtitle.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/05-contact-title-subtitle-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/05-contact-title-subtitle-1024x640.png 1024w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/05-contact-title-subtitle-768x480.png 768w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add your contact rows<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Details<\/strong>, each row has an icon, a line of text, and an optional link. Add one row per thing people ask for, like a phone number, an address, or your opening hours. The card scrolls its own list if it gets long. For each row:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the icon to open the icon picker. Pick a built-in icon, or choose <strong>your own icon<\/strong> and upload a PNG or SVG (square, 32&#215;32 or larger).<\/li>\n\n\n\n<li>Type the <strong>text<\/strong> for that row.<\/li>\n\n\n\n<li>Add a <strong>link (optional)<\/strong>, such as a <code>tel:<\/code> number for a phone row or a map link for an address.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">To reorder rows, drag the handle or use the up and down arrow keys.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/06-contact-rows-iconpicker.png\" alt=\"Quick Contact Card details rows with the icon picker open showing built-in icons\" class=\"wp-image-13033\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/06-contact-rows-iconpicker.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/06-contact-rows-iconpicker-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/06-contact-rows-iconpicker-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/06-contact-rows-iconpicker-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add the two bottom buttons<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Buttons<\/strong> section gives the card two buttons at the bottom, <strong>Primary<\/strong> and <strong>Secondary<\/strong>. A common setup is a primary button that calls you and a secondary button that opens your ordering page. For each one, set the <strong>text<\/strong> and the link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Choose where and when a widget appears<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both tabs end with the same two sections, <strong>Placement<\/strong> and <strong>When to show<\/strong>. Set them per widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Placement<\/strong> controls the position:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Corner<\/strong>: pick which corner of the screen the widget sits in.<\/li>\n\n\n\n<li><strong>Nudge sideways<\/strong> and <strong>Nudge up\/down<\/strong>: move the widget a few pixels so it does not cover a theme button or a cookie bar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>When to show<\/strong> has two parts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show on<\/strong>: choose <strong>All pages<\/strong>, specific pages, or <strong>Nowhere<\/strong> to keep it off without losing your setup.<\/li>\n\n\n\n<li>The trigger: <strong>Straight away<\/strong>, <strong>after a few seconds<\/strong> (set the seconds to wait), or <strong>after scrolling down<\/strong> (set the scroll depth). A delay or scroll trigger lets people read a little before the widget appears.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when.png\" alt=\"\" class=\"wp-image-13035\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frequently Asked Questions (FAQ)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q1: My video widget is not showing on the site. Why?<\/strong> <br>The most common cause is a link the site cannot play. If you paste a link that is not a direct MP4 or WebM file and not from YouTube, Vimeo, Loom, Wistia, or Dailymotion, the popup stays hidden and the settings show a warning. Switch to a supported link or an uploaded file.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q2: Why can&#8217;t I see the play\/pause and sound switches for my YouTube video?<\/strong> <br>A YouTube, Vimeo, Loom, Wistia, or Dailymotion video plays inside the provider&#8217;s own frame, which the page cannot control, so those switches are hidden for provider links. They appear only for an uploaded file or a direct MP4 or WebM link. Closing the video still stops it in every case.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q3: Can I use my own icon in the Contact Card?<\/strong> <br>Yes. In any row of the Contact Card, click the icon, choose <strong>Your own icon<\/strong>, and upload a PNG or SVG that is square and at least 32&#215;32 pixels. Use it for a brand mark or a logo. Every other row can still use a built-in icon.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Presence Widgets in WP Cafe keep a welcome video and your key contact details on screen while people browse, so booking or calling is always one tap away. Set up the Video Popup and Quick Contact Card in WP Cafe settings, then open your site to see them live. <strong>Overview<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presence Widgets in WP Cafe are two small floating boxes for your restaurant site: a Video Popup that plays a short clip in the corner and a Quick Contact Card that shows your phone number, address, and hours. You set both up from the WP Cafe settings, choose where they appear, and pick when they show.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most visitors leave a restaurant site without booking or calling. These two widgets keep a friendly welcome and your contact details on screen while people browse, so the next step is always one tap away.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/01-overview-live-preview.png\" alt=\"WP Cafe Video Popup live preview showing a corner video with a Book Now button\" class=\"wp-image-3654\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Requirements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An active <a href=\"https:\/\/wordpress.org\/\">WordPress<\/a> site with <a href=\"https:\/\/wpcafe.io\/\">WP Cafe<\/a> and WP Cafe Pro installed, since the Video Popup and Quick Contact Card are Pro features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Open the Presence Widgets settings<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both widgets live in the same place.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In your WordPress dashboard, go to <strong>WP Cafe<\/strong>.<\/li>\n\n\n\n<li>Open <strong>Settings<\/strong>.<\/li>\n\n\n\n<li>In the left menu, find the <strong>Presence Widgets<\/strong> group. It has two tabs: <strong>Video Popup<\/strong> and <strong>Contact Card<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Each tab has its own on\/off switch at the top, so you can run one widget, both, or neither.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/02-presence-menu.png\" alt=\"WP Cafe settings sidebar with the Presence Widgets group, Video Popup and Contact Card tabs\" class=\"wp-image-3655\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Set up the Video Popup<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open the <strong>Video Popup<\/strong> tab and turn on the switch at the top. Then pick your video under <strong>Video source<\/strong>, using one of two options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Upload<\/strong>: click <strong>Choose video file<\/strong> and pick an MP4 or WebM from your media library, or upload a new one.<\/li>\n\n\n\n<li><strong>Direct link<\/strong>: paste a <strong>Video URL<\/strong>. This can be a direct MP4 or WebM link, or a share link from YouTube, Vimeo, Loom, Wistia, or Dailymotion.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The clip plays on its own, silently, and loops. A short portrait clip works best, for example a hello from the chef or a quick look at the kitchen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/03-video-source-url.png\" alt=\"Video Popup source set to Direct link with a video URL field\" class=\"wp-image-3656\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Set the playback options<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Playback<\/strong> you decide how the video behaves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Start minimized<\/strong>: the video plays as a small bubble until the visitor opens it.<\/li>\n\n\n\n<li><strong>Show play\/pause button<\/strong> and <strong>let visitors turn sound on<\/strong>: these appear only for an uploaded file or a direct MP4 or WebM link.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A link from YouTube, Vimeo, or another provider plays inside its own frame, which the page cannot control, so those two switches are hidden for a provider link. Closing (minimizing) the video always stops it, whichever source you use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/04-playback-switches.png\" alt=\"Video Popup playback options: show play\/pause, let visitors turn sound on, start minimized\" class=\"wp-image-3657\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add a button on the video<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Button<\/strong> section to send viewers somewhere after they watch.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Type the <strong>button text<\/strong>, for example, &#8220;Order now&#8221; or &#8220;Book a table.&#8221;<\/li>\n\n\n\n<li>In <strong>Links to<\/strong>, choose <strong>Page<\/strong> to pick one of your pages, or <strong>Link<\/strong> to paste any URL.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The button sits on the video and opens in a new tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Set up the Quick Contact Card<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open the <strong>Contact Card<\/strong> tab and turn on the switch at the top. Fill in the header first:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Title<\/strong>, for example, &#8220;Get in touch.&#8221;<\/li>\n\n\n\n<li><strong>Subtitle<\/strong>, a short line like &#8220;We&#8217;re happy to help.&#8221;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/05-contact-title-subtitle.png\" alt=\"Quick Contact Card Title and Subtitle fields in WP Cafe settings\" class=\"wp-image-3658\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add your contact rows<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Details<\/strong>, each row has an icon, a line of text, and an optional link. Add one row per thing people ask for, like a phone number, an address, or your opening hours. The card scrolls its own list if it gets long. For each row:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the icon to open the icon picker. Pick a built-in icon, or choose <strong>your own icon<\/strong> and upload a PNG or SVG (square, 32&#215;32 or larger).<\/li>\n\n\n\n<li>Type the <strong>text<\/strong> for that row.<\/li>\n\n\n\n<li>Add a <strong>link (optional)<\/strong>, such as a <code>tel:<\/code> number for a phone row or a map link for an address.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">To reorder rows, drag the handle or use the up and down arrow keys.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wp-cafe.com\/wp-content\/uploads\/2026\/09\/06-contact-rows-iconpicker.png\" alt=\"Quick Contact Card details rows with the icon picker open showing built-in icons\" class=\"wp-image-3659\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add the two bottom buttons<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Buttons<\/strong> section gives the card two buttons at the bottom, <strong>Primary<\/strong> and <strong>Secondary<\/strong>. A common setup is a primary button that calls you and a secondary button that opens your ordering page. For each one, set the <strong>text<\/strong> and the link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Choose where and when a widget appears<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both tabs end with the same two sections, <strong>Placement<\/strong> and <strong>When to show<\/strong>. Set them per widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Placement<\/strong> controls the position:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Corner<\/strong>: pick which corner of the screen the widget sits in.<\/li>\n\n\n\n<li><strong>Nudge sideways<\/strong> and <strong>Nudge up\/down<\/strong>: move the widget a few pixels so it does not cover a theme button or a cookie bar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>When to show<\/strong> has two parts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show on<\/strong>: choose <strong>All pages<\/strong>, specific pages, or <strong>Nowhere<\/strong> to keep it off without losing your setup.<\/li>\n\n\n\n<li>The trigger: <strong>Straight away<\/strong>, <strong>after a few seconds<\/strong> (set the seconds to wait), or <strong>after scrolling down<\/strong> (set the scroll depth). A delay or scroll trigger lets people read a little before the widget appears.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1.png\" alt=\"Presence widget Placement and When to show settings in WP Cafe\" class=\"wp-image-13036\" srcset=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1.png 1600w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1-300x188.png 300w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1-768x480.png 768w, https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/09\/07-placement-when-1-1024x640.png 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frequently Asked Questions (FAQ)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q1: My video widget is not showing on the site. Why?<\/strong> <br>The most common cause is a link the site cannot play. If you paste a link that is not a direct MP4 or WebM file and not from YouTube, Vimeo, Loom, Wistia, or Dailymotion, the popup stays hidden and the settings show a warning. Switch to a supported link or an uploaded file.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q2: Why can&#8217;t I see the play\/pause and sound switches for my YouTube video?<\/strong> <br>A YouTube, Vimeo, Loom, Wistia, or Dailymotion video plays inside the provider&#8217;s own frame, which the page cannot control, so those switches are hidden for provider links. They appear only for an uploaded file or a direct MP4 or WebM link. Closing the video still stops it in every case.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><strong>Q3: Can I use my own icon in the Contact Card?<\/strong> <br>Yes. In any row of the Contact Card, click the icon, choose <strong>Your own icon<\/strong>, and upload a PNG or SVG that is square and at least 32&#215;32 pixels. Use it for a brand mark or a logo. Every other row can still use a built-in icon.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Presence Widgets in WP Cafe keep a welcome video and your key contact details on screen while people browse, so booking or calling is always one tap away. Set up the Video Popup and Quick Contact Card in WP Cafe settings, then open your site to see them live.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview Presence Widgets in WP Cafe are two small floating boxes for your restaurant site: a Video Popup that plays a short clip in the corner and a Quick Contact Card that shows your phone number, address, and hours. You set both up from the WP Cafe settings, choose where they appear, and pick when [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[14],"doc_tag":[],"class_list":["post-13022","docs","type-docs","status-publish","hentry","doc_category-general-settings"],"year_month":"2026-09","word_count":1996,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"teamwinter","author_nicename":"teamwinter","author_url":"https:\/\/themewinter.com\/docs\/plugins\/author\/teamwinter\/"},"doc_category_info":[{"term_name":"General settings","term_url":"https:\/\/themewinter.com\/docs\/plugins\/docs\/general-settings\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/13022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/comments?post=13022"}],"version-history":[{"count":7,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/13022\/revisions"}],"predecessor-version":[{"id":13037,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/docs\/13022\/revisions\/13037"}],"wp:attachment":[{"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/media?parent=13022"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/doc_category?post=13022"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themewinter.com\/docs\/plugins\/wp-json\/wp\/v2\/doc_tag?post=13022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}