{"id":5041,"date":"2026-09-20T20:23:50","date_gmt":"2026-09-20T20:23:50","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/pricing-toggle\/"},"modified":"2026-09-21T17:35:00","modified_gmt":"2026-09-21T17:35:00","slug":"pricing-toggle","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/pricing-toggle\/","title":{"rendered":"Pricing Toggle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5041\" class=\"elementor elementor-5041\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6149bf e-flex e-con-boxed e-con e-parent\" data-id=\"b6149bf\" 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-f845b76 e-flex e-con-full e-con e-child\" data-id=\"f845b76\" 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-02af260 elementor-widget elementor-widget-html\" data-id=\"02af260\" 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 84 &middot; <code>emcp_custom_84<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Pricing Toggle<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">5 content options<\/span><span class=\"chip\">39 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: pricing, toggle, monthly, yearly, plans, table.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2dac6a e-flex e-con-full e-con e-child\" data-id=\"d2dac6a\" 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-df20b03 elementor-widget elementor-widget-html\" data-id=\"df20b03\" 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>Pricing Toggle<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Content<\/b>: Monthly Label, Yearly Label, Yearly Badge, Default, Plans.<\/li><li>Pick a <b>Default<\/b>: Monthly, Yearly. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Style. 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\">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-3d08aa8 e-flex e-con-full e-con e-child\" data-id=\"3d08aa8\" 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-f0f736a elementor-widget elementor-widget-html\" data-id=\"f0f736a\" 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>Monthly<\/h3><\/div><p class=\"demo-cap\">Default = <code>monthly<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afe7d6c elementor-widget elementor-widget-emcp_custom_84\" data-id=\"afe7d6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_84.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pt\" data-start=\"monthly\"><div class=\"emcp-pt__switch\"><span class=\"emcp-pt__swlbl\">Monthly<\/span><button class=\"emcp-pt__toggle\" type=\"button\" aria-label=\"Toggle billing period\"><span class=\"emcp-pt__knob\"><\/span><\/button><span class=\"emcp-pt__swlbl\">Yearly <em class=\"emcp-pt__badge\">Save 20%<\/em><\/span><\/div><div class=\"emcp-pt__grid\"><div class=\"emcp-pt__card\"><h3 class=\"emcp-pt__name\">Starter<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$9<\/span><span class=\"emcp-pt__y\">$90<\/span><\/div><div class=\"emcp-pt__feat\">1 site<br \/>\nEmail support<br \/>\nCore widgets<\/div><a class=\"emcp-pt__cta\" href=\"#\">Start free<\/a><\/div><div class=\"emcp-pt__card is-featured\"><span class=\"emcp-pt__pop\">Popular<\/span><h3 class=\"emcp-pt__name\">Pro<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$29<\/span><span class=\"emcp-pt__y\">$290<\/span><\/div><div class=\"emcp-pt__feat\">10 sites<br \/>\nPriority support<br \/>\nAll widgets<br \/>\nCloud sync<\/div><a class=\"emcp-pt__cta\" href=\"#\">Get Pro<\/a><\/div><div class=\"emcp-pt__card\"><h3 class=\"emcp-pt__name\">Agency<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$79<\/span><span class=\"emcp-pt__y\">$790<\/span><\/div><div class=\"emcp-pt__feat\">Unlimited sites<br \/>\nWhite label<br \/>\nAll widgets<br \/>\nCloud sync<\/div><a class=\"emcp-pt__cta\" href=\"#\">Contact us<\/a><\/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-34f3678 e-flex e-con-full e-con e-child\" data-id=\"34f3678\" 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-66ef5d3 elementor-widget elementor-widget-html\" data-id=\"66ef5d3\" 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>Yearly<\/h3><\/div><p class=\"demo-cap\">Default = <code>yearly<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53e0b28 elementor-widget elementor-widget-emcp_custom_84\" data-id=\"53e0b28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_84.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-pt\" data-start=\"yearly\"><div class=\"emcp-pt__switch\"><span class=\"emcp-pt__swlbl\">Monthly<\/span><button class=\"emcp-pt__toggle\" type=\"button\" aria-label=\"Toggle billing period\"><span class=\"emcp-pt__knob\"><\/span><\/button><span class=\"emcp-pt__swlbl\">Yearly <em class=\"emcp-pt__badge\">Save 20%<\/em><\/span><\/div><div class=\"emcp-pt__grid\"><div class=\"emcp-pt__card\"><h3 class=\"emcp-pt__name\">Starter<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$9<\/span><span class=\"emcp-pt__y\">$90<\/span><\/div><div class=\"emcp-pt__feat\">1 site<br \/>\nEmail support<br \/>\nCore widgets<\/div><a class=\"emcp-pt__cta\" href=\"#\">Start free<\/a><\/div><div class=\"emcp-pt__card is-featured\"><span class=\"emcp-pt__pop\">Popular<\/span><h3 class=\"emcp-pt__name\">Pro<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$29<\/span><span class=\"emcp-pt__y\">$290<\/span><\/div><div class=\"emcp-pt__feat\">10 sites<br \/>\nPriority support<br \/>\nAll widgets<br \/>\nCloud sync<\/div><a class=\"emcp-pt__cta\" href=\"#\">Get Pro<\/a><\/div><div class=\"emcp-pt__card\"><h3 class=\"emcp-pt__name\">Agency<\/h3><div class=\"emcp-pt__price\"><span class=\"emcp-pt__m\">$79<\/span><span class=\"emcp-pt__y\">$790<\/span><\/div><div class=\"emcp-pt__feat\">Unlimited sites<br \/>\nWhite label<br \/>\nAll widgets<br \/>\nCloud sync<\/div><a class=\"emcp-pt__cta\" href=\"#\">Contact us<\/a><\/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-dbb1f23 e-flex e-con-full e-con e-child\" data-id=\"dbb1f23\" 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-56cb207 elementor-widget elementor-widget-html\" data-id=\"56cb207\" 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>Monthly Label<\/b><br><code>monthly_label<\/code><\/td><td>Text<\/td><td><\/td><td>Monthly<\/td><td><\/td><\/tr><tr><td><b>Yearly Label<\/b><br><code>yearly_label<\/code><\/td><td>Text<\/td><td><\/td><td>Yearly<\/td><td><\/td><\/tr><tr><td><b>Yearly Badge<\/b><br><code>badge<\/code><\/td><td>Text<\/td><td><\/td><td>Save 20%<\/td><td><\/td><\/tr><tr><td><b>Default<\/b><br><code>start<\/code><\/td><td>Dropdown<\/td><td>Monthly, Yearly<\/td><td>monthly<\/td><td><\/td><\/tr><tr><td><b>Plans<\/b><br><code>plans<\/code><\/td><td>Repeater<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Plan name<\/b><br><code>name<\/code><\/td><td>Text<\/td><td><\/td><td>Starter<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Monthly price<\/b><br><code>monthly_price<\/code><\/td><td>Text<\/td><td><\/td><td>$19\/mo<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Yearly price<\/b><br><code>yearly_price<\/code><\/td><td>Text<\/td><td><\/td><td>$180\/yr<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Features (one per line)<\/b><br><code>features<\/code><\/td><td>Textarea<\/td><td><\/td><td>Feature one\nFeature two<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Button text<\/b><br><code>cta_label<\/code><\/td><td>Text<\/td><td><\/td><td>Choose plan<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Button link<\/b><br><code>cta_link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Featured<\/b><br><code>featured<\/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\">Style<\/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>Toggle Off Color<\/b><br><code>toggle_off<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Toggle On Color<\/b><br><code>toggle_on<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Knob Color<\/b><br><code>knob_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Typography<\/b><br><code>lbl_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Color<\/b><br><code>lbl_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Badge Typography<\/b><br><code>badge_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Badge Text Color<\/b><br><code>badge_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Badge Background<\/b><br><code>badge_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Toggle Row Gap<\/b><br><code>switch_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Toggle Row Spacing<\/b><br><code>switch_mb<\/code><\/td><td>Slider<\/td><td>min 0, max 100, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Background<\/b><br><code>card_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Featured Card Background<\/b><br><code>card_bg_feat<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Border Color<\/b><br><code>card_border<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Featured Border Color<\/b><br><code>card_border_feat<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Corner Radius<\/b><br><code>card_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Padding<\/b><br><code>card_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Gap Between Cards<\/b><br><code>card_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Box Shadow<\/b><br><code>card_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Popular Typography<\/b><br><code>pop_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Popular Text Color<\/b><br><code>pop_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Popular Background<\/b><br><code>pop_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Name Typography<\/b><br><code>name_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Name Color<\/b><br><code>name_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Name Spacing<\/b><br><code>name_mb<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Price Typography<\/b><br><code>price_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Price Color<\/b><br><code>price_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Price Spacing<\/b><br><code>price_mb<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Feature Typography<\/b><br><code>feat_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Feature Color<\/b><br><code>feat_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Checkmark Color<\/b><br><code>check_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Feature Row Spacing<\/b><br><code>feat_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 30, px<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Features Bottom Spacing<\/b><br><code>feat_mb<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/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><tr><td><b>Button Text Color<\/b><br><code>btn_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Button Background<\/b><br><code>btn_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Button Hover Text Color<\/b><br><code>btn_color_h<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Button Hover Background<\/b><br><code>btn_bg_h<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Button Padding<\/b><br><code>btn_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Button Corner Radius<\/b><br><code>btn_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/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_84\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>84<\/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 84 &middot; emcp_custom_84 Pricing Toggle Elementor widget2 layouts5 content options39 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: pricing, toggle, monthly, yearly, plans, table. 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-5041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5041","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=5041"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5041\/revisions"}],"predecessor-version":[{"id":6282,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5041\/revisions\/6282"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}