{"id":37007,"date":"2024-12-16T04:49:18","date_gmt":"2024-12-16T04:49:18","guid":{"rendered":"https:\/\/www.wpstaq.com\/?post_type=knowledgebase&p=37007"},"modified":"2025-05-11T10:47:53","modified_gmt":"2025-05-11T10:47:53","slug":"how-to-serve-static-html-files-alongside-your-wordpress-site","status":"publish","type":"knowledgebase","link":"https:\/\/www.wpstaq.com\/nz\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/","title":{"rendered":"How to Serve Static HTML Files Alongside Your WordPress Site"},"content":{"rendered":"

Introduction<\/h2>\n

While Staq specializes in managed hosting for WordPress, there are scenarios where you may want to host a static HTML file outside of WordPress, accessible on the same domain. For example, you may have a custom page like \/free-quote<\/code> that needs to load a static index.html<\/code> file.<\/p>\n

This guide explains how to configure your site to serve static HTML files and ensure they load correctly via user-friendly URLs.<\/p>\n

Static HTML File Setup<\/h2>\n

Step 1: Upload Your Static HTML File<\/h3>\n
    \n
  1. Access your site via sFTP<\/strong>. View this guide on how to access sFTP on Staq<\/a>.<\/li>\n
  2. Navigate to the root directory<\/strong> of your website by clicking on the wordpress<\/code> folder in your sFTP client.<\/li>\n
  3. Create a new folder for your static page. For example, name the folder free-quote<\/code>.<\/li>\n<\/ol>\n

    \"WordPress<\/p>\n

      \n
    1. Inside the free-quote<\/code> folder, upload your static HTML file. For example, name the file index.html<\/code>.<\/li>\n<\/ol>\n

      \"Index<\/p>\n

      \n

      Step 2: Test the Page<\/h3>\n

      To access the static page, you\u2019ll need to visit the full server path:
      \nhttps:\/\/example.com\/free-quote\/index.html<\/code> which should work if you’ve set up the folder path correctly.<\/p>\n

      If you try to access https:\/\/example.com\/free-quote\/<\/code> directly, it will return a 403 Forbidden error<\/strong>, as the server requires the full path to locate the file.<\/p>\n

      \"403<\/p>\n

      \n

      Step 3: Configure a Redirect for Clean URLs<\/h3>\n

      To serve the static HTML file under a clean URL like https:\/\/example.com\/free-quote\/<\/code>:<\/p>\n

        \n
      1. Log in to your Staq Panel<\/strong>.<\/li>\n
      2. Navigate to the Redirects<\/strong> section.<\/li>\n
      3. Add a redirect rule as follows:\n
          \n
        • From:<\/strong> \/free-quote\/<\/code><\/li>\n
        • To:<\/strong> \/free-quote\/index.html<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

          \"Edit<\/p>\n

            \n
          1. Click Edit<\/strong> to confirm the settings.<\/li>\n
          2. Click Save<\/strong> to apply the redirect.<\/li>\n<\/ol>\n

            \"Save<\/p>\n

            Step 4: Test the Redirect<\/h3>\n

            Visit https:\/\/example.com\/free-quote\/<\/code> to ensure it redirects correctly to your static HTML file.<\/p>\n

            Conclusion<\/h2>\n

            By creating a redirect in the Staq Panel, you can easily serve static HTML files under clean URLs without modifying your WordPress setup. If you encounter any issues, feel free to contact Staq support for assistance.<\/p>\n","protected":false},"featured_media":0,"parent":0,"template":"","class_list":["post-37007","knowledgebase","type-knowledgebase","status-publish","hentry","categories-redirects","categories-static-html-hosting"],"acf":[],"yoast_head":"\nHow to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress<\/title>\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.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress\" \/>\n<meta property=\"og:description\" content=\"Introduction While Staq specializes in managed hosting for WordPress, there are scenarios where you may want to host a static HTML file outside of WordPress, accessible on the same domain. For example, you may have a custom page like \/free-quote that needs to load a static index.html file. This guide explains how to configure your…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Managed Hosting Platform for WordPress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/staqhosting\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-11T10:47:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2024\/12\/wordpress-root-directory.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/\",\"name\":\"How to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wordpress-root-directory.png\",\"datePublished\":\"2024-12-16T04:49:18+00:00\",\"dateModified\":\"2025-05-11T10:47:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/#breadcrumb\"},\"inLanguage\":\"en-nz\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-nz\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wordpress-root-directory.png\",\"contentUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wordpress-root-directory.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/knowledgebase\\\/how-to-serve-static-html-files-alongside-your-wordpress-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.wpstaq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Serve Static HTML Files Alongside Your WordPress Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#website\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/\",\"name\":\"Managed Hosting Platform for WordPress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wpstaq.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-nz\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#organization\",\"name\":\"Staq\",\"alternateName\":\"WPStaq\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-nz\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/cropped-LogoNoText.png\",\"contentUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/cropped-LogoNoText.png\",\"width\":512,\"height\":512,\"caption\":\"Staq\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/staqhosting\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wpstaq\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress","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.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/","og_locale":"en_US","og_type":"article","og_title":"How to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress","og_description":"Introduction While Staq specializes in managed hosting for WordPress, there are scenarios where you may want to host a static HTML file outside of WordPress, accessible on the same domain. For example, you may have a custom page like \/free-quote that needs to load a static index.html file. This guide explains how to configure your…","og_url":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/","og_site_name":"Managed Hosting Platform for WordPress","article_publisher":"https:\/\/www.facebook.com\/staqhosting\/","article_modified_time":"2025-05-11T10:47:53+00:00","og_image":[{"url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2024\/12\/wordpress-root-directory.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/","url":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/","name":"How to Serve Static HTML Files Alongside Your WordPress Site - Managed Hosting Platform for WordPress","isPartOf":{"@id":"https:\/\/www.wpstaq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/#primaryimage"},"image":{"@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2024\/12\/wordpress-root-directory.png","datePublished":"2024-12-16T04:49:18+00:00","dateModified":"2025-05-11T10:47:53+00:00","breadcrumb":{"@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/#breadcrumb"},"inLanguage":"en-nz","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-nz","@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/#primaryimage","url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2024\/12\/wordpress-root-directory.png","contentUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2024\/12\/wordpress-root-directory.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.wpstaq.com\/knowledgebase\/how-to-serve-static-html-files-alongside-your-wordpress-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.wpstaq.com\/"},{"@type":"ListItem","position":2,"name":"How to Serve Static HTML Files Alongside Your WordPress Site"}]},{"@type":"WebSite","@id":"https:\/\/www.wpstaq.com\/#website","url":"https:\/\/www.wpstaq.com\/","name":"Managed Hosting Platform for WordPress","description":"","publisher":{"@id":"https:\/\/www.wpstaq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wpstaq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-nz"},{"@type":"Organization","@id":"https:\/\/www.wpstaq.com\/#organization","name":"Staq","alternateName":"WPStaq","url":"https:\/\/www.wpstaq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-nz","@id":"https:\/\/www.wpstaq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/05\/cropped-LogoNoText.png","contentUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/05\/cropped-LogoNoText.png","width":512,"height":512,"caption":"Staq"},"image":{"@id":"https:\/\/www.wpstaq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/staqhosting\/","https:\/\/www.linkedin.com\/company\/wpstaq"]}]}},"_links":{"self":[{"href":"https:\/\/www.wpstaq.com\/nz\/wp-json\/wp\/v2\/knowledgebase\/37007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpstaq.com\/nz\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/www.wpstaq.com\/nz\/wp-json\/wp\/v2\/types\/knowledgebase"}],"wp:attachment":[{"href":"https:\/\/www.wpstaq.com\/nz\/wp-json\/wp\/v2\/media?parent=37007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}