{"id":6215,"date":"2026-09-20T20:52:32","date_gmt":"2026-09-20T20:52:32","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/whatsapp-chat\/"},"modified":"2026-09-21T17:32:22","modified_gmt":"2026-09-21T17:32:22","slug":"whatsapp-chat","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/whatsapp-chat\/","title":{"rendered":"WhatsApp Chat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6215\" class=\"elementor elementor-6215\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9bb58a e-flex e-con-boxed e-con e-parent\" data-id=\"a9bb58a\" 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-6bac6d7 e-flex e-con-full e-con e-child\" data-id=\"6bac6d7\" 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-d498521 elementor-widget elementor-widget-html\" data-id=\"d498521\" 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 220 &middot; <code>emcp_custom_220<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">WhatsApp Chat<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">3 layouts<\/span><span class=\"chip\">15 content options<\/span><span class=\"chip\">13 style options<\/span><span class=\"chip\">2 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: whatsapp, chat, support, floating, contact, message.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b723abc e-flex e-con-full e-con e-child\" data-id=\"b723abc\" 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-79c39f7 elementor-widget elementor-widget-html\" data-id=\"79c39f7\" 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>WhatsApp Chat<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Chat<\/b>: Layout, Agents, Pre-filled Message, Chat Box Title, Chat Box Subtitle, Welcome Bubble, Button Label, Show Label Next to Floating Button and 7 more.<\/li><li>Pick a <b>Layout<\/b>: Floating button with chat box, Inline button (direct link), Inline contact card. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Colors. 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>Floating Position<\/code> appears when <code>Layout<\/code> is floating; <code>Auto-open After (ms, 0 = never)<\/code> appears when <code>Layout<\/code> is floating; <code>Pulse Ring<\/code> appears when <code>Layout<\/code> is floating; <code>Unread Badge<\/code> appears when <code>Layout<\/code> is floating; <code>Message Field in Chat Box<\/code> appears when <code>Layout<\/code> is floating; <code>Consent Note<\/code> appears when <code>Layout<\/code> is floating.<\/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-fcad9e9 e-flex e-con-full e-con e-child\" data-id=\"fcad9e9\" 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-81a8987 elementor-widget elementor-widget-html\" data-id=\"81a8987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-fcad9e9{transform:translateZ(0);position:relative}.elementor-element-fcad9e9 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a3e4b2 elementor-widget elementor-widget-html\" data-id=\"0a3e4b2\" 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>Floating button with chat box<\/h3><\/div><p class=\"demo-cap\">Layout = <code>floating<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd70edb elementor-widget elementor-widget-emcp_custom_220\" data-id=\"dd70edb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_220.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-wa emcp-wa--floating emcp-wa--bottom-right has-pulse has-input\" data-msg=\"Hi! I have a question about\" data-delay=\"0\"><a class=\"emcp-wa__btn\" href=\"#\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__ico\"><\/span><span>Chat on WhatsApp<\/span><\/a><div class=\"emcp-wa__card\"><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__box\" aria-hidden=\"true\"><div class=\"emcp-wa__head\"><span class=\"emcp-wa__ico emcp-wa__ico--lg\"><\/span><div><div class=\"emcp-wa__title\">Chat with us<\/div><div class=\"emcp-wa__sub\">We usually reply within a few minutes.<\/div><\/div><button type=\"button\" class=\"emcp-wa__close\" aria-label=\"Close chat\">&#10005;<\/button><\/div><div class=\"emcp-wa__body\"><div class=\"emcp-wa__welcome\">Hello! Pick who you would like to talk to.<\/div><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__foot\"><input type=\"text\" class=\"emcp-wa__input\" placeholder=\"Type a message\" aria-label=\"Message\"><button type=\"button\" class=\"emcp-wa__send\" aria-label=\"Send\">&#10148;<\/button><\/div><\/div><button type=\"button\" class=\"emcp-wa__fab\" aria-label=\"Open WhatsApp chat\" aria-expanded=\"false\"><span class=\"emcp-wa__ico emcp-wa__ico--fab\"><\/span><span class=\"emcp-wa__x\">&#10005;<\/span><span class=\"emcp-wa__badge\">1<\/span><\/button><span class=\"emcp-wa__label\">Chat on WhatsApp<\/span><\/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-fcc31eb e-flex e-con-full e-con e-child\" data-id=\"fcc31eb\" 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-3fe35eb elementor-widget elementor-widget-html\" data-id=\"3fe35eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-fcc31eb{transform:translateZ(0);position:relative}.elementor-element-fcc31eb .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d2cfa9 elementor-widget elementor-widget-html\" data-id=\"4d2cfa9\" 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>Inline button (direct link)<\/h3><\/div><p class=\"demo-cap\">Layout = <code>button<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbca9ca elementor-widget elementor-widget-emcp_custom_220\" data-id=\"bbca9ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_220.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-wa emcp-wa--button emcp-wa--\" data-msg=\"Hi! I have a question about\" data-delay=\"\"><a class=\"emcp-wa__btn\" href=\"#\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__ico\"><\/span><span>Chat on WhatsApp<\/span><\/a><div class=\"emcp-wa__card\"><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__box\" aria-hidden=\"true\"><div class=\"emcp-wa__head\"><span class=\"emcp-wa__ico emcp-wa__ico--lg\"><\/span><div><div class=\"emcp-wa__title\">Chat with us<\/div><div class=\"emcp-wa__sub\">We usually reply within a few minutes.<\/div><\/div><button type=\"button\" class=\"emcp-wa__close\" aria-label=\"Close chat\">&#10005;<\/button><\/div><div class=\"emcp-wa__body\"><div class=\"emcp-wa__welcome\">Hello! Pick who you would like to talk to.<\/div><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__foot\"><input type=\"text\" class=\"emcp-wa__input\" placeholder=\"Type a message\" aria-label=\"Message\"><button type=\"button\" class=\"emcp-wa__send\" aria-label=\"Send\">&#10148;<\/button><\/div><\/div><button type=\"button\" class=\"emcp-wa__fab\" aria-label=\"Open WhatsApp chat\" aria-expanded=\"false\"><span class=\"emcp-wa__ico emcp-wa__ico--fab\"><\/span><span class=\"emcp-wa__x\">&#10005;<\/span><\/button><span class=\"emcp-wa__label\">Chat on WhatsApp<\/span><\/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-25907b5 e-flex e-con-full e-con e-child\" data-id=\"25907b5\" 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-444edb7 elementor-widget elementor-widget-html\" data-id=\"444edb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-25907b5{transform:translateZ(0);position:relative}.elementor-element-25907b5 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e471bcb elementor-widget elementor-widget-html\" data-id=\"e471bcb\" 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>Inline contact card<\/h3><\/div><p class=\"demo-cap\">Layout = <code>card<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-409e85c elementor-widget elementor-widget-emcp_custom_220\" data-id=\"409e85c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_220.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-wa emcp-wa--card emcp-wa--\" data-msg=\"Hi! I have a question about\" data-delay=\"\"><a class=\"emcp-wa__btn\" href=\"#\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__ico\"><\/span><span>Chat on WhatsApp<\/span><\/a><div class=\"emcp-wa__card\"><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__box\" aria-hidden=\"true\"><div class=\"emcp-wa__head\"><span class=\"emcp-wa__ico emcp-wa__ico--lg\"><\/span><div><div class=\"emcp-wa__title\">Chat with us<\/div><div class=\"emcp-wa__sub\">We usually reply within a few minutes.<\/div><\/div><button type=\"button\" class=\"emcp-wa__close\" aria-label=\"Close chat\">&#10005;<\/button><\/div><div class=\"emcp-wa__body\"><div class=\"emcp-wa__welcome\">Hello! Pick who you would like to talk to.<\/div><div class=\"emcp-wa__agents\"><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15551234567\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Sarah<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Sarah<\/span><span class=\"emcp-wa__role\">Sales<\/span><span class=\"emcp-wa__hours\">Mon-Fri 9:00-18:00<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><a class=\"emcp-wa__agent\" href=\"#\" data-phone=\"15557654321\" target=\"_blank\" rel=\"noopener\"><span class=\"emcp-wa__avatar\"><span class=\"emcp-wa__initial\">Omar<\/span><i class=\"emcp-wa__dot\"><\/i><\/span><span class=\"emcp-wa__who\"><span class=\"emcp-wa__name\">Omar<\/span><span class=\"emcp-wa__role\">Support<\/span><span class=\"emcp-wa__hours\">Every day<\/span><\/span><span class=\"emcp-wa__go\"><\/span><\/a><\/div><\/div><div class=\"emcp-wa__foot\"><input type=\"text\" class=\"emcp-wa__input\" placeholder=\"Type a message\" aria-label=\"Message\"><button type=\"button\" class=\"emcp-wa__send\" aria-label=\"Send\">&#10148;<\/button><\/div><\/div><button type=\"button\" class=\"emcp-wa__fab\" aria-label=\"Open WhatsApp chat\" aria-expanded=\"false\"><span class=\"emcp-wa__ico emcp-wa__ico--fab\"><\/span><span class=\"emcp-wa__x\">&#10005;<\/span><\/button><\/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-b0511f3 e-flex e-con-full e-con e-child\" data-id=\"b0511f3\" 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-ff55112 elementor-widget elementor-widget-html\" data-id=\"ff55112\" 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\">Chat<\/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>Layout<\/b><br><code>layout<\/code><\/td><td>Dropdown<\/td><td>Floating button with chat box, Inline button (direct link), Inline contact card<\/td><td>floating<\/td><td><\/td><\/tr><tr><td><b>Agents<\/b><br><code>agents<\/code><\/td><td>Repeater<\/td><td><\/td><td>2 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Name<\/b><br><code>name<\/code><\/td><td>Text<\/td><td><\/td><td>Support<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Role<\/b><br><code>role<\/code><\/td><td>Text<\/td><td><\/td><td>Customer care<\/td><td><\/td><\/tr><tr><td>&#8627; <b>WhatsApp Number (international, digits only)<\/b><br><code>phone<\/code><\/td><td>Text<\/td><td><\/td><td>15551234567<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Avatar<\/b><br><code>avatar<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Availability<\/b><br><code>hours<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Show as Online<\/b><br><code>online<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Pre-filled Message<\/b><br><code>message<\/code><\/td><td>Textarea<\/td><td><\/td><td>Hi! I have a question about<\/td><td><\/td><\/tr><tr><td><b>Chat Box Title<\/b><br><code>header_title<\/code><\/td><td>Text<\/td><td><\/td><td>Chat with us<\/td><td><\/td><\/tr><tr><td><b>Chat Box Subtitle<\/b><br><code>header_sub<\/code><\/td><td>Text<\/td><td><\/td><td>We usually reply within a few minutes.<\/td><td><\/td><\/tr><tr><td><b>Welcome Bubble<\/b><br><code>welcome<\/code><\/td><td>Textarea<\/td><td><\/td><td>Hello! Pick who you would like to tal...<\/td><td><\/td><\/tr><tr><td><b>Button Label<\/b><br><code>btn_text<\/code><\/td><td>Text<\/td><td><\/td><td>Chat on WhatsApp<\/td><td><\/td><\/tr><tr><td><b>Show Label Next to Floating Button<\/b><br><code>show_label<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Floating Position<\/b><br><code>position<\/code><\/td><td>Dropdown<\/td><td>Bottom right, Bottom left<\/td><td>bottom-right<\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Auto-open After (ms, 0 = never)<\/b><br><code>open_delay<\/code><\/td><td>Number<\/td><td>min 0, max 60000<\/td><td>0<\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Pulse Ring<\/b><br><code>pulse<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Unread Badge<\/b><br><code>badge<\/code><\/td><td>Text<\/td><td><\/td><td>1<\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Message Field in Chat Box<\/b><br><code>show_input<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Consent Note<\/b><br><code>gdpr<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td>Shown when layout = floating<\/td><\/tr><tr><td><b>Hide on Mobile<\/b><br><code>hide_mobile<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Colors<\/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>Brand Color<\/b><br><code>brand<\/code><\/td><td>Color<\/td><td><\/td><td>#25d366<\/td><td><\/td><\/tr><tr><td><b>Header Color<\/b><br><code>brand_dark<\/code><\/td><td>Color<\/td><td><\/td><td>#075e54<\/td><td><\/td><\/tr><tr><td><b>Chat Background<\/b><br><code>box_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#efe7dd<\/td><td><\/td><\/tr><tr><td><b>Floating Button Size<\/b><br><code>btn_size<\/code><\/td><td>Slider<\/td><td>min 40, max 96, px<\/td><td>60<\/td><td><\/td><\/tr><tr><td><b>Edge Offset<\/b><br><code>offset<\/code><\/td><td>Slider<\/td><td>min 0, max 120, px<\/td><td>24<\/td><td><\/td><\/tr><tr><td><b>Chat Box Width<\/b><br><code>box_w<\/code><\/td><td>Slider<\/td><td>min 260, max 480, px<\/td><td>340<\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>16<\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Z-index<\/b><br><code>zindex<\/code><\/td><td>Number<\/td><td>min 1, max 99999<\/td><td>9995<\/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>Agent Name Typography<\/b><br><code>name_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/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>Button Typography<\/b><br><code>btn_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/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_220\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>220<\/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 220 &middot; emcp_custom_220 WhatsApp Chat Elementor widget3 layouts15 content options13 style options2 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: whatsapp, chat, support, floating, contact, message. Setup guide Open a page in Elementor, search the panel for [&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-6215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6215","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=6215"}],"version-history":[{"count":22,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6215\/revisions"}],"predecessor-version":[{"id":6244,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6215\/revisions\/6244"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=6215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}