{"id":11002,"date":"2026-11-11T20:41:42","date_gmt":"2026-11-11T12:41:42","guid":{"rendered":"https:\/\/www.weswoo.com\/?p=11002"},"modified":"2026-11-11T20:41:42","modified_gmt":"2026-11-11T12:41:42","slug":"checkmyrate-shopify-equipment-roi-design","status":"publish","type":"post","link":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/","title":{"rendered":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores"},"content":{"rendered":"<article data-wemedia-layout=\"generic-article:A\" data-wemedia-layout-version=\"26\">\n<p>A home battery, a professional coffee machine or a production tool comes with two prices: what the customer pays today, and what it costs to operate over time. A high-ticket Shopify product page needs to explain both.<\/p>\n<p>Figmatica Studio designed and built <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" target=\"_blank\" rel=\"noopener noreferrer\">CheckMyRate<\/a>, a Webflow website for an Australian mortgage broker. Its useful lesson is a clear route from a visitor&#8217;s situation to a comparison and then to a conversation. The equipment calculator below is a Shopify teaching extension of that idea, rather than a copy of a feature proven to run on the original homepage.<\/p>\n<h2>1. Four design decisions worth borrowing<\/h2>\n<h3>A calm palette with a clear action colour<\/h3>\n<figure><img decoding=\"async\" width=\"1500\" height=\"1892\" loading=\"lazy\" src=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-02-type.jpg\" alt=\"Original design system: six colours and the Onest type family \u00b7 Figmatica Studio \/ Behance\"><figcaption>Original design system: six colours and the Onest type family \u00b7 <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" rel=\"noopener\">Figmatica Studio \/ Behance<\/a><\/figcaption><\/figure>\n<p>The published design system uses white <code>#FFFFFF<\/code>, light blue <code>#F2F4F7<\/code>, navy <code>#192131<\/code>, dark navy <code>#0C1018<\/code>, pink <code>#FC50AD<\/code> and pale pink <code>#FDE8F3<\/code>. Onest provides the shared type family. White space and rounded containers help separate a decision from its supporting information; pink marks the next action.<\/p>\n<p>For a Shopify store, put the action colour on the scenario choice and the main product link. Keep assumptions, units and qualifications as readable as the large result.<\/p>\n<h3>Turn a comparison into an explainable cost model<\/h3>\n<p>The <a href=\"https:\/\/www.checkmyrate.au\/questionnaire\" target=\"_blank\" rel=\"noopener noreferrer\">live questionnaire<\/a> includes fields for loan purpose, property value, loan amount, repayment type and the current rate. Its result structure compares a current rate and a market reference rate. These are lending-specific inputs, not equipment prices. A difference between <code>6.20%<\/code> and <code>5.35%<\/code> is 0.85 percentage points; it cannot establish a universal annual saving by itself.<\/p>\n<p>For equipment, compare a baseline unit cost with the proposed unit cost. Add monthly usage, the initial purchase and installation cost, and annual maintenance not already counted in the unit cost.<\/p>\n<div style=\"margin:24px 0;overflow-x:auto\" tabindex=\"0\" role=\"region\" aria-label=\"\u6587\u7ae0\u8868\u683c\uff0c\u53ef\u6a2a\u5411\u6eda\u52a8\">\n<table style=\"border-collapse:collapse;width:100%;min-width:530px\">\n<thead>\n<tr>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Shopify category<\/th>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Baseline input<\/th>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Proposed input<\/th>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Worked example and its limits<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Home energy storage<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$0.42\/kWh<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$0.08\/kWh<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">At 360 kWh\/month, the operating difference is about <code>$1,469\/year<\/code>. With <code>$4,800<\/code> upfront and no other costs, simple payback is about 3.3 years.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Coffee equipment<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$11\/day<\/code> for two purchased drinks<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$1.30\/day<\/code> for ingredients<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Over 365 days, the operating difference is about <code>$3,541\/year<\/code>. A <code>$1,500<\/code> machine gives about 5.1 months of simple payback before other costs.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Commercial packaging<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$1.85\/item<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$0.32\/item<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">At 300 items\/day for 365 days, the consumables difference is <code>$167,535\/year<\/code>. Equipment, labour, downtime and maintenance remain separate inputs.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Water-filter refills<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$2.20\/litre<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\"><code>$0.12\/litre<\/code><\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">At 2 litres\/day, the operating difference is about <code>$1,518\/year<\/code>. Bottle counts depend on their actual capacity.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>These are arithmetic examples. They do not establish a product&#8217;s performance or a customer&#8217;s realised return.<\/p>\n<h3>Use a scenario choice before asking for detail<\/h3>\n<figure><img decoding=\"async\" width=\"1500\" height=\"952\" loading=\"lazy\" src=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-03-scenarios.jpg\" alt=\"Original scenario cards: home loans, refinancing and business lending \u00b7 Figmatica Studio \/ Behance\"><figcaption>Original scenario cards: home loans, refinancing and business lending \u00b7 <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" rel=\"noopener\">Figmatica Studio \/ Behance<\/a><\/figcaption><\/figure>\n<p>The original service cards separate residential loans, refinancing and business needs. Its questionnaire starts with the visitor&#8217;s loan purpose. The sitemap gives the questionnaire an independent route alongside services, leadership and educational content.<\/p>\n<figure><img decoding=\"async\" width=\"1500\" height=\"844\" loading=\"lazy\" src=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-04-questionnaire.jpg\" alt=\"Live questionnaire opening: choose a loan purpose before the next step \u00b7 CheckMyRate website screenshot\"><figcaption>Live questionnaire opening: choose a loan purpose before the next step \u00b7 <a href=\"https:\/\/www.checkmyrate.au\/questionnaire\" rel=\"noopener\">CheckMyRate website screenshot<\/a><\/figcaption><\/figure>\n<figure><img decoding=\"async\" width=\"1500\" height=\"923\" loading=\"lazy\" src=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-06-sitemap.jpg\" alt=\"Original sitemap: questionnaire, education and services have distinct routes \u00b7 Figmatica Studio \/ Behance\"><figcaption>Original sitemap: questionnaire, education and services have distinct routes \u00b7 <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" rel=\"noopener\">Figmatica Studio \/ Behance<\/a><\/figcaption><\/figure>\n<p>In Shopify, a scenario block can bind the right product, unit, default usage and explanatory tip. Show that configuration before sending the visitor to the product page. A scenario selector is a routing interface; it does not, by itself, establish compatibility or approve financing.<\/p>\n<h3>Put evidence close to the decision<\/h3>\n<figure><img decoding=\"async\" width=\"1500\" height=\"1073\" loading=\"lazy\" src=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-05-founder.jpg\" alt=\"Original founder section: a named person and a clear action \u00b7 Figmatica Studio \/ Behance\"><figcaption>Original founder section: a named person and a clear action \u00b7 <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" rel=\"noopener\">Figmatica Studio \/ Behance<\/a><\/figcaption><\/figure>\n<p>The case combines a review entry, lender logos, a named founder video and company information. The design artwork shows a <code>4.9\/5<\/code> and <code>240<\/code> review example; the live homepage currently shows different review totals, so those artwork numbers should not become a Shopify store&#8217;s default claims.<\/p>\n<p>Only show real reviews, applicable certifications and payment methods the store can offer. <a href=\"https:\/\/help.shopify.com\/en\/manual\/payments\/shop-pay-installments\" target=\"_blank\" rel=\"noopener noreferrer\">Shop Pay Installments<\/a> has merchant, regional and customer eligibility requirements. A theme-side calculation does not create an interest-free financing offer.<\/p>\n<h2>2. A Shopify Section that keeps operating savings and payback separate<\/h2>\n<p>Save the complete implementation as <code>sections\/checkmyrate-roi-calculator.liquid<\/code>.<\/p>\n<ol>\n<li>Set a single currency and a consistent unit for each scenario.<\/li>\n<li>Enter the baseline and proposed unit costs, monthly usage, upfront purchase and installation, and additional annual maintenance.<\/li>\n<li>Bind a real product for the scenario. The action opens that product; it does not add an arbitrary variant to the cart.<\/li>\n<li>Show the annual operating difference, the cumulative difference after upfront costs, and simple payback only when the proposed plan has an operating advantage.<\/li>\n<li>Draw both cumulative-cost lines to the same scale. With constant usage and unit costs, straight lines describe the model accurately. The proposed line starts at the upfront cost.<\/li>\n<\/ol>\n<p>The included coffee scenario uses 60 units\/month, a baseline cost of 6.20, a proposed cost of 1.35 and an upfront cost of 1,500. It gives an annual operating difference of 3,492, a five-year difference after upfront cost of 15,960 and simple payback of about 5.2 months. The first-year difference after upfront cost is 1,992. These amounts share the configured currency.<\/p>\n<p>The model does not include financing, discounting, resale value, changing tariffs, degradation, downtime or taxes. Add them when they matter to the product. The review badge starts disabled, and the default footer makes no interest-free or return-policy promise.<\/p>\n<details>\n<summary>Expand the full Section \u00b7 790 lines<\/summary>\n<pre style=\"max-height:35rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f5f6f4;border:1px solid #dde4de;\"><code class=\"language-liquid\">{%- comment -%}\n  \u6587\u4ef6\uff1asections\/checkmyrate-roi-calculator.liquid\n  \u8bbe\u8ba1\u53c2\u8003\uff1aCheckMyRate: Webflow Site for a Mortgage Broker (by Figmatica Studio)\n  \u529f\u80fd\uff1aOnest \u5b57\u4f53 + \u6df1\u6d77\u84dd\/\u6d3b\u529b\u7c89 (#FC50AD) \u914d\u8272\u7684\u4ea4\u4e92\u5f0f ROI \u7701\u94b1\u8ba1\u7b97\u5668\u3001\u53cc\u8f68\u8d39\u7387\u5bf9\u6bd4\u5361\u4e0e\u52a8\u6001 SVG \u53cc\u66f2\u7ebf\u56fe\n{%- endcomment -%}\n\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"&gt;\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin&gt;\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Onest:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\"&gt;\n\n&lt;style&gt;\n  .cmr-sec-{{ section.id }} {\n    --cmr-white: #FFFFFF;\n    --cmr-light-pink: #FDE8F3;\n    --cmr-accent-pink: #FC50AD;\n    --cmr-accent-pink-hover: #E83E99;\n    --cmr-grey-bg: #F2F4F7;\n    --cmr-navy: #192131;\n    --cmr-dark-footer: #0C1018;\n    --cmr-muted: #5A6478;\n    --cmr-border: #E2E7F0;\n    --cmr-font: 'Onest', -apple-system, BlinkMacSystemFont, sans-serif;\n\n    background-color: var(--cmr-white);\n    color: var(--cmr-navy);\n    font-family: var(--cmr-font);\n    padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px;\n  }\n\n  .cmr-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  \/* \u9876\u90e8\u4fe1\u4efb\u8bc4\u5206\u5fbd\u7ae0\u4e0e\u5927\u6807\u9898 *\/\n  .cmr-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 48px;\n  }\n  .cmr-review-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: var(--cmr-light-pink);\n    color: var(--cmr-navy);\n    font-size: 0.8125rem;\n    font-weight: 600;\n    padding: 7px 16px;\n    border-radius: 999px;\n    margin-bottom: 16px;\n  }\n  .cmr-review-pill span {\n    color: var(--cmr-accent-pink);\n  }\n  .cmr-title {\n    font-size: clamp(2rem, 4vw, 3.25rem);\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    margin: 0 0 14px;\n    color: var(--cmr-navy);\n  }\n  .cmr-title em {\n    font-style: normal;\n    color: var(--cmr-accent-pink);\n  }\n  .cmr-subtitle {\n    font-size: 1rem;\n    line-height: 1.55;\n    color: var(--cmr-muted);\n    margin: 0;\n  }\n\n  \/* \u53cc\u680f\u4e3b\u4f53\uff1a\u5de6\u4fa7\u4e92\u52a8\u95ee\u5377\u6ed1\u5757 + \u53f3\u4fa7\u53cc\u8f68\u5bf9\u6bd4\u4e0e\u7701\u94b1\u66f2\u7ebf *\/\n  .cmr-main-grid {\n    display: grid;\n    grid-template-columns: 5fr 7fr;\n    gap: 28px;\n    align-items: stretch;\n  }\n  @media screen and (max-width: 960px) {\n    .cmr-main-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .cmr-panel-left {\n    background-color: var(--cmr-grey-bg);\n    border-radius: 24px;\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 24px;\n  }\n  .cmr-step-label {\n    font-size: 0.8125rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--cmr-muted);\n    margin: 0 0 10px;\n  }\n\n  \/* \u573a\u666f\u9009\u62e9\u80f6\u56ca\u6309\u94ae\uff08\u5bf9\u5e94\u539f\u6848 Questionnaire \u5206\u6d41\uff09 *\/\n  .cmr-scenario-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .cmr-scenario-btn {\n    background-color: var(--cmr-white);\n    color: var(--cmr-navy);\n    border: 1.5px solid var(--cmr-border);\n    border-radius: 999px;\n    padding: 10px 18px;\n    font-family: var(--cmr-font);\n    font-size: 0.875rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n  .cmr-scenario-btn.is-active,\n  .cmr-scenario-btn:hover {\n    background-color: var(--cmr-accent-pink);\n    color: var(--cmr-white);\n    border-color: var(--cmr-accent-pink);\n  }\n\n  \/* \u6ed1\u5757\u63a7\u4ef6 *\/\n  .cmr-slider-box {\n    background-color: var(--cmr-white);\n    border-radius: 16px;\n    padding: 18px 20px;\n    border: 1px solid var(--cmr-border);\n  }\n  .cmr-slider-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 10px;\n    font-size: 0.9375rem;\n    font-weight: 500;\n  }\n  .cmr-slider-val {\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: var(--cmr-accent-pink);\n  }\n  .cmr-range {\n    width: 100%;\n    accent-color: var(--cmr-accent-pink);\n    cursor: pointer;\n  }\n\n  \/* \u539f\u6848\u6807\u5fd7\u6027\uff1a\u67d4\u5149\u6d45\u7c89 (#FDE8F3) \u521b\u59cb\u4eba\/\u4e13\u5bb6\u8d34\u58eb\u5361 *\/\n  .cmr-tip-card {\n    background-color: var(--cmr-light-pink);\n    border-radius: 18px;\n    padding: 20px 22px;\n    position: relative;\n  }\n  .cmr-tip-quote-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background-color: var(--cmr-accent-pink);\n    color: var(--cmr-white);\n    font-weight: 700;\n    font-size: 0.875rem;\n    margin-bottom: 10px;\n  }\n  .cmr-tip-text {\n    font-size: 0.875rem;\n    line-height: 1.5;\n    color: var(--cmr-navy);\n    margin: 0 0 8px;\n    font-weight: 500;\n  }\n  .cmr-tip-author {\n    font-size: 0.75rem;\n    color: var(--cmr-muted);\n    font-weight: 600;\n    margin: 0;\n  }\n\n  \/* \u53f3\u4fa7\u7ed3\u679c\u770b\u677f\uff1a\u53cc\u8f68\u8d39\u7387\u5bf9\u6bd4 + \u5e74\u5ea6\u8282\u7701\u603b\u989d + SVG \u53cc\u6298\u7ebf\u56fe *\/\n  .cmr-panel-right {\n    background-color: var(--cmr-grey-bg);\n    border-radius: 24px;\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 24px;\n  }\n\n  .cmr-rate-cards {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n  @media screen and (max-width: 600px) {\n    .cmr-rate-cards {\n      grid-template-columns: 1fr;\n    }\n  }\n  .cmr-rate-card {\n    background-color: var(--cmr-white);\n    border: 1.5px solid var(--cmr-border);\n    border-radius: 18px;\n    padding: 20px;\n  }\n  .cmr-rate-card--highlight {\n    background-color: var(--cmr-light-pink);\n    border-color: var(--cmr-accent-pink);\n  }\n  .cmr-rate-label {\n    font-size: 0.8125rem;\n    font-weight: 600;\n    color: var(--cmr-muted);\n    margin: 0 0 8px;\n  }\n  .cmr-rate-num {\n    font-size: clamp(1.75rem, 3vw, 2.5rem);\n    font-weight: 700;\n    line-height: 1.05;\n    color: var(--cmr-navy);\n  }\n  .cmr-rate-card--highlight .cmr-rate-num {\n    color: var(--cmr-accent-pink);\n  }\n\n  \/* \u5e74\u5ea6\u8282\u7701\u5927\u5b57\u6a2a\u5e45 + SVG \u66f2\u7ebf\u5bb9\u5668 *\/\n  .cmr-chart-card {\n    background-color: var(--cmr-white);\n    border-radius: 20px;\n    padding: 24px;\n    border: 1px solid var(--cmr-border);\n  }\n  .cmr-savings-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n  .cmr-savings-big {\n    font-size: clamp(2rem, 3.6vw, 3rem);\n    font-weight: 700;\n    line-height: 1;\n    color: var(--cmr-accent-pink);\n  }\n  .cmr-legend {\n    display: flex;\n    gap: 16px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--cmr-muted);\n  }\n  .cmr-legend-dot {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    margin-right: 5px;\n    vertical-align: middle;\n  }\n\n  \/* \u5e95\u90e8\u6df1\u6d77\u5348\u591c\u84dd (#0C1018) \u884c\u52a8\u4e0e\u4fdd\u969c\u6761 *\/\n  .cmr-cta-footer {\n    background-color: var(--cmr-dark-footer);\n    color: var(--cmr-white);\n    border-radius: 18px;\n    padding: 20px 24px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n  }\n  .cmr-btn-pink {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: var(--cmr-accent-pink);\n    color: var(--cmr-white);\n    font-family: var(--cmr-font);\n    font-size: 0.9375rem;\n    font-weight: 600;\n    padding: 13px 26px;\n    border-radius: 999px;\n    text-decoration: none;\n    transition: background-color 0.2s ease, transform 0.2s ease;\n  }\n  .cmr-btn-pink:hover {\n    background-color: var(--cmr-accent-pink-hover);\n    transform: translateY(-1px);\n  }\n&lt;\/style&gt;\n\n&lt;section class=\"cmr-sec-{{ section.id }}\" data-section-id=\"{{ section.id }}\"&gt;\n  &lt;div class=\"cmr-container\"&gt;\n    &lt;div class=\"cmr-header\"&gt;\n      {% if section.settings.show_review_badge and section.settings.review_rating != blank and section.settings.review_badge_text != blank %}\n      &lt;div class=\"cmr-review-pill\"&gt;\n        &lt;span&gt;\u2605 {{ section.settings.review_rating | escape }}&lt;\/span&gt; {{ section.settings.review_badge_text | escape }}\n      &lt;\/div&gt;\n      {% endif %}\n      &lt;h2 class=\"cmr-title\"&gt;\n        {{ section.settings.heading_prefix | escape }} &lt;em&gt;{{ section.settings.heading_highlight | escape }}&lt;\/em&gt;\n      &lt;\/h2&gt;\n      &lt;p class=\"cmr-subtitle\"&gt;{{ section.settings.subtitle | escape }}&lt;\/p&gt;\n    &lt;\/div&gt;\n\n    &lt;div class=\"cmr-main-grid\"&gt;\n      {%- comment -%} \u5de6\u680f\uff1a\u5206\u573a\u666f\u95ee\u5377\u80f6\u56ca + \u4ea4\u4e92\u6ed1\u5757 + \u6d45\u7c89\u4e13\u5bb6\u8d34\u58eb\u5361 {%- endcomment -%}\n      &lt;div class=\"cmr-panel-left\"&gt;\n        &lt;div&gt;\n          &lt;p class=\"cmr-step-label\"&gt;01 \u00b7 \u9009\u62e9\u60a8\u7684\u4f7f\u7528\u573a\u666f\uff08Tailored Solutions\uff09&lt;\/p&gt;\n          &lt;div class=\"cmr-scenario-group\" role=\"tablist\"&gt;\n            {%- for block in section.blocks -%}\n              &lt;button\n                type=\"button\"\n                class=\"cmr-scenario-btn {% if forloop.first %}is-active{% endif %}\"\n                data-old-cost=\"{{ block.settings.baseline_unit_cost | escape }}\"\n                data-new-cost=\"{{ block.settings.optimized_unit_cost | escape }}\"\n                data-upfront-cost=\"{{ block.settings.upfront_cost | escape }}\"\n                data-annual-extra=\"{{ block.settings.annual_extra_cost | escape }}\"\n                data-unit-name=\"{{ block.settings.unit_label | escape }}\"\n                data-default-usage=\"{{ block.settings.default_monthly_units | escape }}\"\n                data-tip=\"{{ block.settings.expert_tip | escape }}\"\n                data-cta-text=\"{{ block.settings.cta_label | escape }}\"\n                data-cta-url=\"{{ block.settings.product.url | default: block.settings.fallback_url | default: '#' | escape }}\"\n                {{ block.shopify_attributes }}\n              &gt;\n                {{ block.settings.scenario_name | escape }}\n              &lt;\/button&gt;\n            {%- endfor -%}\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"cmr-slider-box\"&gt;\n          &lt;div class=\"cmr-slider-head\"&gt;\n            &lt;span&gt;02 \u00b7 \u6bcf\u6708\u5e73\u5747\u6d88\u8017 \/ \u7528\u91cf&lt;\/span&gt;\n            &lt;span class=\"cmr-slider-val\" id=\"CmrUsageVal-{{ section.id }}\"&gt;60 \u5355\u4f4d\/\u6708&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;input\n            type=\"range\"\n            class=\"cmr-range\"\n            id=\"CmrUsageSlider-{{ section.id }}\"\n            min=\"10\"\n            max=\"300\"\n            step=\"5\"\n            value=\"60\"\n            aria-label=\"\u6bcf\u6708\u5e73\u5747\u6d88\u8017\u91cf\"\n          &gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"cmr-slider-box\"&gt;\n          &lt;div class=\"cmr-slider-head\"&gt;\n            &lt;span&gt;03 \u00b7 \u6d4b\u7b97\u7d2f\u8ba1\u5468\u671f\uff08\u5e74\uff09&lt;\/span&gt;\n            &lt;span class=\"cmr-slider-val\" id=\"CmrYearsVal-{{ section.id }}\"&gt;5 \u5e74&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;input\n            type=\"range\"\n            class=\"cmr-range\"\n            id=\"CmrYearsSlider-{{ section.id }}\"\n            min=\"1\"\n            max=\"10\"\n            step=\"1\"\n            value=\"5\"\n            aria-label=\"\u6d4b\u7b97\u7d2f\u8ba1\u5468\u671f\"\n          &gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"cmr-tip-card\"&gt;\n          &lt;div class=\"cmr-tip-quote-icon\"&gt;\u201c&lt;\/div&gt;\n          &lt;p class=\"cmr-tip-text\" id=\"CmrTipText-{{ section.id }}\"&gt;\n            \u628a\u65e5\u5e38\u9ad8\u9891\u652f\u51fa\u4ece\u5916\u90e8\u96f6\u552e\u4ef7\u5207\u6362\u5230\u81ea\u6301\u8bbe\u5907\/\u8ba2\u9605\u65b9\u6848\uff0c\u56de\u672c\u65f6\u95f4\u9700\u7ed3\u5408\u8bbe\u5907\u6295\u5165\u4e0e\u5b9e\u9645\u7528\u91cf\u8ba1\u7b97\u3002\n          &lt;\/p&gt;\n          &lt;p class=\"cmr-tip-author\"&gt;{{ section.settings.expert_name | escape }}&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n\n      {%- comment -%} \u53f3\u680f\uff1a\u53cc\u8f68\u5355\u4ef7\u5bf9\u6bd4 + \u5e74\u5ea6\u7701\u94b1\u5927\u6570\u5b57 + \u52a8\u6001 SVG \u53cc\u66f2\u7ebf\u5bf9\u6bd4\u56fe {%- endcomment -%}\n      &lt;div class=\"cmr-panel-right\"&gt;\n        &lt;div class=\"cmr-rate-cards\"&gt;\n          &lt;div class=\"cmr-rate-card\"&gt;\n            &lt;p class=\"cmr-rate-label\"&gt;\u5f53\u524d\u4f20\u7edf\u65b9\u5f0f\u5355\u6b21\u6210\u672c (Before)&lt;\/p&gt;\n            &lt;div class=\"cmr-rate-num\" id=\"CmrOldRate-{{ section.id }}\"&gt;$6.20&lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;div class=\"cmr-rate-card cmr-rate-card--highlight\"&gt;\n            &lt;p class=\"cmr-rate-label\"&gt;\u91c7\u7528\u672c\u5e97\u65b9\u6848\u6298\u7b97\u6210\u672c (After)&lt;\/p&gt;\n            &lt;div class=\"cmr-rate-num\" id=\"CmrNewRate-{{ section.id }}\"&gt;$1.35&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"cmr-chart-card\" aria-live=\"polite\"&gt;\n          &lt;div class=\"cmr-savings-header\"&gt;\n            &lt;div&gt;\n              &lt;div style=\"font-size:0.8125rem;font-weight:600;color:var(--cmr-muted);margin-bottom:4px;\"&gt;\n                \u5e74\u5ea6\u8fd0\u884c\u6210\u672c\u5dee\u989d\uff08Operating Cost Difference\uff09\n              &lt;\/div&gt;\n              &lt;div class=\"cmr-savings-big\" id=\"CmrAnnualSave-{{ section.id }}\"&gt;\n                $3,492\/Year\n              &lt;\/div&gt;\n              &lt;div style=\"font-size:0.8125rem;color:var(--cmr-navy);font-weight:600;margin-top:4px;\" id=\"CmrTotalSave-{{ section.id }}\"&gt;\n                5 \u5e74\u6263\u9664\u521d\u59cb\u6295\u5165\u540e\u7684\u5dee\u989d\uff1a\u2014\n              &lt;\/div&gt;\n              &lt;p id=\"CmrInvestment-{{ section.id }}\" style=\"font-size:.8125rem;color:var(--cmr-muted);margin:8px 0 0;\"&gt;&lt;\/p&gt;\n              &lt;p id=\"CmrPayback-{{ section.id }}\" aria-live=\"polite\" style=\"font-size:.9375rem;font-weight:600;margin:8px 0 0;\"&gt;&lt;\/p&gt;\n            &lt;\/div&gt;\n\n            &lt;div class=\"cmr-legend\"&gt;\n              &lt;span&gt;&lt;i class=\"cmr-legend-dot\" style=\"background:#192131;\"&gt;&lt;\/i&gt;\u539f\u65b9\u6848\u7d2f\u8ba1\u652f\u51fa&lt;\/span&gt;\n              &lt;span&gt;&lt;i class=\"cmr-legend-dot\" style=\"background:#FC50AD;\"&gt;&lt;\/i&gt;\u65b0\u65b9\u6848\u7d2f\u8ba1\u652f\u51fa&lt;\/span&gt;\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n\n          {%- comment -%} \u52a8\u6001 SVG \u53cc\u66f2\u7ebf\u56fe\uff08Before vs After\uff09 {%- endcomment -%}\n          &lt;svg viewBox=\"0 0 520 170\" width=\"100%\" height=\"170\" role=\"img\" aria-label=\"\u539f\u65b9\u6848\u4e0e\u65b0\u65b9\u6848\u7d2f\u8ba1\u652f\u51fa\u5bf9\u6bd4\u66f2\u7ebf\"&gt;\n            &lt;line x1=\"30\" y1=\"145\" x2=\"500\" y2=\"145\" stroke=\"#E2E7F0\" stroke-width=\"1.5\"\/&gt;\n            &lt;line x1=\"30\" y1=\"95\" x2=\"500\" y2=\"95\" stroke=\"#E2E7F0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/&gt;\n            &lt;line x1=\"30\" y1=\"45\" x2=\"500\" y2=\"45\" stroke=\"#E2E7F0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/&gt;\n            &lt;text id=\"CmrChartScale-{{ section.id }}\" x=\"30\" y=\"12\" font-size=\"11\" fill=\"#5A6478\"&gt;&lt;\/text&gt;\n            &lt;text x=\"30\" y=\"165\" font-size=\"11\" fill=\"#5A6478\"&gt;0 \u5e74&lt;\/text&gt;\n            &lt;text id=\"CmrChartYears-{{ section.id }}\" x=\"470\" y=\"165\" font-size=\"11\" fill=\"#5A6478\"&gt;&lt;\/text&gt;\n            &lt;path id=\"CmrPathBefore-{{ section.id }}\" d=\"M30,145 Q260,105 500,25\" fill=\"none\" stroke=\"#192131\" stroke-width=\"3\" stroke-linecap=\"round\"\/&gt;\n            &lt;path id=\"CmrPathAfter-{{ section.id }}\" d=\"M30,145 Q260,135 500,112\" fill=\"none\" stroke=\"#FC50AD\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/&gt;\n            &lt;circle id=\"CmrDotBefore-{{ section.id }}\" cx=\"500\" cy=\"25\" r=\"5\" fill=\"#192131\"\/&gt;\n            &lt;circle id=\"CmrDotAfter-{{ section.id }}\" cx=\"500\" cy=\"112\" r=\"6\" fill=\"#FC50AD\"\/&gt;\n          &lt;\/svg&gt;\n        &lt;\/div&gt;\n\n        &lt;div class=\"cmr-cta-footer\"&gt;\n          &lt;div&gt;\n            &lt;div style=\"font-size:0.9375rem;font-weight:600;\"&gt;\u6309\u60a8\u7684\u4f7f\u7528\u573a\u666f\u67e5\u770b\u5bf9\u5e94\u914d\u7f6e&lt;\/div&gt;\n            &lt;div style=\"font-size:0.75rem;color:#A0AAB8;margin-top:2px;\"&gt;\n              {{ section.settings.compliance_note | escape }}\n            &lt;\/div&gt;\n          &lt;\/div&gt;\n          &lt;a href=\"#\" class=\"cmr-btn-pink\" id=\"CmrMainCta-{{ section.id }}\"&gt;\n            &lt;span id=\"CmrMainCtaText-{{ section.id }}\"&gt;Check My Fit &amp;amp; Unlock Savings&lt;\/span&gt;\n            &lt;span aria-hidden=\"true\"&gt;\u2192&lt;\/span&gt;\n          &lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/section&gt;\n\n&lt;script&gt;\n  (function() {\n    var sec = document.querySelector('.cmr-sec-{{ section.id }}');\n    if (!sec) return;\n\n    var scenarioBtns = sec.querySelectorAll('.cmr-scenario-btn');\n    var usageSlider = sec.querySelector('#CmrUsageSlider-{{ section.id }}');\n    var yearsSlider = sec.querySelector('#CmrYearsSlider-{{ section.id }}');\n    var usageValEl = sec.querySelector('#CmrUsageVal-{{ section.id }}');\n    var yearsValEl = sec.querySelector('#CmrYearsVal-{{ section.id }}');\n    var oldRateEl = sec.querySelector('#CmrOldRate-{{ section.id }}');\n    var newRateEl = sec.querySelector('#CmrNewRate-{{ section.id }}');\n    var annualSaveEl = sec.querySelector('#CmrAnnualSave-{{ section.id }}');\n    var totalSaveEl = sec.querySelector('#CmrTotalSave-{{ section.id }}');\n    var tipTextEl = sec.querySelector('#CmrTipText-{{ section.id }}');\n    var mainCta = sec.querySelector('#CmrMainCta-{{ section.id }}');\n    var mainCtaText = sec.querySelector('#CmrMainCtaText-{{ section.id }}');\n    var beforePath = sec.querySelector('#CmrPathBefore-{{ section.id }}');\n    var beforeDot = sec.querySelector('#CmrDotBefore-{{ section.id }}');\n    var investmentEl = sec.querySelector('#CmrInvestment-{{ section.id }}');\n    var paybackEl = sec.querySelector('#CmrPayback-{{ section.id }}');\n    var scaleEl = sec.querySelector('#CmrChartScale-{{ section.id }}');\n    var chartYearsEl = sec.querySelector('#CmrChartYears-{{ section.id }}');\n    var currencyCode = {{ section.settings.currency_code | default: 'USD' | json }};\n    var currentUpfront = 0;\n    var currentAnnualExtra = 0;\n    var configured = false;\n    var afterPath = sec.querySelector('#CmrPathAfter-{{ section.id }}');\n    var afterDot = sec.querySelector('#CmrDotAfter-{{ section.id }}');\n\n    var currentOldCost = 6.20;\n    var currentNewCost = 1.35;\n    var currentUnitName = '\u676f';\n\n    \/\/ Same currency and constant monthly usage. No discounting, resale or financing model.\n    function calculateCashflow(oldCost, newCost, units, years, upfront, annualExtra) {\n      var values = [oldCost, newCost, units, years, upfront, annualExtra];\n      if (values.some(function(value) { return !Number.isFinite(value) || value &lt; 0; }) || years === 0) return null;\n      var monthlyBefore = oldCost * units;\n      var monthlyAfter = newCost * units + annualExtra \/ 12;\n      var monthlyDifference = monthlyBefore - monthlyAfter;\n      var beforeTotal = monthlyBefore * 12 * years;\n      var afterTotal = upfront + monthlyAfter * 12 * years;\n      return {\n        annualDifference: monthlyDifference * 12,\n        beforeTotal: beforeTotal,\n        afterTotal: afterTotal,\n        netDifference: beforeTotal - afterTotal,\n        paybackMonths: monthlyDifference &gt; 0 ? upfront \/ monthlyDifference : null\n      };\n    }\n\n    function money(value, digits) {\n      try {\n        return new Intl.NumberFormat('en-US', { style: 'currency', currency: currencyCode, maximumFractionDigits: digits }).format(value);\n      } catch (error) {\n        return 'USD ' + value.toFixed(digits);\n      }\n    }\n\n    function updateCalculation() {\n      var units = Number(usageSlider.value);\n      var years = Number(yearsSlider.value);\n      var result = configured ? calculateCashflow(currentOldCost, currentNewCost, units, years, currentUpfront, currentAnnualExtra) : null;\n      if (!result) {\n        annualSaveEl.textContent = '\u8bf7\u5148\u914d\u7f6e\u6709\u6548\u7684\u573a\u666f\u6210\u672c';\n        totalSaveEl.textContent = '\u5404\u9879\u6210\u672c\u987b\u4f7f\u7528\u540c\u4e00\u5e01\u79cd\u4e0e\u8ba1\u91cf\u5355\u4f4d';\n        paybackEl.textContent = '\u6682\u4e0d\u80fd\u6d4b\u7b97\u56de\u672c';\n        mainCta.removeAttribute('href');\n        mainCta.setAttribute('aria-disabled', 'true');\n        return;\n      }\n      var targetUrl = mainCta.getAttribute('data-target-url');\n      if (targetUrl &amp;&amp; targetUrl !== '#') {\n        mainCta.setAttribute('href', targetUrl);\n        mainCta.removeAttribute('aria-disabled');\n      } else {\n        mainCta.removeAttribute('href');\n        mainCta.setAttribute('aria-disabled', 'true');\n      }\n      usageValEl.textContent = units + ' ' + currentUnitName + '\/\u6708';\n      yearsValEl.textContent = years + ' \u5e74';\n      oldRateEl.textContent = money(currentOldCost, 2) + ' \/ ' + currentUnitName;\n      newRateEl.textContent = money(currentNewCost, 2) + ' \/ ' + currentUnitName;\n      annualSaveEl.textContent = money(result.annualDifference, 0) + '\/Year';\n      totalSaveEl.textContent = years + ' \u5e74\u6263\u9664\u521d\u59cb\u6295\u5165\u540e\u7684\u5dee\u989d\uff1a' + money(result.netDifference, 0);\n      investmentEl.textContent = '\u521d\u59cb\u6295\u5165 ' + money(currentUpfront, 0) + '\uff1b\u989d\u5916\u5e74\u7ef4\u62a4\u8d39 ' + money(currentAnnualExtra, 0);\n      paybackEl.textContent = result.paybackMonths === null ? '\u5f53\u524d\u5047\u8bbe\u4e0b\uff0c\u65b0\u65b9\u6848\u6ca1\u6709\u8fd0\u884c\u6210\u672c\u4f18\u52bf\uff0c\u65e0\u6cd5\u7b80\u5355\u56de\u672c\u3002'\n        : currentUpfront === 0 ? '\u65e0\u521d\u59cb\u6295\u5165\uff1b\u8bf7\u6309\u5b9e\u9645\u8d2d\u673a\u4e0e\u5b89\u88c5\u6210\u672c\u586b\u5199\u540e\u518d\u5224\u65ad\u56de\u672c\u3002'\n        : '\u7b80\u5355\u56de\u672c\u7ea6 ' + result.paybackMonths.toFixed(1) + ' \u4e2a\u6708' + (result.paybackMonths &gt; years * 12 ? '\uff08\u8d85\u8fc7\u5f53\u524d\u6d4b\u7b97\u5468\u671f\uff09' : '');\n\n      \/\/ Constant unit costs produce straight cumulative-cost lines; both share one scale.\n      var maxCost = Math.max(result.beforeTotal, result.afterTotal, currentUpfront, 1) * 1.1;\n      function y(cost) { return (145 - 120 * cost \/ maxCost).toFixed(2); }\n      beforePath.setAttribute('d', 'M30,145 L500,' + y(result.beforeTotal));\n      afterPath.setAttribute('d', 'M30,' + y(currentUpfront) + ' L500,' + y(result.afterTotal));\n      beforeDot.setAttribute('cy', y(result.beforeTotal));\n      afterDot.setAttribute('cy', y(result.afterTotal));\n      scaleEl.textContent = '\u7d2f\u8ba1\u652f\u51fa\uff1b\u4e0a\u754c ' + money(maxCost, 0);\n      chartYearsEl.textContent = years + ' \u5e74';\n    }\n\n    scenarioBtns.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        scenarioBtns.forEach(function(b) { b.classList.toggle('is-active', b === btn); });\n        configured = true;\n        currentOldCost = Number(btn.getAttribute('data-old-cost'));\n        currentUpfront = Number(btn.getAttribute('data-upfront-cost'));\n        currentAnnualExtra = Number(btn.getAttribute('data-annual-extra'));\n        currentNewCost = Number(btn.getAttribute('data-new-cost'));\n        currentUnitName = btn.getAttribute('data-unit-name') || '\u5355\u4f4d';\n        var defUsage = btn.getAttribute('data-default-usage') || '60';\n        usageSlider.value = String(Math.max(Number(usageSlider.min), Math.min(Number(usageSlider.max), Number(defUsage))));\n        tipTextEl.textContent = btn.getAttribute('data-tip') || '';\n        mainCtaText.textContent = btn.getAttribute('data-cta-text') || 'Check My Fit';\n        mainCta.setAttribute('data-target-url', btn.getAttribute('data-cta-url') || '#');\n        updateCalculation();\n      });\n    });\n\n    usageSlider.addEventListener('input', updateCalculation);\n    yearsSlider.addEventListener('input', updateCalculation);\n\n    if (scenarioBtns.length &gt; 0) {\n      scenarioBtns[0].click();\n    } else {\n      updateCalculation();\n    }\n  })();\n&lt;\/script&gt;\n\n{% schema %}\n{\n  \"name\": \"CheckMyRate \u7701\u94b1\u8ba1\u7b97\u5668\",\n  \"tag\": \"section\",\n  \"settings\": [\n    {\n      \"type\": \"checkbox\",\n      \"id\": \"show_review_badge\",\n      \"label\": \"\u663e\u793a\u5df2\u6838\u9a8c\u7684\u771f\u5b9e\u8bc4\u5206\",\n      \"default\": false\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"review_rating\",\n      \"label\": \"\u771f\u5b9e\u8bc4\u5206\uff08\u4f8b\u59824.9\/5\uff09\uff0c\u65e0\u6570\u636e\u65f6\u7559\u7a7a\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"currency_code\",\n      \"label\": \"\u6d4b\u7b97\u5e01\u79cdISO\u4ee3\u7801\uff08\u6240\u6709\u6210\u672c\u987b\u540c\u5e01\u79cd\uff09\",\n      \"default\": \"USD\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"review_badge_text\",\n      \"label\": \"\u5df2\u6838\u9a8c\u8bc4\u5206\u5bf9\u5e94\u7684\u8bf4\u660e\uff0c\u672a\u53d6\u5f97\u771f\u5b9e\u8bc4\u4ef7\u65f6\u7559\u7a7a\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"heading_prefix\",\n      \"label\": \"\u4e3b\u6807\u9898\u524d\u6bb5\",\n      \"default\": \"Small Changes.\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"heading_highlight\",\n      \"label\": \"\u4e3b\u6807\u9898\u7c89\u8272\u9ad8\u4eae\u90e8\u5206\",\n      \"default\": \"Significant Impact.\"\n    },\n    {\n      \"type\": \"textarea\",\n      \"id\": \"subtitle\",\n      \"label\": \"\u526f\u6807\u9898\u8bf4\u660e\",\n      \"default\": \"\u6309\u5b9e\u9645\u7528\u91cf\u3001\u5355\u4f4d\u6210\u672c\u3001\u8bbe\u5907\u6295\u5165\u4e0e\u7ef4\u62a4\u8d39\uff0c\u5bf9\u6bd4\u8fd0\u884c\u5dee\u989d\u548c\u7b80\u5355\u56de\u672c\u65f6\u95f4\u3002\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"expert_name\",\n      \"label\": \"\u6d45\u7c89\u8d34\u58eb\u5361\u7f72\u540d\",\n      \"default\": \"\u2014 Product Advisory Team \u00b7 Savings Audit\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"compliance_note\",\n      \"label\": \"\u5e95\u90e8\u6df1\u8272\u6761\u8bf4\u660e\u5c0f\u5b57\",\n      \"default\": \"\u793a\u4f8b\u6d4b\u7b97\u57fa\u4e8e\u56fa\u5b9a\u7528\u91cf\u4e0e\u5355\u4ef7\uff0c\u672a\u8ba1\u878d\u8d44\u3001\u6298\u73b0\u548c\u6b8b\u503c\uff1b\u5206\u671f\u4e0e\u552e\u540e\u4ee5\u5b9e\u9645\u653f\u7b56\u4e3a\u51c6\u3002\"\n    },\n    {\n      \"type\": \"range\",\n      \"id\": \"padding_top\",\n      \"min\": 24,\n      \"max\": 120,\n      \"step\": 4,\n      \"unit\": \"px\",\n      \"label\": \"\u9876\u90e8\u5185\u8fb9\u8ddd\",\n      \"default\": 64\n    },\n    {\n      \"type\": \"range\",\n      \"id\": \"padding_bottom\",\n      \"min\": 24,\n      \"max\": 120,\n      \"step\": 4,\n      \"unit\": \"px\",\n      \"label\": \"\u5e95\u90e8\u5185\u8fb9\u8ddd\",\n      \"default\": 64\n    }\n  ],\n  \"blocks\": [\n    {\n      \"type\": \"scenario\",\n      \"name\": \"\u9009\u578b\u573a\u666f\u5361\",\n      \"settings\": [\n        {\n          \"type\": \"text\",\n          \"id\": \"scenario_name\",\n          \"label\": \"\u573a\u666f\u6309\u94ae\u540d\u79f0\",\n          \"default\": \"\u5bb6\u5ead\u65e5\u5e38\u81ea\u7528 (Home)\"\n        },\n        {\n          \"type\": \"product\",\n          \"id\": \"product\",\n          \"label\": \"\u5173\u8054\u63a8\u8350\u5546\u54c1\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"unit_label\",\n          \"label\": \"\u8ba1\u91cf\u5355\u4f4d\u540d\u79f0\uff08\u5982\uff1a\u676f\u3001\u5ea6kWh\u3001\u4ef6\uff09\",\n          \"default\": \"\u676f\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"baseline_unit_cost\",\n          \"label\": \"\u539f\u65b9\u6848\u5355\u6b21\u6210\u672c ($)\",\n          \"default\": \"6.20\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"optimized_unit_cost\",\n          \"label\": \"\u672c\u5e97\u65b9\u6848\u6298\u7b97\u5355\u6b21\u6210\u672c ($)\",\n          \"default\": \"1.35\"\n        },\n        {\n          \"type\": \"number\",\n          \"id\": \"default_monthly_units\",\n          \"label\": \"\u8be5\u573a\u666f\u9ed8\u8ba4\u6708\u6d88\u8017\u91cf\",\n          \"default\": 60\n        },\n        {\n          \"type\": \"textarea\",\n          \"id\": \"expert_tip\",\n          \"label\": \"\u8be5\u573a\u666f\u4e13\u5c5e\u8d34\u58eb\u6587\u6848\",\n          \"default\": \"\u8bf7\u586b\u5199\u5b9e\u9645\u6210\u672c\u4e0e\u7528\u91cf\u3002\u5e74\u5ea6\u8fd0\u884c\u5dee\u989d\u4e0d\u7b49\u4e8e\u6263\u9664\u8d2d\u673a\u6295\u5165\u540e\u7684\u51c0\u5dee\u989d\u3002\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"cta_label\",\n          \"label\": \"\u53f3\u4fa7\u5e95\u90e8\u4e3b\u6309\u94ae\u6587\u6848\",\n          \"default\": \"\u67e5\u770b\u5bf9\u5e94\u5546\u54c1\u914d\u7f6e\"\n        },\n        {\n          \"type\": \"url\",\n          \"id\": \"fallback_url\",\n          \"label\": \"\u5907\u7528\u8df3\u8f6c\u94fe\u63a5\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"upfront_cost\",\n          \"label\": \"\u8d2d\u673a\u3001\u5b89\u88c5\u7b49\u521d\u59cb\u6295\u5165\uff08\u540c\u4e00\u5e01\u79cd\uff09\",\n          \"default\": \"1500\"\n        },\n        {\n          \"type\": \"text\",\n          \"id\": \"annual_extra_cost\",\n          \"label\": \"\u6bcf\u5e74\u989d\u5916\u7ef4\u62a4\u8d39\uff08\u4e0d\u91cd\u590d\u8ba1\u5165\u5355\u4f4d\u6210\u672c\uff09\",\n          \"default\": \"0\"\n        }\n      ]\n    }\n  ],\n  \"presets\": [\n    {\n      \"name\": \"CheckMyRate \u7701\u94b1\u8ba1\u7b97\u5668\",\n      \"blocks\": [\n        {\n          \"type\": \"scenario\",\n          \"settings\": {\n            \"scenario_name\": \"\u5bb6\u5ead\u65e5\u5e38\u8403\u53d6 (Home)\",\n            \"unit_label\": \"\u676f\",\n            \"baseline_unit_cost\": \"6.20\",\n            \"optimized_unit_cost\": \"1.35\",\n            \"default_monthly_units\": 60,\n            \"expert_tip\": \"\u6309\u6bcf\u670860\u676f\u3001\u539f\u5355\u4ef76.20\u548c\u65b0\u5355\u4ef71.35\u6f14\u793a\uff0c\u5e74\u5ea6\u8fd0\u884c\u5dee\u989d\u4e3a3,492\uff1b\u8fd8\u9700\u6263\u9664\u8bbe\u5907\u6295\u5165\u3002\",\n            \"cta_label\": \"\u89e3\u9501\u5bb6\u5ead\u7248\u7701\u94b1\u5957\u88c5\",\n            \"upfront_cost\": \"1500\",\n            \"annual_extra_cost\": \"0\"\n          }\n        },\n        {\n          \"type\": \"scenario\",\n          \"settings\": {\n            \"scenario_name\": \"\u5bb6\u5ead\u50a8\u80fd\u524a\u5cf0 (Solar Storage)\",\n            \"unit_label\": \"\u5ea6(kWh)\",\n            \"baseline_unit_cost\": \"0.48\",\n            \"optimized_unit_cost\": \"0.09\",\n            \"default_monthly_units\": 280,\n            \"expert_tip\": \"\u50a8\u80fd\u6f14\u793a\u987b\u8ba1\u5165\u5b89\u88c5\u6295\u5165\u4e0e\u7ef4\u62a4\u8d39\u3002\u5b9e\u9645\u5355\u4ef7\u5e94\u7ed3\u5408\u5f53\u5730\u7535\u4ef7\u3001\u6548\u7387\u3001\u8870\u51cf\u548c\u8bbe\u5907\u5bff\u547d\u3002\",\n            \"cta_label\": \"\u67e5\u770b\u5bb6\u5ead\u50a8\u80fd\u63a8\u8350\u914d\u7f6e\",\n            \"upfront_cost\": \"4800\",\n            \"annual_extra_cost\": \"120\"\n          }\n        },\n        {\n          \"type\": \"scenario\",\n          \"settings\": {\n            \"scenario_name\": \"\u5de5\u4f5c\u5ba4\u4e0e\u5c0f\u578b\u5546\u7528 (Studio\/Pro)\",\n            \"unit_label\": \"\u4ef6\",\n            \"baseline_unit_cost\": \"4.50\",\n            \"optimized_unit_cost\": \"0.85\",\n            \"default_monthly_units\": 180,\n            \"expert_tip\": \"\u5546\u7528\u6f14\u793a\u7684\u5355\u4f4d\u6210\u672c\u4e4b\u5916\uff0c\u8fd8\u9700\u586b\u5199\u6295\u5165\u4e0e\u7ef4\u62a4\u8d39\uff0c\u4eba\u5de5\u3001\u505c\u673a\u4e0e\u7a0e\u8d39\u6309\u4e1a\u52a1\u53e6\u8ba1\u3002\",\n            \"cta_label\": \"\u83b7\u53d6\u5546\u7528\u7248\u6279\u91cf\u65b9\u6848\",\n            \"upfront_cost\": \"6000\",\n            \"annual_extra_cost\": \"300\"\n          }\n        }\n      ]\n    }\n  ]\n}\n{% endschema %}<\/code><\/pre>\n<\/details>\n<h2>3. Compare two approaches to rational buying<\/h2>\n<div style=\"margin:24px 0;overflow-x:auto\" tabindex=\"0\" role=\"region\" aria-label=\"\u6587\u7ae0\u8868\u683c\uff0c\u53ef\u6a2a\u5411\u6eda\u52a8\">\n<table style=\"border-collapse:collapse;width:100%;min-width:530px\">\n<thead>\n<tr>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Dimension<\/th>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Volenta<\/th>\n<th style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">CheckMyRate and the Shopify extension<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Reader&#8217;s question<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Can this team demonstrate expertise?<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">What situation am I in, what should I compare, and what comes next?<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Visual hierarchy<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Dark surfaces and a bright green accent<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">White and light blue, navy text and a pink action colour<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Evidence format<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Bento-style evidence blocks; artwork numbers do not prove business outcomes<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Scenario routing and a rate comparison; equipment costs and payback are the teaching extension here<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Trust<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Named people and concrete capabilities<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Reviews, a named founder, educational material and company disclosures<\/td>\n<\/tr>\n<tr>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Shopify applications<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Technical products and business equipment<\/td>\n<td style=\"padding:10px;border:1px solid #dde2df;vertical-align:top;text-align:left\">Durable goods, energy equipment and repeat-use products with measurable operating costs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Design and image credit: <a href=\"https:\/\/www.behance.net\/gallery\/256248921\/CheckMyRate-Webflow-Site-for-a-Mortgage-Broker\" target=\"_blank\" rel=\"noopener noreferrer\">Figmatica Studio \/ CheckMyRate on Behance<\/a>. Project context: <a href=\"https:\/\/figmatica.com\/cases\/checkmyrate\" target=\"_blank\" rel=\"noopener noreferrer\">Figmatica&#8217;s case study<\/a>. The questionnaire image is a screenshot of the actual CheckMyRate site, without a submitted loan application.<\/p>\n<\/article>","protected":false},"excerpt":{"rendered":"<p>Cost and payback lessons for Shopify energy-equipment stores, inspired by the CheckMyRate mortgage website, with a complete Liquid teaching component.<\/p>","protected":false},"author":1,"featured_media":10995,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[259,4],"class_list":["post-11002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify-dtc","tag-api","tag-shopify"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.9 (Yoast SEO v24.0-RC1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores<\/title>\n<meta name=\"description\" content=\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\" \/>\n<meta property=\"og:description\" content=\"WESWOO\u2014\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\uff0c\u63d0\u4f9bshopify liquid\u4e13\u4e1a\u5f00\u53d1\u65b9\u6848 - Shopify Plus\u5408\u4f5c\u4f19\u4f34 - \u897f\u897f\u6728\uff08\u5e7f\u5dde\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Shopify Plus &amp; \u72ec\u7acb\u7ad9\u5f00\u53d1\uff5c\u8de8\u5883\u7535\u5546\u5b9a\u5236\u65b9\u6848 - WESWOO\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-11T12:41:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"844\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"weswoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"weswoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\"},\"author\":{\"name\":\"weswoo\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642\"},\"headline\":\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\",\"datePublished\":\"2026-11-11T12:41:42+00:00\",\"dateModified\":\"2026-11-11T12:41:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\"},\"wordCount\":983,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg\",\"keywords\":[\"API\",\"Shopify\"],\"articleSection\":[\"Shopify\u72ec\u7acb\u7ad9\u6307\u5357\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\",\"url\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\",\"name\":\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\",\"isPartOf\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg\",\"datePublished\":\"2026-11-11T12:41:42+00:00\",\"dateModified\":\"2026-11-11T12:41:42+00:00\",\"description\":\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\",\"breadcrumb\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage\",\"url\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg\",\"contentUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg\",\"width\":1500,\"height\":844,\"caption\":\"\u539f\u6848\u9996\u5c4f\uff1a\u4e00\u4e2a\u660e\u786e\u6807\u9898\u3001\u7c89\u8272\u884c\u52a8\u6309\u94ae\u4e0e\u53ef\u89c1\u7684\u8bc4\u4ef7\u5165\u53e3 \u00b7 Figmatica Studio \/ Behance\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.weswoo.com\/cn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#website\",\"url\":\"https:\/\/www.weswoo.com\/en\/\",\"name\":\"WESWOO\",\"description\":\"WESWOO \u4e13\u6ce8 Shopify Plus \u4e0e\u72ec\u7acb\u7ad9\u5b9a\u5236\u5f00\u53d1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u7535\u5546\u7f51\u7ad9\u5efa\u8bbe\u3001\u8de8\u5883\u8fd0\u8425\u652f\u6301\u3001B2B \u53ca\u591a\u6e20\u9053\u96c6\u6210\uff0c\u52a9\u529b\u54c1\u724c\u5168\u7403\u589e\u957f\u3002\",\"publisher\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\"},\"alternateName\":\"WESWOO.COM\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.weswoo.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\",\"name\":\"WESWOO\",\"alternateName\":[\"WESWOO - Shopify Premier Partner\",\"\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8\",\"Xiximu (Shenzhen) Technology Co., Ltd.\"],\"url\":\"https:\/\/www.weswoo.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png\",\"contentUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png\",\"width\":1280,\"height\":1024,\"caption\":\"WESWOO \u2014 Shopify cross-border ecommerce development specialist\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/\"},\"description\":\"WESWOO is a Shopify Premier Partner providing Shopify theme and Shopify Plus development, B2B, Headless, data integration, and long-term technical support.\",\"email\":\"info@weswoo.com\",\"telephone\":\"+86 18688202145\",\"legalName\":\"\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8\",\"foundingDate\":\"2021-04-26\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"},\"address\":[{\"@type\":\"PostalAddress\",\"streetAddress\":\"\u9999\u6e2f\u4e5d\u9f99\u65fa\u89d2\u5f25\u6566\u9053610\u53f7\u8377\u674e\u6d3b\u5546\u4e1a\u4e2d\u5fc318\u697c1805-06\u5ba4\",\"addressLocality\":\"\u9999\u6e2f\",\"addressCountry\":\"HK\"},{\"@type\":\"PostalAddress\",\"streetAddress\":\"\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u897f\u4e61\u8857\u9053\u5171\u4e50\u793e\u533a\u94c1\u4ed4\u8def60\u53f7\u594b\u6210\u667a\u8c37\u5927\u53a6B\u5ea72001A\",\"addressLocality\":\"\u6df1\u5733\u5e02\",\"addressRegion\":\"\u5e7f\u4e1c\u7701\",\"addressCountry\":\"CN\"}],\"sameAs\":[\"https:\/\/www.shopify.com\/partners\/directory\/partner\/10395\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642\",\"name\":\"weswoo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g\",\"caption\":\"weswoo\"},\"description\":\"WESWOO \u7f51\u7ad9\u5185\u5bb9\u53d1\u5e03\u8d26\u53f7\uff0c\u53d1\u5e03 Shopify \u72ec\u7acb\u7ad9\u5efa\u8bbe\u3001\u4e3b\u9898\u5f00\u53d1\u3001\u7cfb\u7edf\u96c6\u6210\u4e0e\u8de8\u5883\u8fd0\u8425\u76f8\u5173\u6587\u7ae0\u3002\",\"sameAs\":[\"https:\/\/weswoo.com\"],\"url\":\"https:\/\/www.weswoo.com\/en\/author\/weswoo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","description":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/","og_locale":"en_US","og_type":"article","og_title":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","og_description":"WESWOO\u2014\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\uff0c\u63d0\u4f9bshopify liquid\u4e13\u4e1a\u5f00\u53d1\u65b9\u6848 - Shopify Plus\u5408\u4f5c\u4f19\u4f34 - \u897f\u897f\u6728\uff08\u5e7f\u5dde\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8","og_url":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/","og_site_name":"Shopify Plus &amp; \u72ec\u7acb\u7ad9\u5f00\u53d1\uff5c\u8de8\u5883\u7535\u5546\u5b9a\u5236\u65b9\u6848 - WESWOO","article_published_time":"2026-11-11T12:41:42+00:00","og_image":[{"width":1500,"height":844,"url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg","type":"image\/jpeg"}],"author":"weswoo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"weswoo","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#article","isPartOf":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/"},"author":{"name":"weswoo","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642"},"headline":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","datePublished":"2026-11-11T12:41:42+00:00","dateModified":"2026-11-11T12:41:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/"},"wordCount":983,"commentCount":0,"publisher":{"@id":"https:\/\/www.weswoo.com\/en\/#organization"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg","keywords":["API","Shopify"],"articleSection":["Shopify\u72ec\u7acb\u7ad9\u6307\u5357"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/","url":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/","name":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","isPartOf":{"@id":"https:\/\/www.weswoo.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg","datePublished":"2026-11-11T12:41:42+00:00","dateModified":"2026-11-11T12:41:42+00:00","description":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores","breadcrumb":{"@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#primaryimage","url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg","contentUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/cmr-01-cover.jpg","width":1500,"height":844,"caption":"\u539f\u6848\u9996\u5c4f\uff1a\u4e00\u4e2a\u660e\u786e\u6807\u9898\u3001\u7c89\u8272\u884c\u52a8\u6309\u94ae\u4e0e\u53ef\u89c1\u7684\u8bc4\u4ef7\u5165\u53e3 \u00b7 Figmatica Studio \/ Behance"},{"@type":"BreadcrumbList","@id":"https:\/\/www.weswoo.com\/en\/checkmyrate-shopify-equipment-roi-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.weswoo.com\/cn\/"},{"@type":"ListItem","position":2,"name":"CheckMyRate mortgage case: cost and payback design for Shopify energy-equipment stores"}]},{"@type":"WebSite","@id":"https:\/\/www.weswoo.com\/en\/#website","url":"https:\/\/www.weswoo.com\/en\/","name":"WESWOO","description":"WESWOO specializes in Shopify Plus and standalone custom development, providing high-performance e-commerce website development, cross-border operations support, B2B and multi-channel integration to help brands grow globally.","publisher":{"@id":"https:\/\/www.weswoo.com\/en\/#organization"},"alternateName":"WESWOO.COM","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.weswoo.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.weswoo.com\/en\/#organization","name":"WESWOO","alternateName":["WESWOO - Shopify Premier Partner","\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8","Xiximu (Shenzhen) Technology Co., Ltd."],"url":"https:\/\/www.weswoo.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png","contentUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png","width":1280,"height":1024,"caption":"WESWOO \u2014 Shopify cross-border ecommerce development specialist"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/"},"description":"WESWOO is a Shopify Premier Partner providing Shopify theme and Shopify Plus development, B2B, Headless, data integration, and long-term technical support.","email":"info@weswoo.com","telephone":"+86 18688202145","legalName":"\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8","foundingDate":"2021-04-26","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"},"address":[{"@type":"PostalAddress","streetAddress":"\u9999\u6e2f\u4e5d\u9f99\u65fa\u89d2\u5f25\u6566\u9053610\u53f7\u8377\u674e\u6d3b\u5546\u4e1a\u4e2d\u5fc318\u697c1805-06\u5ba4","addressLocality":"\u9999\u6e2f","addressCountry":"HK"},{"@type":"PostalAddress","streetAddress":"\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u897f\u4e61\u8857\u9053\u5171\u4e50\u793e\u533a\u94c1\u4ed4\u8def60\u53f7\u594b\u6210\u667a\u8c37\u5927\u53a6B\u5ea72001A","addressLocality":"\u6df1\u5733\u5e02","addressRegion":"\u5e7f\u4e1c\u7701","addressCountry":"CN"}],"sameAs":["https:\/\/www.shopify.com\/partners\/directory\/partner\/10395"]},{"@type":"Person","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642","name":"weswoo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g","caption":"weswoo"},"description":"WESWOO \u7f51\u7ad9\u5185\u5bb9\u53d1\u5e03\u8d26\u53f7\uff0c\u53d1\u5e03 Shopify \u72ec\u7acb\u7ad9\u5efa\u8bbe\u3001\u4e3b\u9898\u5f00\u53d1\u3001\u7cfb\u7edf\u96c6\u6210\u4e0e\u8de8\u5883\u8fd0\u8425\u76f8\u5173\u6587\u7ae0\u3002","sameAs":["https:\/\/weswoo.com"],"url":"https:\/\/www.weswoo.com\/en\/author\/weswoo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts\/11002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/comments?post=11002"}],"version-history":[{"count":0,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts\/11002\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/media\/10995"}],"wp:attachment":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/media?parent=11002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/categories?post=11002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/tags?post=11002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}