{"id":5022,"date":"2026-09-20T20:23:46","date_gmt":"2026-09-20T20:23:46","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/pricing-slider\/"},"modified":"2026-09-21T17:35:03","modified_gmt":"2026-09-21T17:35:03","slug":"pricing-slider","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/pricing-slider\/","title":{"rendered":"Pricing Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5022\" class=\"elementor elementor-5022\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6fdd55 e-flex e-con-boxed e-con e-parent\" data-id=\"d6fdd55\" 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-d31701f e-flex e-con-full e-con e-child\" data-id=\"d31701f\" 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-e4192e2 elementor-widget elementor-widget-html\" data-id=\"e4192e2\" 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 97 &middot; <code>emcp_custom_97<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Pricing Slider<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">3 layouts<\/span><span class=\"chip\">21 content options<\/span><span class=\"chip\">39 style options<\/span><span class=\"chip\">5 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, slider, calculator, range, estimate, plan.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb2bf78 e-flex e-con-full e-con e-child\" data-id=\"fb2bf78\" 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-0314dc3 elementor-widget elementor-widget-html\" data-id=\"0314dc3\" 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 Slider<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Slider<\/b>: Layout, Heading, Unit Label (plural), Unit Label (singular), Minimum, Maximum, Step, Starting Value and 13 more.<\/li><li>Pick a <b>Layout<\/b>: Stacked (slider above price), Split (slider left, price right), Card. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Box, Slider, Heading &amp; Price, Button. 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>Base Price<\/code> appears when <code>Pricing Mode<\/code> is per_unit; <code>Price per Unit<\/code> appears when <code>Pricing Mode<\/code> is per_unit; <code>Tiers<\/code> appears when <code>Pricing Mode<\/code> is tiers.<\/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-5d236b6 e-flex e-con-full e-con e-child\" data-id=\"5d236b6\" 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-f76ce88 elementor-widget elementor-widget-html\" data-id=\"f76ce88\" 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>Stacked (slider above price)<\/h3><\/div><p class=\"demo-cap\">Layout = <code>stacked<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf3f9af elementor-widget elementor-widget-emcp_custom_97\" data-id=\"bf3f9af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_97.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--stacked emcp-ps--tiers\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-start=\"10\" data-base=\"\" data-unit=\"\" data-cur=\"$\" data-curpos=\"before\" data-dec=\"0\" data-maxtext=\"Contact us for enterprise\" data-plural=\"users\" data-single=\"user\"><div class=\"emcp-ps__tiers\" hidden><span data-upto=\"10\" data-price=\"29\" data-label=\"Starter\"><\/span><span data-upto=\"50\" data-price=\"99\" data-label=\"Team\"><\/span><span data-upto=\"100\" data-price=\"249\" data-label=\"Business\"><\/span><\/div><div class=\"emcp-ps__left\"><h3 class=\"emcp-ps__heading\">How many users do you need?<\/h3><div class=\"emcp-ps__valrow\"><span class=\"emcp-ps__val\"><b class=\"emcp-ps__num\">10<\/b> <span class=\"emcp-ps__unit\">users<\/span><\/span><\/div><input type=\"range\" class=\"emcp-ps__range\" min=\"1\" max=\"100\" step=\"1\" value=\"10\" aria-label=\"How many users do you need?\"><div class=\"emcp-ps__ticks\"><span>1<\/span><span>100+<\/span><\/div><\/div><div class=\"emcp-ps__right\"><div class=\"emcp-ps__tier\"><\/div><div class=\"emcp-ps__price\"><span class=\"emcp-ps__cur emcp-ps__cur--before\">$<\/span><span class=\"emcp-ps__amount\">0<\/span><span class=\"emcp-ps__cur emcp-ps__cur--after\">$<\/span><\/div><div class=\"emcp-ps__maxtext\">Contact us for enterprise<\/div><div class=\"emcp-ps__period\">\/ month<\/div><a class=\"emcp-ps__cta\" href=\"\">Get started<\/a><p class=\"emcp-ps__note\">Billed monthly. Cancel anytime.<\/p><\/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-e3316fb e-flex e-con-full e-con e-child\" data-id=\"e3316fb\" 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-da72180 elementor-widget elementor-widget-html\" data-id=\"da72180\" 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>Split (slider left, price right)<\/h3><\/div><p class=\"demo-cap\">Layout = <code>split<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b99e75e elementor-widget elementor-widget-emcp_custom_97\" data-id=\"b99e75e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_97.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--split emcp-ps--tiers\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-start=\"10\" data-base=\"\" data-unit=\"\" data-cur=\"$\" data-curpos=\"before\" data-dec=\"0\" data-maxtext=\"Contact us for enterprise\" data-plural=\"users\" data-single=\"user\"><div class=\"emcp-ps__tiers\" hidden><span data-upto=\"10\" data-price=\"29\" data-label=\"Starter\"><\/span><span data-upto=\"50\" data-price=\"99\" data-label=\"Team\"><\/span><span data-upto=\"100\" data-price=\"249\" data-label=\"Business\"><\/span><\/div><div class=\"emcp-ps__left\"><h3 class=\"emcp-ps__heading\">How many users do you need?<\/h3><div class=\"emcp-ps__valrow\"><span class=\"emcp-ps__val\"><b class=\"emcp-ps__num\">10<\/b> <span class=\"emcp-ps__unit\">users<\/span><\/span><\/div><input type=\"range\" class=\"emcp-ps__range\" min=\"1\" max=\"100\" step=\"1\" value=\"10\" aria-label=\"How many users do you need?\"><div class=\"emcp-ps__ticks\"><span>1<\/span><span>100+<\/span><\/div><\/div><div class=\"emcp-ps__right\"><div class=\"emcp-ps__tier\"><\/div><div class=\"emcp-ps__price\"><span class=\"emcp-ps__cur emcp-ps__cur--before\">$<\/span><span class=\"emcp-ps__amount\">0<\/span><span class=\"emcp-ps__cur emcp-ps__cur--after\">$<\/span><\/div><div class=\"emcp-ps__maxtext\">Contact us for enterprise<\/div><div class=\"emcp-ps__period\">\/ month<\/div><a class=\"emcp-ps__cta\" href=\"\">Get started<\/a><p class=\"emcp-ps__note\">Billed monthly. Cancel anytime.<\/p><\/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-25540d1 e-flex e-con-full e-con e-child\" data-id=\"25540d1\" 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-c5a13a6 elementor-widget elementor-widget-html\" data-id=\"c5a13a6\" 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>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-5c3f1c3 elementor-widget elementor-widget-emcp_custom_97\" data-id=\"5c3f1c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_97.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--card emcp-ps--tiers\" data-min=\"1\" data-max=\"100\" data-step=\"1\" data-start=\"10\" data-base=\"\" data-unit=\"\" data-cur=\"$\" data-curpos=\"before\" data-dec=\"0\" data-maxtext=\"Contact us for enterprise\" data-plural=\"users\" data-single=\"user\"><div class=\"emcp-ps__tiers\" hidden><span data-upto=\"10\" data-price=\"29\" data-label=\"Starter\"><\/span><span data-upto=\"50\" data-price=\"99\" data-label=\"Team\"><\/span><span data-upto=\"100\" data-price=\"249\" data-label=\"Business\"><\/span><\/div><div class=\"emcp-ps__left\"><h3 class=\"emcp-ps__heading\">How many users do you need?<\/h3><div class=\"emcp-ps__valrow\"><span class=\"emcp-ps__val\"><b class=\"emcp-ps__num\">10<\/b> <span class=\"emcp-ps__unit\">users<\/span><\/span><\/div><input type=\"range\" class=\"emcp-ps__range\" min=\"1\" max=\"100\" step=\"1\" value=\"10\" aria-label=\"How many users do you need?\"><div class=\"emcp-ps__ticks\"><span>1<\/span><span>100+<\/span><\/div><\/div><div class=\"emcp-ps__right\"><div class=\"emcp-ps__tier\"><\/div><div class=\"emcp-ps__price\"><span class=\"emcp-ps__cur emcp-ps__cur--before\">$<\/span><span class=\"emcp-ps__amount\">0<\/span><span class=\"emcp-ps__cur emcp-ps__cur--after\">$<\/span><\/div><div class=\"emcp-ps__maxtext\">Contact us for enterprise<\/div><div class=\"emcp-ps__period\">\/ month<\/div><a class=\"emcp-ps__cta\" href=\"\">Get started<\/a><p class=\"emcp-ps__note\">Billed monthly. Cancel anytime.<\/p><\/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-a7c3085 e-flex e-con-full e-con e-child\" data-id=\"a7c3085\" 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-b8b2983 elementor-widget elementor-widget-html\" data-id=\"b8b2983\" 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\">Slider<\/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>Stacked (slider above price), Split (slider left, price right), Card<\/td><td>stacked<\/td><td><\/td><\/tr><tr><td><b>Heading<\/b><br><code>heading<\/code><\/td><td>Text<\/td><td><\/td><td>How many users do you need?<\/td><td><\/td><\/tr><tr><td><b>Unit Label (plural)<\/b><br><code>unit_label<\/code><\/td><td>Text<\/td><td><\/td><td>users<\/td><td><\/td><\/tr><tr><td><b>Unit Label (singular)<\/b><br><code>unit_label_single<\/code><\/td><td>Text<\/td><td><\/td><td>user<\/td><td><\/td><\/tr><tr><td><b>Minimum<\/b><br><code>min<\/code><\/td><td>Number<\/td><td>min 0<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Maximum<\/b><br><code>max<\/code><\/td><td>Number<\/td><td>min 1<\/td><td>100<\/td><td><\/td><\/tr><tr><td><b>Step<\/b><br><code>step<\/code><\/td><td>Number<\/td><td>min 1<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Starting Value<\/b><br><code>start<\/code><\/td><td>Number<\/td><td><\/td><td>10<\/td><td><\/td><\/tr><tr><td><b>Pricing Mode<\/b><br><code>pricing_mode<\/code><\/td><td>Dropdown<\/td><td>Base + price per unit, Tiered (up to N units = price)<\/td><td>per_unit<\/td><td><\/td><\/tr><tr><td><b>Base Price<\/b><br><code>base_price<\/code><\/td><td>Number<\/td><td><\/td><td>0<\/td><td>Shown when pricing_mode = per_unit<\/td><\/tr><tr><td><b>Price per Unit<\/b><br><code>unit_price<\/code><\/td><td>Number<\/td><td><\/td><td>4.5<\/td><td>Shown when pricing_mode = per_unit<\/td><\/tr><tr><td><b>Tiers<\/b><br><code>tiers<\/code><\/td><td>Repeater<\/td><td><\/td><td>3 items<\/td><td>Shown when pricing_mode = tiers<\/td><\/tr><tr><td>&#8627; <b>Up to (units)<\/b><br><code>upto<\/code><\/td><td>Number<\/td><td><\/td><td>10<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Price<\/b><br><code>price<\/code><\/td><td>Number<\/td><td><\/td><td>29<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Tier name<\/b><br><code>label<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Currency Symbol<\/b><br><code>currency<\/code><\/td><td>Text<\/td><td><\/td><td>$<\/td><td><\/td><\/tr><tr><td><b>Currency Position<\/b><br><code>currency_pos<\/code><\/td><td>Dropdown<\/td><td>Before, After<\/td><td>before<\/td><td><\/td><\/tr><tr><td><b>Decimals<\/b><br><code>decimals<\/code><\/td><td>Number<\/td><td>min 0, max 2<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Period Label<\/b><br><code>period<\/code><\/td><td>Text<\/td><td><\/td><td>\/ month<\/td><td><\/td><\/tr><tr><td><b>Text at Maximum<\/b><br><code>max_text<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td>Shown instead of the price when the slider is at its maximum. Leave blank to always show the price.<\/td><\/tr><tr><td><b>Show Min \/ Max Labels<\/b><br><code>show_ticks<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Button Text<\/b><br><code>cta_text<\/code><\/td><td>Text<\/td><td><\/td><td>Get started<\/td><td><\/td><\/tr><tr><td><b>Button Link<\/b><br><code>cta_link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Footnote<\/b><br><code>note<\/code><\/td><td>Textarea<\/td><td><\/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\">Box<\/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>Background<\/b><br><code>box_bg<\/code><\/td><td>Background<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>box_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td>Responsive<\/td><\/tr><tr><td><b>Border<\/b><br><code>box_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Border Radius<\/b><br><code>box_radius<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Box Shadow<\/b><br><code>box_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Section Gap<\/b><br><code>box_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>24<\/td><td><\/td><\/tr><tr><td><b>Text Alignment<\/b><br><code>align<\/code><\/td><td>Button group<\/td><td>Left, Center, Right<\/td><td>center<\/td><td>Responsive<\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Slider<\/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>Track Color<\/b><br><code>track_color<\/code><\/td><td>Color<\/td><td><\/td><td>#eaecf0<\/td><td><\/td><\/tr><tr><td><b>Fill Color<\/b><br><code>fill_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Thumb Color<\/b><br><code>thumb_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Thumb Border Color<\/b><br><code>thumb_border<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Track Height<\/b><br><code>track_h<\/code><\/td><td>Slider<\/td><td>min 2, max 30, px<\/td><td>8<\/td><td><\/td><\/tr><tr><td><b>Thumb Size<\/b><br><code>thumb_size<\/code><\/td><td>Slider<\/td><td>min 10, max 60, px<\/td><td>24<\/td><td><\/td><\/tr><tr><td><b>Current Value Typography<\/b><br><code>value_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Current Value Color<\/b><br><code>value_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Value Bubble Background<\/b><br><code>value_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Min\/Max Typography<\/b><br><code>tick_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Min\/Max Color<\/b><br><code>tick_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Heading &amp; Price<\/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>Heading Typography<\/b><br><code>h_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Heading Color<\/b><br><code>h_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/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>#101828<\/td><td><\/td><\/tr><tr><td><b>Currency Typography<\/b><br><code>cur_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Period Typography<\/b><br><code>period_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Period Color<\/b><br><code>period_color<\/code><\/td><td>Color<\/td><td><\/td><td>#667085<\/td><td><\/td><\/tr><tr><td><b>Tier Name Typography<\/b><br><code>tier_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tier Name Color<\/b><br><code>tier_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Footnote Typography<\/b><br><code>note_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Footnote Color<\/b><br><code>note_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Button<\/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>Typography<\/b><br><code>btn_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>btn_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Background<\/b><br><code>btn_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Hover Text Color<\/b><br><code>btn_color_h<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Hover Background<\/b><br><code>btn_bg_h<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>btn_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>btn_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>10<\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>btn_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Box Shadow<\/b><br><code>btn_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Full Width<\/b><br><code>btn_full<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/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_97\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>97<\/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 97 &middot; emcp_custom_97 Pricing Slider Elementor widget3 layouts21 content options39 style options5 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: pricing, slider, calculator, range, estimate, plan. 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-5022","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5022","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=5022"}],"version-history":[{"count":19,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5022\/revisions"}],"predecessor-version":[{"id":6283,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5022\/revisions\/6283"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}