{"id":4767,"date":"2025-01-10T12:14:28","date_gmt":"2025-01-10T04:14:28","guid":{"rendered":"https:\/\/hotianwindows.com\/?p=4767"},"modified":"2026-03-17T15:51:43","modified_gmt":"2026-03-17T07:51:43","slug":"french-door-size","status":"publish","type":"post","link":"https:\/\/hotianwindows.com\/pt\/french-door-size\/","title":{"rendered":"Tabela de tamanhos de portas francesas e guia de compra"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>French doors<\/strong> are a popular choice for homes. They let in lots of light and make a room feel open. They can be used inside or outside. This guide will help you understand the common sizes for <strong>French doors<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Are French Doors?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/hotianwindows.com\/steel-french-doors\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">French doors<\/mark><\/a><\/strong> are doors that have glass panes in them. They often come in pairs. The doors swing open from the center. This makes a large opening. They are sometimes called &#8220;window doors&#8221; because they look like big windows.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Choose French Doors?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lots of light<\/strong>: They have large glass areas. This lets natural light into the room.<\/li>\n\n\n\n<li><strong>Open feeling<\/strong>: They make spaces feel bigger.<\/li>\n\n\n\n<li><strong>Indoor-outdoor flow<\/strong>: They create a smooth connection between inside and outside areas.<\/li>\n\n\n\n<li><strong>Stylish<\/strong>: They look good in many kinds of homes.<\/li>\n<\/ul>\n\n\n\n<style>\n  .cta-brand-green-v3 {\n    background-color: #E4EFE6; \/* \u6700\u7ec8\u4f18\u5316\uff1a\u91c7\u7528\u8c03\u8272\u677f\u4e2d\u7684\u6de1\u7eff\u8272\u80cc\u666f\uff0c\u4ee5\u589e\u5f3a\u533a\u5206\u5ea6 *\/\n    border-left: 4px solid #27BE40;\n    border-radius: 6px;\n    padding: 18px 25px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 2em 0;\n    gap: 20px;\n  }\n  .cta-brand-green-v3 p {\n    margin: 0;\n    padding: 0;\n    color: #212529; \n  }\n  .cta-brand-green-v3 a {\n    background-color: #27BE40;\n    color: #FFFFFF;\n    text-decoration: none;\n    padding: 10px 22px;\n    border-radius: 5px;\n    font-weight: bold;\n    white-space: nowrap;\n    transition: all 0.2s ease;\n    text-align: center; \/* \u8ba9\u6309\u94ae\u6587\u5b57\u5c45\u4e2d *\/\n    min-width: 120px; \/* \u6700\u7ec8\u4f18\u5316\uff1a\u8bbe\u5b9a\u6309\u94ae\u6700\u5c0f\u5bbd\u5ea6\uff0c\u8ba9\u5b83\u66f4\u8212\u5c55 *\/\n  }\n  .cta-brand-green-v3 a:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n  }\n  @media (max-width: 600px) {\n    .cta-brand-green-v3 {\n      flex-direction: column;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<div class=\"cta-brand-green-v3\">\n  <p>\n    Want timeless design and modern performance? Discover our French door range.\n  <\/p>\n  <a href=\"https:\/\/hotianwindows.com\/steel-french-doors\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Browse Styles\n  <\/a>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Standard Sizes for French Doors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Standard French doors<\/strong> come in set sizes. This makes it easier to find doors that fit most openings. But, you can also get <strong>custom<\/strong> sizes if you need them.<\/p>\n\n\n\n<!-- French Door Sizes Converter - WordPress Compatible -->\n<style>\n  \/* Restore WordPress list styles *\/\n  .wp-block-post-content ul {\n    list-style-type: disc !important;\n    padding-left: 2em !important;\n  }\n  \n  .wp-block-post-content ol {\n    list-style-type: decimal !important;\n    padding-left: 2em !important;\n  }\n  \n  .wp-block-post-content li {\n    display: list-item !important;\n    margin-bottom: 0.5em !important;\n  }\n  \n  \/* Scoped styles for French Door converter *\/\n  .french-door-converter {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n    max-width: 800px;\n    margin: 32px auto;\n    padding: 24px;\n    background-color: white;\n    border-radius: 16px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  }\n  \n  .french-door-converter h3 {\n    font-size: 1.875rem;\n    font-weight: 700;\n    color: #1f2937;\n    text-align: center;\n    letter-spacing: -0.025em;\n    margin-bottom: 8px;\n  }\n  \n  .french-door-converter p {\n    color: #6b7280;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n  \n  .french-door-converter .flex-center {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n  }\n  \n  .french-door-converter .toggle-button {\n    display: flex;\n    align-items: center;\n    padding: 8px 16px;\n    border: 1px solid #2563eb;\n    border-radius: 8px;\n    background-color: white;\n    color: #2563eb;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.15s;\n  }\n  \n  .french-door-converter .toggle-button:hover {\n    background-color: #eff6ff;\n  }\n  \n  .french-door-converter .toggle-button:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);\n  }\n  \n  .french-door-converter .icon {\n    width: 16px;\n    height: 16px;\n    margin-right: 8px;\n    background-repeat: no-repeat;\n    background-position: center;\n    display: inline-block;\n  }\n  \n  .french-door-converter .ruler-icon {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232563eb' d='M177.9 494.1c-18.7 18.7-49.1 18.7-67.9 0L17.9 401.9c-18.7-18.7-18.7-49.1 0-67.9l50.7-50.7 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 50.7-50.7c18.7-18.7 49.1-18.7 67.9 0l92.1 92.1c18.7 18.7 18.7 49.1 0 67.9L177.9 494.1z'\/%3E%3C\/svg%3E\");\n  }\n  \n  .french-door-converter .chart-legend {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 24px;\n    margin-bottom: 12px;\n  }\n  \n  .french-door-converter .legend-item {\n    display: flex;\n    align-items: center;\n    font-size: 0.875rem;\n    color: #4b5563;\n  }\n  \n  .french-door-converter .legend-color {\n    width: 16px;\n    height: 16px;\n    display: inline-block;\n    margin-right: 8px;\n    border-radius: 4px;\n  }\n  \n  .french-door-converter .legend-standard {\n    background-color: rgba(59,130,246,1);\n  }\n  \n  .french-door-converter .legend-highceil {\n    background-color: rgba(45,212,191,1);\n  }\n  \n  .french-door-converter .legend-tallwide {\n    background-color: rgba(168,85,247,1);\n  }\n  \n  .french-door-converter .chart-container {\n    position: relative;\n    height: 384px;\n  }\n  \n  .french-door-converter .chart-note {\n    margin-top: 16px;\n    color: #9ca3af;\n    font-size: 0.75rem;\n    text-align: center;\n    user-select: none;\n  }\n  \n  .french-door-converter table {\n    width: 100%;\n    text-align: left;\n    font-size: 0.875rem;\n    margin-top: 24px;\n    border-collapse: collapse;\n  }\n  \n  .french-door-converter th {\n    padding: 8px;\n    color: #4b5563;\n    font-weight: 600;\n    border-bottom: 1px solid #e5e7eb;\n  }\n  \n  .french-door-converter td {\n    padding: 8px;\n    border-bottom: 1px solid #e5e7eb;\n  }\n  \n  .french-door-converter tr:hover {\n    background-color: #f9fafb;\n  }\n  \n  .french-door-converter .font-medium {\n    font-weight: 500;\n  }\n  \n  .french-door-converter .text-gray-500 {\n    color: #6b7280;\n  }\n  \n  @media (max-width: 768px) {\n    .french-door-converter .use-column {\n      display: none;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .french-door-converter .use-column {\n      display: table-cell;\n    }\n  }\n<\/style>\n\n<div class=\"french-door-converter\">\n  <div class=\"flex-center\">\n    <h3>French Door Sizes Converter<\/h3>\n    <p>Switch between Inches and Metric measurements. All dimensions represent total unit sizes (for double doors, each leaf is half the width).<\/p>\n    <button id=\"fd-toggle-unit\" class=\"toggle-button\">\n      <span class=\"icon ruler-icon\"><\/span>\n      <span id=\"fd-toggle-label\">Convert to Metric (cm\/mm)<\/span>\n    <\/button>\n  <\/div>\n  \n  <!-- Chart Legend -->\n  <div class=\"chart-legend\">\n    <span class=\"legend-item\">\n      <span class=\"legend-color legend-standard\"><\/span> Standard Interior\/Exterior\n    <\/span>\n    <span class=\"legend-item\">\n      <span class=\"legend-color legend-highceil\"><\/span> High Ceiling\n    <\/span>\n    <span class=\"legend-item\">\n      <span class=\"legend-color legend-tallwide\"><\/span> Tall &#038; Wide\n    <\/span>\n  <\/div>\n  \n  <!-- Chart Container -->\n  <div class=\"chart-container\">\n    <canvas id=\"fd-sizes-chart\"><\/canvas>\n  <\/div>\n  <div class=\"chart-note\">Chart visualizes standard French door unit sizes. Tap legend or bar label for more info.<\/div>\n  \n  <!-- Table -->\n  <table>\n    <thead>\n      <tr>\n        <th>Height<\/th>\n        <th>Width<\/th>\n        <th class=\"use-column\">Common Use<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody id=\"fd-size-table-body\">\n      <!-- Dynamic rows -->\n    <\/tbody>\n  <\/table>\n<\/div>\n\n<script>\n\/\/ Use IIFE to isolate code from WordPress\n(function() {\n  \/\/ Load Chart.js dynamically to prevent conflicts\n  function loadChartJs(callback) {\n    if (window.Chart) {\n      callback();\n      return;\n    }\n    \n    const script = document.createElement('script');\n    script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.3\/dist\/chart.umd.min.js';\n    script.onload = callback;\n    document.head.appendChild(script);\n  }\n  \n  loadChartJs(function() {\n    \/\/ Data Setup\n    const sizesImperial = [\n      {label: '80\" x 36\"',  width: 36, height: 80, type:'standard', use:'Interior doors'},\n      {label: '80\" x 48\"',  width: 48, height: 80, type:'standard', use:'Interior\/Exterior'},\n      {label: '80\" x 60\"',  width: 60, height: 80, type:'standard', use:'Exterior\/Large Interior'},\n      {label: '80\" x 72\"',  width: 72, height: 80, type:'standard', use:'Exterior doors'},\n      {label: '84\" x 30\"',  width: 30, height: 84, type:'highceil', use:'Int. (high ceiling)'},\n      {label: '84\" x 36\"',  width: 36, height: 84, type:'highceil', use:'Int. (high ceiling)'},\n      {label: '96\" x 30\"',  width: 30, height: 96, type:'tallwide', use:'Int. (high ceiling)'},\n      {label: '96\" x 36\"',  width: 36, height: 96, type:'tallwide', use:'Int. (high ceiling)'}\n    ];\n    \n    const typeColors = {\n      standard: 'rgba(59,130,246,1)',   \/\/ blue-500\n      highceil: 'rgba(45,212,191,1)',   \/\/ teal-400\n      tallwide: 'rgba(168,85,247,1)'    \/\/ purple-500\n    };\n    \n    let metricMode = false;\n    let chartRef = null;\n    \n    \/\/ Utility Functions\n    function inchesToCentimeters(inch) { return +(inch * 2.54).toFixed(1); }\n    function inchesToMillimeters(inch) { return Math.round(inch * 25.4); }\n    \n    function formatLabel(s, asMetric=false) {\n      if (!asMetric) return s;\n      const [height, width] = s.replace(\/\"\/g, '').split(' x ').map(Number);\n      const h_mm = inchesToMillimeters(height);\n      const w_mm = inchesToMillimeters(width);\n      return `${h_mm} mm x ${w_mm} mm (${height}\\\\\" x ${width}\\\\\")`;\n    }\n    \n    function getTableRows(data, asMetric=false) {\n      return data.map(x => {\n        let hDisp = asMetric ? `${inchesToCentimeters(x.height)} cm` : `${x.height}&quot;`;\n        let wDisp = asMetric ? `${inchesToCentimeters(x.width)} cm` : `${x.width}&quot;`;\n        return `<tr>\n          <td class=\"font-medium\">${hDisp}<\/td>\n          <td class=\"font-medium\">${wDisp}<\/td>\n          <td class=\"use-column text-gray-500\">${x.use}<\/td>\n        <\/tr>`;\n      }).join('');\n    }\n    \n    \/\/ Chart Rendering\n    function renderChart(asMetric = false) {\n      const labels = sizesImperial.map(sz =>\n        asMetric\n          ? `${inchesToCentimeters(sz.height)}cm x ${inchesToCentimeters(sz.width)}cm`\n          : `${sz.height}\" x ${sz.width}\"`\n      );\n      const data = sizesImperial.map(sz => asMetric ? inchesToCentimeters(sz.width) : sz.width);\n      const bgColors = sizesImperial.map(sz => typeColors[sz.type]);\n      \n      if (chartRef) chartRef.destroy();\n      \n      const ctx = document.getElementById('fd-sizes-chart');\n      chartRef = new Chart(ctx, {\n        type: 'bar',\n        data: {\n          labels,\n          datasets: [{\n            label: asMetric ? 'Width (cm)' : 'Width (inches)',\n            data,\n            backgroundColor: bgColors,\n            borderRadius: 8,\n            maxBarThickness: 40,\n            borderSkipped: false\n          }]\n        },\n        options: {\n          indexAxis: 'y',\n          maintainAspectRatio: false,\n          animation: {\n            duration: 800,\n            easing: 'easeOutQuart'\n          },\n          plugins: {\n            legend: { display: false },\n            tooltip: {\n              backgroundColor: \"#fff\",\n              titleColor: \"#222\",\n              bodyColor: \"#374151\",\n              bodyFont: {weight:'bold', size:15},\n              borderColor: \"#dbeafe\",\n              borderWidth: 2,\n              cornerRadius: 10,\n              callbacks: {\n                title: (ctx) => {\n                  const idx = ctx[0].dataIndex;\n                  const sz = sizesImperial[idx];\n                  return asMetric\n                    ? `${inchesToCentimeters(sz.height)}cm x ${inchesToCentimeters(sz.width)}cm`\n                    : `${sz.height}\" x ${sz.width}\"`;\n                },\n                label: (ctx) => {\n                  const i = ctx.dataIndex, sz = sizesImperial[i];\n                  return [\n                    asMetric\n                      ? `Width: ${inchesToCentimeters(sz.width)} cm`\n                      : `Width: ${sz.width} inches`,\n                    `Common: ${sz.use}`\n                  ];\n                }\n              }\n            },\n          },\n          scales: {\n            y: {\n              ticks: {\n                color: \"#222\",\n                font: { size: 15, weight: '500' },\n              },\n              grid: { color: \"#e5e7eb\", borderDash: [7] }\n            },\n            x: {\n              title: {\n                display: true,\n                text: asMetric ? 'Width (cm)' : 'Width (inches)',\n                color: \"#374151\",\n                font: {weight:'bold', size:15},\n              },\n              ticks: { color: \"#475569\", font: { size: 14 } },\n              grid: { color: \"#f3f4f6\" }\n            }\n          },\n        }\n      });\n    }\n    \n    \/\/ Table Rendering\n    function renderTable(asMetric = false) {\n      document.getElementById('fd-size-table-body').innerHTML = getTableRows(sizesImperial, asMetric);\n    }\n    \n    \/\/ Toggle & Interactivity\n    function switchMode() {\n      metricMode = !metricMode;\n      renderChart(metricMode);\n      renderTable(metricMode);\n      document.getElementById('fd-toggle-label').textContent =\n        metricMode ? \"Convert to Inches\" : \"Convert to Metric (cm\/mm)\";\n    }\n    \n    \/\/ Initialize\n    function initialize() {\n      renderChart(false);\n      renderTable(false);\n      document.getElementById('fd-toggle-unit').addEventListener('click', switchMode);\n    }\n    \n    \/\/ Check if document is already loaded\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initialize);\n    } else {\n      initialize();\n    }\n  });\n})();\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Standard Height<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Most <strong>French doors<\/strong> are about <strong>80 inches<\/strong> tall.<\/li>\n\n\n\n<li>Some are <strong>84 inches<\/strong> or <strong>96 inches<\/strong> tall. This is often for homes with high ceilings.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Standard Widths<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>French door<\/strong> widths can vary. Here are some common sizes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>30 inches<\/strong> per door (for small spaces, interior)<\/li>\n\n\n\n<li><strong>36 inches<\/strong> per door (common for interior doors)<\/li>\n\n\n\n<li><strong>48 inches<\/strong> total width (2 doors, each 24 inches wide)<\/li>\n\n\n\n<li><strong>60 inches<\/strong> total width (2 doors, each 30 inches wide)<\/li>\n\n\n\n<li><strong>72 inches<\/strong> total width (2 doors, each 36 inches wide)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Standard Sizes<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a table of <strong><a href=\"https:\/\/hotianwindows.com\/french-door-size\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">standard French door sizes<\/mark><\/a><\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Height (inches)<\/strong><\/td><td><strong>Width (inches)<\/strong><\/td><td><strong>Common Use<\/strong><\/td><\/tr><tr><td>80<\/td><td>36<\/td><td>Interior doors<\/td><\/tr><tr><td>80<\/td><td>48<\/td><td>Interior or Exterior<\/td><\/tr><tr><td>80<\/td><td>60<\/td><td>Exterior or larger interiors<\/td><\/tr><tr><td>80<\/td><td>72<\/td><td>Exterior Doors<\/td><\/tr><tr><td>84<\/td><td>30 or 36<\/td><td>Interior with high ceiling<\/td><\/tr><tr><td>96<\/td><td>30 or 36<\/td><td>Interior with high ceiling<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">These sizes are for the entire door unit. If the door has two panels, each panel is half of the total width. For example, a 72-inch wide door has two panels that are each 36 inches wide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Exterior vs. Interior French Doors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>French doors<\/strong> are used both outside and inside.<\/p>\n\n\n\n<!-- French Doors Comparison - WordPress Ready -->\n<div style=\"max-width: 100%; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">\n  <!-- Main Comparison Cards -->\n  <div style=\"display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px;\">\n    <!-- For screen sizes \u2265768px, make it two columns -->\n    <style>\n      @media (min-width: 768px) {\n        .doors-grid {\n          grid-template-columns: 1fr 1fr !important;\n        }\n      }\n    <\/style>\n    \n    <div class=\"doors-grid\" style=\"display: grid; grid-template-columns: 1fr; gap: 20px;\">\n      <!-- Exterior French Doors -->\n      <div style=\"background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #f0f0f0;\">\n        <!-- Note: Replace the image URL with the URL from your WordPress media library -->\n        <div style=\"position: relative;\">\n          <div style=\"aspect-ratio: 16\/9; overflow: hidden;\">\n            <!-- You'll need to replace this with your uploaded image in WordPress -->\n            <img decoding=\"async\" src=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/05\/exterior-french-door.webp\" alt=\"Exterior French Doors\" style=\"width: 100%; height: 100%; object-fit: cover;\" title=\"\">\n          <\/div>\n          <div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,126,69,0.8), transparent);\"><\/div>\n          <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 16px;\">\n            <h3 style=\"color: white; font-size: 1.25rem; font-weight: bold; margin: 0;\">Exterior French Doors<\/h3>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 16px;\">\n          <ul style=\"list-style: none; padding: 0; margin: 0; color: #666;\">\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Connect indoors to outdoors<\/span>\n            <\/li>\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Generally wider (60&#8243;+ recommended)<\/span>\n            <\/li>\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Weather-resistant materials<\/span>\n            <\/li>\n          <\/ul>\n          \n          <!-- Sizes -->\n          <div style=\"margin-top: 16px; padding-top: 12px; border-top: 1px solid #eee;\">\n            <h4 style=\"font-size: 0.875rem; font-weight: 500; color: #333; margin-bottom: 8px;\">Common Widths<\/h4>\n            <div style=\"display: flex; justify-content: space-between;\">\n              <div style=\"text-align: center; width: 100%;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.2); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: #333;\">48&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.4); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: #333;\">60&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.6); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: white;\">72&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.8); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: white;\">96&#8243;<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Interior French Doors -->\n      <div style=\"background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #f0f0f0;\">\n        <!-- Note: Replace the image URL with the URL from your WordPress media library -->\n        <div style=\"position: relative;\">\n          <div style=\"aspect-ratio: 16\/9; overflow: hidden;\">\n            <!-- You'll need to replace this with your uploaded image in WordPress -->\n            <img decoding=\"async\" src=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/05\/interior-french-door.webp\" alt=\"Interior French Doors\" style=\"width: 100%; height: 100%; object-fit: cover;\" title=\"\">\n          <\/div>\n          <div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,126,69,0.8), transparent);\"><\/div>\n          <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 16px;\">\n            <h3 style=\"color: white; font-size: 1.25rem; font-weight: bold; margin: 0;\">Interior French Doors<\/h3>\n          <\/div>\n        <\/div>\n        <div style=\"padding: 16px;\">\n          <ul style=\"list-style: none; padding: 0; margin: 0; color: #666;\">\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Elegant room dividers<\/span>\n            <\/li>\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Can be narrower than exterior doors<\/span>\n            <\/li>\n            <li style=\"display: flex; align-items: flex-start; margin-bottom: 8px;\">\n              <span style=\"color: #0a7e45; margin-right: 8px; font-weight: bold;\">\u2713<\/span>\n              <span>Allow light flow between rooms<\/span>\n            <\/li>\n          <\/ul>\n          \n          <!-- Sizes -->\n          <div style=\"margin-top: 16px; padding-top: 12px; border-top: 1px solid #eee;\">\n            <h4 style=\"font-size: 0.875rem; font-weight: 500; color: #333; margin-bottom: 8px;\">Common Widths<\/h4>\n            <div style=\"display: flex; justify-content: space-between;\">\n              <div style=\"text-align: center; width: 100%;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.2); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: #333;\">30&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.4); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: #333;\">36&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.6); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: white;\">48&#8243;<\/div>\n                <\/div>\n              <\/div>\n              <div style=\"text-align: center; width: 100%; margin-left: 4px;\">\n                <div style=\"height: 24px; background: rgba(10,126,69,0.8); border-radius: 4px; position: relative;\">\n                  <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: white;\">60&#8243;<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Visual size comparison -->\n  <div style=\"margin-top: 24px; padding: 16px; background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #f0f0f0;\">\n    <h3 style=\"text-align: center; font-size: 1.125rem; font-weight: 500; color: #333; margin-bottom: 16px;\">Size Comparison: Exterior vs Interior<\/h3>\n    <div style=\"position: relative; height: 64px; background: #f9f9f9; border-radius: 4px; overflow: hidden;\">\n      <!-- Exterior door -->\n      <div style=\"position: absolute; top: 0; bottom: 0; left: 0; width: 75%; background: rgba(10,126,69,0.6); display: flex; align-items: center; justify-content: center; border-right: 2px solid white;\">\n        <span style=\"font-size: 0.875rem; font-weight: 500; color: white;\">Exterior (60&#8243;-96&#8243;)<\/span>\n      <\/div>\n      <!-- Interior door -->\n      <div style=\"position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background: rgba(10,126,69,0.4); display: flex; align-items: center; justify-content: center;\">\n        <span style=\"font-size: 0.875rem; font-weight: 500; color: white;\">Interior (30&#8243;-60&#8243;)<\/span>\n      <\/div>\n    <\/div>\n    <p style=\"font-size: 0.75rem; color: #666; text-align: center; margin-top: 8px; margin-bottom: 0;\">Typical width ranges (not to exact scale)<\/p>\n  <\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Exterior French Doors<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Used as entryways or patio doors.<\/li>\n\n\n\n<li>Connect indoor spaces to gardens or balconies.<\/li>\n\n\n\n<li>Often wider to allow easy access.<\/li>\n\n\n\n<li>Common widths include 48, 60, 72, and 96 inches.<\/li>\n\n\n\n<li>They should be at least 60 inches wide. This allows enough space for furniture and people to move through.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Interior French Doors<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Used as room dividers.<\/li>\n\n\n\n<li>Allow light to flow between spaces.<\/li>\n\n\n\n<li>Common sizes include 30, 36, 48, and 60 inches wide.<\/li>\n\n\n\n<li>Can be narrower than exterior doors.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Custom French Door Sizes<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If <strong>standard sizes<\/strong> don&#8217;t work, <strong>custom<\/strong> sizes are an option. <strong><a href=\"https:\/\/hotianwindows.com\/customization\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">Custom doors<\/mark><\/a><\/strong> can fit unique spaces. They also offer more choices in height and width.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>When to Choose Custom Sizes:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unique openings:<\/strong> If the door opening is not a standard size.<\/li>\n\n\n\n<li><strong>Specific designs:<\/strong> If you have special style needs.<\/li>\n\n\n\n<li><strong>Larger openings:<\/strong> For very wide spaces, like with <strong><a href=\"https:\/\/hotianwindows.com\/folding-doors\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">bifold doors<\/mark><\/a><\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Benefits of Custom Sizes<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Perfect fit<\/strong>: Doors fit exactly as needed.<\/li>\n\n\n\n<li><strong>More flexibility<\/strong>: You can choose any width and height.<\/li>\n\n\n\n<li><strong>Unique style<\/strong>: Doors match your home\u2019s style.<\/li>\n<\/ul>\n\n\n\n<!-- Hotian Custom French Doors CTA Banner -->\n<div style=\"margin: 30px 0; background: linear-gradient(135deg, #ffffff 0%, #f5f7f9 100%); border-radius: 8px; overflow: hidden; border: 1px solid #e8e8e8; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">\n  <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\n    <!-- Responsive Layout Container -->\n    <div style=\"display: flex; flex-direction: column; width: 100%; padding: 20px;\">\n      <!-- Desktop Layout (Side by Side) -->\n      <style>\n        @media (min-width: 768px) {\n          .cta-container {\n            flex-direction: row !important;\n            align-items: center !important;\n            text-align: left !important;\n          }\n          .cta-image {\n            width: 280px !important;\n            margin-bottom: 0 !important;\n            margin-right: 30px !important;\n          }\n          .cta-content {\n            flex: 1 !important;\n          }\n        }\n      <\/style>\n      \n      <!-- CTA Content -->\n      <div class=\"cta-container\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%;\">\n        <!-- Image (Left on Desktop) -->\n        <div class=\"cta-image\" style=\"width: 200px; margin-bottom: 20px;\">\n          <img decoding=\"async\" src=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/05\/exterior-french-door.webp\" alt=\"Custom French Doors\" style=\"width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 3px solid #0a7e45;\" title=\"\">\n        <\/div>\n        \n        <!-- Text Content (Right on Desktop) -->\n        <div class=\"cta-content\" style=\"flex: 1;\">\n          <h3 style=\"color: #0a7e45; font-size: 22px; margin-top: 0; margin-bottom: 12px; font-weight: 600;\">Custom French Doors Tailored to Your Space<\/h3>\n          \n          <p style=\"color: #444; margin-bottom: 16px; line-height: 1.5;\">\n            Get the perfect French doors designed specifically for your project. Customize every detail:\n          <\/p>\n          \n          <!-- Feature Points -->\n          <div style=\"display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;\">\n            <!-- At 768px+ these will be in a row -->\n            <style>\n              @media (min-width: 768px) {\n                .feature-points {\n                  justify-content: flex-start !important;\n                }\n              }\n            <\/style>\n            \n            <div class=\"feature-points\" style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 20px;\">\n              <div style=\"display: flex; align-items: center; background: rgba(10,126,69,0.1); padding: 6px 12px; border-radius: 30px;\">\n                <span style=\"color: #0a7e45; font-weight: bold; margin-right: 5px;\">\u2713<\/span>\n                <span style=\"color: #333; font-size: 14px;\">Any Style<\/span>\n              <\/div>\n              \n              <div style=\"display: flex; align-items: center; background: rgba(10,126,69,0.1); padding: 6px 12px; border-radius: 30px;\">\n                <span style=\"color: #0a7e45; font-weight: bold; margin-right: 5px;\">\u2713<\/span>\n                <span style=\"color: #333; font-size: 14px;\">Custom Sizes<\/span>\n              <\/div>\n              \n              <div style=\"display: flex; align-items: center; background: rgba(10,126,69,0.1); padding: 6px 12px; border-radius: 30px;\">\n                <span style=\"color: #0a7e45; font-weight: bold; margin-right: 5px;\">\u2713<\/span>\n                <span style=\"color: #333; font-size: 14px;\">Any Color<\/span>\n              <\/div>\n              \n              <div style=\"display: flex; align-items: center; background: rgba(10,126,69,0.1); padding: 6px 12px; border-radius: 30px;\">\n                <span style=\"color: #0a7e45; font-weight: bold; margin-right: 5px;\">\u2713<\/span>\n                <span style=\"color: #333; font-size: 14px;\">Material Options<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- CTA Button -->\n          <a href=\"https:\/\/hotianwindows.com\/steel-french-doors\/\" \n             style=\"display: inline-block; background-color: #0a7e45; color: white; font-weight: 600; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-size: 16px; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(10,126,69,0.3);\">\n            Explore Our French Door Collection\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Measure for French Doors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It is very important to measure correctly for <strong>French doors<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tools Needed<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tape measure<\/strong>: To get accurate measurements.<\/li>\n\n\n\n<li><strong>Pen and paper<\/strong>: To write down measurements.<\/li>\n\n\n\n<li><strong>Sketch<\/strong>: To draw the door opening.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Steps to Measure<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Measure the width<\/strong>: Measure across the top, middle, and bottom of the door opening. Use the smallest measurement.<\/li>\n\n\n\n<li><strong>Measure the height<\/strong>: Measure from the floor to the top of the door frame on the left and right sides. Use the largest measurement.<\/li>\n\n\n\n<li><strong>Measure the depth<\/strong>: Measure how deep the door frame is. This is important for fitting double doors.<\/li>\n\n\n\n<li><strong>Double-check<\/strong>: Make sure to measure twice.<\/li>\n\n\n\n<li><strong>Record measurements<\/strong>: Write down all the measurements.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Important Tips<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Measure the opening<\/strong>: Do not measure the old door or frame.<\/li>\n\n\n\n<li><strong>Use the smallest width<\/strong>: If the width is different at the top, middle, and bottom, use the smallest width.<\/li>\n\n\n\n<li><strong>Use the largest height<\/strong>: If the height is different on the left and right, use the largest height.<\/li>\n\n\n\n<li><strong>Get help<\/strong>: Ask someone to help hold the tape measure.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Rough Opening<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>rough opening<\/strong> is the hole in the wall where the door will go. It is bigger than the door itself.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The rough opening should be about <strong>2 inches wider<\/strong> and <strong>2.5 inches taller<\/strong> than the door size.<\/li>\n\n\n\n<li>For example, for a 60-inch wide and 80-inch tall door, the rough opening should be about 62 inches wide and 82.5 inches tall.<\/li>\n\n\n\n<li>This extra space is needed to fit the door frame and hardware.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Things to Think About When Choosing a Size<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Room size:<\/strong> Larger rooms can fit bigger doors. Smaller rooms may need smaller doors.<\/li>\n\n\n\n<li><strong>Traffic flow:<\/strong> Doors should not block pathways. They should open in a way that is easy to walk through.<\/li>\n\n\n\n<li><strong>Furniture placement<\/strong>: Make sure furniture does not get in the way when opening the doors.<\/li>\n\n\n\n<li><strong>Lighting:<\/strong> Larger doors let in more light.<\/li>\n\n\n\n<li><strong>Privacy:<\/strong> Smaller doors provide more privacy.<\/li>\n\n\n\n<li><strong>Door swing<\/strong>: Decide if the doors should open inward or outward.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Materials for French Doors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>French doors<\/strong> are made of different materials. Each has different benefits.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Common Materials<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Wood<\/strong>: Looks classic but needs regular upkeep.\n<ul class=\"wp-block-list\">\n<li>Popular wood types include oak, cedar, mahogany, and pine.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>uPVC<\/strong>: Durable, low-maintenance, and affordable.<\/li>\n\n\n\n<li><strong>Aluminum<\/strong>: Lightweight, strong, and resistant to weather.<\/li>\n\n\n\n<li><strong>Fiberglass<\/strong>: Very strong and energy efficient.<\/li>\n\n\n\n<li><strong>Composite<\/strong>: A mix of materials such as glass polymers, UPVC, and timber cores.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Material Factors<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Durability:<\/strong> How well it can withstand wear and tear.<\/li>\n\n\n\n<li><strong>Maintenance:<\/strong> How much upkeep is needed.<\/li>\n\n\n\n<li><strong>Cost:<\/strong> The price of the material.<\/li>\n\n\n\n<li><strong>Style:<\/strong> The look and feel of the material.<\/li>\n\n\n\n<li><strong>Energy Efficiency<\/strong>: How well it keeps heat and cold out.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>French Door Styles<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are many <strong>French door styles<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Common Styles<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Traditional<\/strong>: Classic look with wood frames and glass panels.<\/li>\n\n\n\n<li><strong>Modern<\/strong>: Sleek designs with simple lines.<\/li>\n\n\n\n<li><strong>Sliding<\/strong>: Doors that slide open instead of swinging.<\/li>\n\n\n\n<li><strong>Folding<\/strong>: Doors that fold to the side.<\/li>\n\n\n\n<li><strong>Tilt and turn<\/strong>: Doors that can tilt open for air or swing open.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Opening Options<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Inward-swing<\/strong>: Doors open into the room.<\/li>\n\n\n\n<li><strong>Outward-swing<\/strong>: Doors open out of the room.<\/li>\n\n\n\n<li><strong>Sliding<\/strong>: Doors slide along a track.<\/li>\n\n\n\n<li><strong>Folding<\/strong>: Doors fold up to open.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Building Regulations<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When installing <strong>French doors<\/strong>, follow the building rules.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Important Rules<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Energy efficiency<\/strong>: Make sure the doors keep heat in and cold out.<\/li>\n\n\n\n<li><strong>Ventilation<\/strong>: Make sure there is enough airflow.<\/li>\n\n\n\n<li><strong>Fire safety<\/strong>: Make sure there is a way to get out in case of fire.<\/li>\n\n\n\n<li><strong>Glass safety<\/strong>: Use safety glass for added safety.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Where to Find Rules<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check the official government website for building rules.<\/li>\n\n\n\n<li>Contact your local building department.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Installation<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fitting <strong>French doors<\/strong> can be tricky. It is a good idea to get help from a pro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>DIY or Professional Install<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>DIY<\/strong>: Doing it yourself can save money, but is harder.<\/li>\n\n\n\n<li><strong>Professional<\/strong>: A pro ensures the job is done right.<\/li>\n\n\n\n<li>The cost of professional installation is around \u00a3400-\u00a3500.<\/li>\n\n\n\n<li>If you are not comfortable doing it yourself, get a professional.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Installation Steps<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Remove old door and frame<\/strong>: Take out the old door and frame using a hammer and pry bar.<\/li>\n\n\n\n<li><strong>Check opening<\/strong>: Make sure the opening is square.<\/li>\n\n\n\n<li><strong>Prepare the Opening<\/strong>: The opening should be level. Sanding may be required.<\/li>\n\n\n\n<li><strong>Install frame<\/strong>: Put the new frame in the opening using shims to make sure it is level and straight.<\/li>\n\n\n\n<li><strong>Install doors<\/strong>: Put the doors in the frame and make sure they fit and swing smoothly.<\/li>\n\n\n\n<li><strong>Seal gaps<\/strong>: Fill any gaps with caulk or weather stripping.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Visit our comprehensive <a href=\"https:\/\/hotianwindows.com\/how-to-install-french-doors\/\" target=\"_blank\" data-type=\"post\" data-id=\"7910\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">French door installation guide<\/mark><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cost of French Doors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The cost of <strong>French doors<\/strong> varies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cost Factors<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Material<\/strong>: The type of material impacts the cost.<\/li>\n\n\n\n<li><strong>Size<\/strong>: Bigger doors cost more.<\/li>\n\n\n\n<li><strong>Design<\/strong>: Custom designs are more expensive.<\/li>\n\n\n\n<li><strong>Installation<\/strong>: Professional installation costs extra.<\/li>\n\n\n\n<li>French doors can range from $300 to $5,000 per unit. Installation can add $300 to $1,000 to the total cost.<\/li>\n\n\n\n<li>The average cost of <strong>French doors<\/strong> with professional installation is between \u00a31,500 and \u00a32,000.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Check the fully <a href=\"https:\/\/hotianwindows.com\/french-door-costs\/\" target=\"_blank\" data-type=\"post\" data-id=\"7808\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">French door cost<\/mark><\/a> guide here.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Troubleshooting<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There may be problems with <strong>French doors<\/strong> from time to time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Common Issues<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Leaks<\/strong>: Check for gaps and seal them.<\/li>\n\n\n\n<li><strong>Sticking<\/strong>: Adjust hinges and make sure the door is aligned properly.<\/li>\n\n\n\n<li><strong>Gaps<\/strong>: Seal gaps with caulk or weather stripping.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Useful Resources<\/strong>: <a href=\"https:\/\/hotianwindows.com\/adjust-french-doors\/\" target=\"_blank\" data-type=\"post\" data-id=\"8177\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">Adjust French door<\/mark><\/a>, <a href=\"https:\/\/hotianwindows.com\/seal-weatherproof-french-doors\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">French door sealing<\/mark><\/a>, and <a href=\"https:\/\/hotianwindows.com\/french-door-repair-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">French door fix guide<\/mark><\/a>.<\/p>\n\n\n\n<style>\n  .cta-accent-yellow-v3 {\n    background-color: #253037;\n    border-radius: 6px;\n    padding: 18px 25px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 2em 0;\n    gap: 20px;\n  }\n  .cta-accent-yellow-v3 p {\n    margin: 0;\n    padding: 0;\n    color: #F0F3F1;\n  }\n  .cta-accent-yellow-v3 a {\n    background-color: #F0C13D;\n    color: #212529;\n    text-decoration: none;\n    padding: 10px 22px;\n    border-radius: 5px;\n    font-weight: bold;\n    white-space: nowrap;\n    transition: all 0.2s ease;\n    text-align: center; \/* \u8ba9\u6309\u94ae\u6587\u5b57\u5c45\u4e2d *\/\n    min-width: 120px; \/* \u6700\u7ec8\u4f18\u5316\uff1a\u8bbe\u5b9a\u6309\u94ae\u6700\u5c0f\u5bbd\u5ea6\uff0c\u8ba9\u5b83\u66f4\u8212\u5c55 *\/\n  }\n  .cta-accent-yellow-v3 a:hover {\n    transform: translateY(-2px);\n    filter: brightness(1.1);\n  }\n  @media (max-width: 600px) {\n    .cta-accent-yellow-v3 {\n      flex-direction: column;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<div class=\"cta-accent-yellow-v3\">\n  <p>\n    Your home, your look. Customize French doors built to your exact specs.\n  <\/p>\n  <a href=\"https:\/\/hotianwindows.com\/steel-french-doors\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Customize Now\n  <\/a>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing the right <strong><a href=\"https:\/\/hotianwindows.com\/french-door-size\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#27be40\" class=\"has-inline-color\">French door size<\/mark><\/a><\/strong> is very important. This guide should help you select a door that fits your needs and style.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Points to Remember:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Standard sizes<\/strong> are common, but <strong>custom<\/strong> is an option.<\/li>\n\n\n\n<li><strong>Measure<\/strong> accurately and double-check.<\/li>\n\n\n\n<li>Think about <strong>room size<\/strong>, <strong>traffic<\/strong>, <strong>lighting<\/strong>, and <strong>privacy<\/strong> when choosing your doors.<\/li>\n\n\n\n<li><strong>Follow all building codes<\/strong>.<\/li>\n\n\n\n<li>Consider different <strong>materials<\/strong> and <strong>styles<\/strong>.<\/li>\n\n\n\n<li>Decide if you will install the door yourself or hire a <strong>professional<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">By considering these points, you can choose the <strong>perfect French doors<\/strong> for your home.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>French doors are a popular choice for homes. They let in lots of light and make a room feel open. They can be used inside or outside. This guide will help you understand the common sizes for French doors. What Are French Doors? French doors are doors that have glass panes in them. They often [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16960,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-4767","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-doors-windows"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/posts\/4767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/comments?post=4767"}],"version-history":[{"count":0,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/posts\/4767\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/media\/16960"}],"wp:attachment":[{"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/media?parent=4767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/categories?post=4767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotianwindows.com\/pt\/wp-json\/wp\/v2\/tags?post=4767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}