{"id":5057,"date":"2026-09-20T20:23:53","date_gmt":"2026-09-20T20:23:53","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/process-steps\/"},"modified":"2026-09-21T17:34:57","modified_gmt":"2026-09-21T17:34:57","slug":"process-steps","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/process-steps\/","title":{"rendered":"Process Steps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5057\" class=\"elementor elementor-5057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12d27a4 e-flex e-con-boxed e-con e-parent\" data-id=\"12d27a4\" 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-c3496fc e-flex e-con-full e-con e-child\" data-id=\"c3496fc\" 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-10b8edc elementor-widget elementor-widget-html\" data-id=\"10b8edc\" 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 275 &middot; <code>emcp_custom_275<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Process Steps<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">6 layouts<\/span><span class=\"chip\">9 content options<\/span><span class=\"chip\">27 style options<\/span><span class=\"chip\">3 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: steps, process, how it works, workflow, timeline, numbered.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28c9a92 e-flex e-con-full e-con e-child\" data-id=\"28c9a92\" 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-e660e2c elementor-widget elementor-widget-html\" data-id=\"e660e2c\" 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>Process Steps<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Steps<\/b>: Steps, Layout, Marker, Number Format, Connector Style, Highlight Steps Up To (0 = none), Title Tag, Stagger In on Scroll and 1 more.<\/li><li>Pick a <b>Layout<\/b>: Horizontal with connector line, Vertical with connector line, Vertical zigzag (alternating sides), Numbered cards, Chevron arrows, Scroll progress (line fills as you scroll). Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Marker &amp; Line, Text &amp; Cards. 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-72f0057 e-flex e-con-full e-con e-child\" data-id=\"72f0057\" 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-db61aa9 elementor-widget elementor-widget-html\" data-id=\"db61aa9\" 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>Horizontal with connector line<\/h3><\/div><p class=\"demo-cap\">Layout = <code>horizontal<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed06347 elementor-widget elementor-widget-emcp_custom_275\" data-id=\"ed06347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--horizontal emcp-ps--marker-number emcp-ps--num-1 emcp-ps--line-solid will-reveal\" data-active=\"2\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1587093430416-0dc23a0c62c1.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1588783256125-254ebad5ecbe.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1597656434247-bd334ccce92c.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1600093463592-8e36ae95ef56.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-0b63756 e-flex e-con-full e-con e-child\" data-id=\"0b63756\" 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-a73db50 elementor-widget elementor-widget-html\" data-id=\"a73db50\" 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>Vertical with connector line<\/h3><\/div><p class=\"demo-cap\">Layout = <code>vertical<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2513399 elementor-widget elementor-widget-emcp_custom_275\" data-id=\"2513399\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--vertical emcp-ps--marker-number emcp-ps--num-1 emcp-ps--line-solid will-reveal\" data-active=\"2\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1544367567-0f2fcb009e0b.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1561658286-ecb9fe9d8480.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1565650839149-2c48a094196c.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1575052814086-f385e2e2ad1b.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-3ab33e2 e-flex e-con-full e-con e-child\" data-id=\"3ab33e2\" 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-13736d4 elementor-widget elementor-widget-html\" data-id=\"13736d4\" 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>Vertical zigzag (alternating sides)<\/h3><\/div><p class=\"demo-cap\">Layout = <code>zigzag<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75bc514 elementor-widget elementor-widget-emcp_custom_275\" data-id=\"75bc514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--zigzag emcp-ps--marker-check emcp-ps--num-1 emcp-ps--line-solid will-reveal\" data-active=\"0\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/gallery-06.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/gallery-07.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/about-04.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/desserts-02.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-c9df617 e-flex e-con-full e-con e-child\" data-id=\"c9df617\" 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-ca22815 elementor-widget elementor-widget-html\" data-id=\"ca22815\" 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>Numbered cards<\/h3><\/div><p class=\"demo-cap\">Layout = <code>cards<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-044ee54 elementor-widget elementor-widget-emcp_custom_275\" data-id=\"044ee54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--cards emcp-ps--marker-number emcp-ps--num-01 emcp-ps--line-solid will-reveal\" data-active=\"0\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/about-05.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1447933601403-0c6688de566e.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1461023058943-07fcbe16d735.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1489278353717-f64c6ee8a4d2.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-7658f25 e-flex e-con-full e-con e-child\" data-id=\"7658f25\" 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-a543a8b elementor-widget elementor-widget-html\" data-id=\"a543a8b\" 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>Chevron arrows<\/h3><\/div><p class=\"demo-cap\">Layout = <code>chevrons<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df189e7 elementor-widget elementor-widget-emcp_custom_275\" data-id=\"df189e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--chevrons emcp-ps--marker-number emcp-ps--num-01 emcp-ps--line-solid will-reveal\" data-active=\"0\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1612366747681-e4ca6992b1e9.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/mountains-02.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/natures-01.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/natures-02.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-2f89ef2 e-flex e-con-full e-con e-child\" data-id=\"2f89ef2\" 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-43634f8 elementor-widget elementor-widget-html\" data-id=\"43634f8\" 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>Scroll progress (line fills as you scroll)<\/h3><\/div><p class=\"demo-cap\">Layout = <code>progress<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9cee0d elementor-widget elementor-widget-emcp_custom_275\" data-id=\"b9cee0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_275.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ps emcp-ps--progress emcp-ps--marker-number emcp-ps--num-1 emcp-ps--line-solid will-reveal\" data-active=\"0\"><div class=\"emcp-ps__track\"><span class=\"emcp-ps__fill\"><\/span><\/div><ol class=\"emcp-ps__list\"><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Day 1<\/span><h4 class=\"emcp-ps__title\">Tell us what you need<\/h4><p class=\"emcp-ps__text\">A short call or a form, whatever suits you.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1510563800743-aed236490d08.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 1<\/span><h4 class=\"emcp-ps__title\">We design and build<\/h4><p class=\"emcp-ps__text\">You see progress every day in a shared staging site.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1517701550927-30cf4ba1dba5.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 2<\/span><h4 class=\"emcp-ps__title\">Review and refine<\/h4><p class=\"emcp-ps__text\">Two rounds of changes are included.<\/p><\/div><\/li><li class=\"emcp-ps__step\"><div class=\"emcp-ps__marker\"><span class=\"emcp-ps__num\"><\/span><span class=\"emcp-ps__icon\"><\/span><span class=\"emcp-ps__check\">&#10003;<\/span><\/div><div class=\"emcp-ps__card\"><img decoding=\"async\" class=\"emcp-ps__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1518235506717-e1ed3306a89b.jpg\" alt=\"\" loading=\"lazy\"><span class=\"emcp-ps__label\">Week 3<\/span><h4 class=\"emcp-ps__title\">Launch<\/h4><p class=\"emcp-ps__text\">We deploy, monitor, and hand over the keys.<\/p><\/div><\/li><\/ol><\/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-64fa651 e-flex e-con-full e-con e-child\" data-id=\"64fa651\" 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-2affe22 elementor-widget elementor-widget-html\" data-id=\"2affe22\" 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\">Steps<\/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>Steps<\/b><br><code>steps<\/code><\/td><td>Repeater<\/td><td><\/td><td>4 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td>Step<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Icon (replaces number)<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Image<\/b><br><code>image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Small Label<\/b><br><code>label<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Layout<\/b><br><code>layout<\/code><\/td><td>Dropdown<\/td><td>Horizontal with connector line, Vertical with connector line, Vertical zigzag (alternating sides), Numbered cards, Chevron arrows, Scroll progress (line fills as you scroll)<\/td><td>horizontal<\/td><td><\/td><\/tr><tr><td><b>Marker<\/b><br><code>marker<\/code><\/td><td>Dropdown<\/td><td>Number, Icon (falls back to number), Dot, Check mark<\/td><td>number<\/td><td><\/td><\/tr><tr><td><b>Number Format<\/b><br><code>number_format<\/code><\/td><td>Dropdown<\/td><td>1, 2, 3, 01, 02, 03, Step 1<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Connector Style<\/b><br><code>connector<\/code><\/td><td>Dropdown<\/td><td>Solid, Dashed, Dotted, None<\/td><td>solid<\/td><td><\/td><\/tr><tr><td><b>Highlight Steps Up To (0 = none)<\/b><br><code>active<\/code><\/td><td>Number<\/td><td>min 0, max 30<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Title Tag<\/b><br><code>tag<\/code><\/td><td>Dropdown<\/td><td>H3, H4, H5, div<\/td><td>h4<\/td><td><\/td><\/tr><tr><td><b>Stagger In on Scroll<\/b><br><code>reveal<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Text Alignment (horizontal \/ cards)<\/b><br><code>align<\/code><\/td><td>Button group<\/td><td>Left, Center<\/td><td>center<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Marker &amp; Line<\/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>Accent<\/b><br><code>accent<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Marker Size<\/b><br><code>marker_size<\/code><\/td><td>Slider<\/td><td>min 24, max 120, px<\/td><td>56<\/td><td><\/td><\/tr><tr><td><b>Marker Typography<\/b><br><code>marker_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Marker Color<\/b><br><code>marker_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Marker Background<\/b><br><code>marker_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><tr><td><b>Active Marker Color<\/b><br><code>marker_active_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Marker Border<\/b><br><code>marker_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Marker Radius<\/b><br><code>marker_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 50, %<\/td><td>50<\/td><td><\/td><\/tr><tr><td><b>Marker Shadow<\/b><br><code>marker_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Line Color<\/b><br><code>line_color<\/code><\/td><td>Color<\/td><td><\/td><td>#e4e7ec<\/td><td><\/td><\/tr><tr><td><b>Line Thickness<\/b><br><code>line_w<\/code><\/td><td>Slider<\/td><td>min 1, max 8, px<\/td><td>2<\/td><td><\/td><\/tr><tr><td><b>Gap Between Steps<\/b><br><code>gap<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>24<\/td><td>Responsive<\/td><\/tr><tr><td><b>Image Size<\/b><br><code>img_size<\/code><\/td><td>Slider<\/td><td>min 40, max 400, px<\/td><td>120<\/td><td><\/td><\/tr><tr><td><b>Image Radius<\/b><br><code>img_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 50, px\/%<\/td><td>12<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Text &amp; Cards<\/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>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>text_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>text_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Label Typography<\/b><br><code>label_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Color<\/b><br><code>label_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Card Background<\/b><br><code>card_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Card Border<\/b><br><code>card_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Radius<\/b><br><code>card_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Card Padding<\/b><br><code>card_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Shadow<\/b><br><code>card_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Card Hover Shadow<\/b><br><code>card_shadow_h<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Chevron Background<\/b><br><code>chev_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f2f4f7<\/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_275\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>275<\/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 275 &middot; emcp_custom_275 Process Steps Elementor widget6 layouts9 content options27 style options3 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: steps, process, how it works, workflow, timeline, numbered. Setup guide Open a page in Elementor, search the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5057","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=5057"}],"version-history":[{"count":28,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5057\/revisions"}],"predecessor-version":[{"id":6281,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5057\/revisions\/6281"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}