{"id":6097,"date":"2026-09-20T20:52:10","date_gmt":"2026-09-20T20:52:10","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/preview-window\/"},"modified":"2026-09-21T17:32:53","modified_gmt":"2026-09-21T17:32:53","slug":"preview-window","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/preview-window\/","title":{"rendered":"Preview Window"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6097\" class=\"elementor elementor-6097\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48065f e-flex e-con-boxed e-con e-parent\" data-id=\"a48065f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-690fca5 e-flex e-con-full e-con e-child\" data-id=\"690fca5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48b42e elementor-widget elementor-widget-html\" data-id=\"a48b42e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 218 &middot; <code>emcp_custom_218<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Preview Window<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">11 content options<\/span><span class=\"chip\">17 style options<\/span><span class=\"chip\">3 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: preview, popover, hover card, tooltip, link preview, glossary.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ae7979 e-flex e-con-full e-con e-child\" data-id=\"8ae7979\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2f8319 elementor-widget elementor-widget-html\" data-id=\"b2f8319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Preview Window<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Content<\/b>: Mode, Text, Trigger Text, Trigger Style, Preview Cards, Open On, Placement, Open Delay (ms) and 3 more.<\/li><li>Pick a <b>Mode<\/b>: Rich text with preview links, Single trigger. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Trigger, Preview Card. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Text<\/code> appears when <code>Mode<\/code> is links; <code>Trigger Text<\/code> appears when <code>Mode<\/code> is single.<\/div><div class=\"note\">This widget is fixed to the viewport (a corner button, a bar or a toast). On this page each demo is pinned inside its grey stage box so you can see it in place; on a real page it floats over the content. Scroll-driven options react to the scrolling of this page.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5ad088 e-flex e-con-full e-con e-child\" data-id=\"b5ad088\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ff2b5b elementor-widget elementor-widget-html\" data-id=\"8ff2b5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-b5ad088{transform:translateZ(0);position:relative}.elementor-element-b5ad088 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-756b981 elementor-widget elementor-widget-html\" data-id=\"756b981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Rich text with preview links<\/h3><\/div><p class=\"demo-cap\">Mode = <code>links<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bddf8bd elementor-widget elementor-widget-emcp_custom_218\" data-id=\"bddf8bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_218.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pw emcp-pw--links emcp-pw--trig-dotted emcp-pw--hover emcp-pw--place-top emcp-pw--anim-fade-up emcp-pw--img-top has-arrow\" data-delay=\"150\"><div class=\"emcp-pw__body\"><p>Hover a term like <a href=\"#\" data-preview=\"1\">flexbox<\/a> or <a href=\"#\" data-preview=\"2\">containers<\/a> to see a preview card. Any link with a data-preview number opens the matching card below.<\/p><\/div><span class=\"emcp-pw__single\"><a href=\"#\" class=\"emcp-pw__trigger\" data-preview=\"1\"><\/a><\/span><div class=\"emcp-pw__cards\" hidden><div class=\"emcp-pw__card\"><img decoding=\"async\" class=\"emcp-pw__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1447933601403-0c6688de566e.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-pw__cbody\"><span class=\"emcp-pw__meta\">Docs<\/span><span class=\"emcp-pw__title\">Flexbox containers<\/span><p class=\"emcp-pw__text\">The modern Elementor layout element.<\/p><a class=\"emcp-pw__cta\" href=\"#\">Read more &rarr;<\/a><\/div><span class=\"emcp-pw__arrow\"><\/span><\/div><div class=\"emcp-pw__card\"><img decoding=\"async\" class=\"emcp-pw__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1461023058943-07fcbe16d735.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-pw__cbody\"><span class=\"emcp-pw__meta\">Docs<\/span><span class=\"emcp-pw__title\">Nested containers<\/span><p class=\"emcp-pw__text\">Containers inside containers.<\/p><\/div><span class=\"emcp-pw__arrow\"><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4782731 e-flex e-con-full e-con e-child\" data-id=\"4782731\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6ac762 elementor-widget elementor-widget-html\" data-id=\"c6ac762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-4782731{transform:translateZ(0);position:relative}.elementor-element-4782731 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed290a elementor-widget elementor-widget-html\" data-id=\"8ed290a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Single trigger<\/h3><\/div><p class=\"demo-cap\">Mode = <code>single<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7f37a elementor-widget elementor-widget-emcp_custom_218\" data-id=\"4e7f37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_218.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pw emcp-pw--single emcp-pw--trig-dotted emcp-pw--hover emcp-pw--place-top emcp-pw--anim-fade-up emcp-pw--img-top has-arrow\" data-delay=\"150\"><div class=\"emcp-pw__body\"><\/div><span class=\"emcp-pw__single\"><a href=\"#\" class=\"emcp-pw__trigger\" data-preview=\"1\">Hover for a preview<\/a><\/span><div class=\"emcp-pw__cards\" hidden><div class=\"emcp-pw__card\"><img decoding=\"async\" class=\"emcp-pw__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1447933601403-0c6688de566e.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-pw__cbody\"><span class=\"emcp-pw__meta\">Docs<\/span><span class=\"emcp-pw__title\">Flexbox containers<\/span><p class=\"emcp-pw__text\">The modern Elementor layout element.<\/p><a class=\"emcp-pw__cta\" href=\"#\">Read more &rarr;<\/a><\/div><span class=\"emcp-pw__arrow\"><\/span><\/div><div class=\"emcp-pw__card\"><img decoding=\"async\" class=\"emcp-pw__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1461023058943-07fcbe16d735.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-pw__cbody\"><span class=\"emcp-pw__meta\">Docs<\/span><span class=\"emcp-pw__title\">Nested containers<\/span><p class=\"emcp-pw__text\">Containers inside containers.<\/p><\/div><span class=\"emcp-pw__arrow\"><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3ee4cd e-flex e-con-full e-con e-child\" data-id=\"b3ee4cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b50d1b elementor-widget elementor-widget-html\" data-id=\"3b50d1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Content<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Mode<\/b><br><code>mode<\/code><\/td><td>Dropdown<\/td><td>Rich text with preview links, Single trigger<\/td><td>links<\/td><td><\/td><\/tr><tr><td><b>Text<\/b><br><code>body<\/code><\/td><td>Rich text<\/td><td><\/td><td>Hover a term like flexbox or containe...<\/td><td>Shown when mode = links<\/td><\/tr><tr><td><b>Trigger Text<\/b><br><code>trigger_text<\/code><\/td><td>Text<\/td><td><\/td><td>Hover for a preview<\/td><td>Shown when mode = single<\/td><\/tr><tr><td><b>Trigger Style<\/b><br><code>trigger_style<\/code><\/td><td>Dropdown<\/td><td>Dotted underline, Highlighted, Button, Info icon after text, Plain link<\/td><td>dotted<\/td><td><\/td><\/tr><tr><td><b>Preview Cards<\/b><br><code>cards<\/code><\/td><td>Repeater<\/td><td><\/td><td>2 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Image<\/b><br><code>image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td>Preview title<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Meta line<\/b><br><code>meta<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link Text<\/b><br><code>cta<\/code><\/td><td>Text<\/td><td><\/td><td>Read more<\/td><td><\/td><\/tr><tr><td><b>Open On<\/b><br><code>open<\/code><\/td><td>Dropdown<\/td><td>Hover (tap on touch), Click<\/td><td>hover<\/td><td><\/td><\/tr><tr><td><b>Placement<\/b><br><code>placement<\/code><\/td><td>Dropdown<\/td><td>Above, Below, Auto (flip to fit)<\/td><td>top<\/td><td><\/td><\/tr><tr><td><b>Open Delay (ms)<\/b><br><code>delay<\/code><\/td><td>Number<\/td><td>min 0, max 2000<\/td><td>150<\/td><td><\/td><\/tr><tr><td><b>Arrow<\/b><br><code>arrow<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Animation<\/b><br><code>anim<\/code><\/td><td>Dropdown<\/td><td>Fade, Fade up, Scale<\/td><td>fade-up<\/td><td><\/td><\/tr><tr><td><b>Image Position<\/b><br><code>img_pos<\/code><\/td><td>Dropdown<\/td><td>Top, Left, Hidden<\/td><td>top<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Trigger<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Text Typography<\/b><br><code>body_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>body_color<\/code><\/td><td>Color<\/td><td><\/td><td>#344054<\/td><td><\/td><\/tr><tr><td><b>Trigger Color<\/b><br><code>trig_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Trigger Highlight Background<\/b><br><code>trig_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Preview Card<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Width<\/b><br><code>card_w<\/code><\/td><td>Slider<\/td><td>min 200, max 600, px<\/td><td>320<\/td><td><\/td><\/tr><tr><td><b>Background<\/b><br><code>card_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>card_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>card_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>card_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>card_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Image Height<\/b><br><code>img_h<\/code><\/td><td>Slider<\/td><td>min 60, max 400, px<\/td><td>140<\/td><td><\/td><\/tr><tr><td><b>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>text_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>text_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Meta Color<\/b><br><code>meta_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><tr><td><b>Link Color<\/b><br><code>cta_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_218\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>218<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 218 &middot; emcp_custom_218 Preview Window Elementor widget2 layouts11 content options17 style options3 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: preview, popover, hover card, tooltip, link preview, glossary. Setup guide Open a page in Elementor, search the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6097","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=6097"}],"version-history":[{"count":18,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6097\/revisions"}],"predecessor-version":[{"id":6250,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6097\/revisions\/6250"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=6097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}