{"id":55829,"date":"2025-07-07T19:14:34","date_gmt":"2025-07-08T01:14:34","guid":{"rendered":"https:\/\/jgmleonard.com\/lawyer\/?page_id=55829"},"modified":"2025-07-07T20:34:49","modified_gmt":"2025-07-08T02:34:49","slug":"html","status":"publish","type":"page","link":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/","title":{"rendered":"How to convert an HTML custom website to WordPress with Elementor"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

How to convert an HTML custom website to WordPress with Elementor<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Many website owners choose HTML for their first website because it was the way websites were always build years ago. WordPress was still very hard to use and there were no drag and drop web builders like Elementor to make things easier.<\/p>

With the passage of time, many website owners begin to realize that custom built HTML has limitations that affect their website growth. Moreover, it is quite expensive to rely on a web developer for every little change. So they decide that they want to move to something more powerful and flexible.<\/p>

For many, WordPress is the obvious choice for their next website platform.<\/p>

This article will walk you through what you need to consider before moving your site. It will explore your options for getting your site onto WordPress, and provide you with a step-by-step approach to get it done.<\/p>

What You Need to Consider Before Moving from HTML<\/b><\/strong><\/p>

How are you going to maintain your website, now that you will no longer rely on a web developer for everything?<\/p>

With WordPress there is the WordPress Editor or the newer Gutenberg Editor.<\/p>

While good, they are still difficult to work with. I suggest that you consider a visual drag and drop web builder called Elementor<\/u><\/a>.<\/p>

The Elementor visual web builder is good replacement for the WordPress editors, because you will have these features:<\/p>

Elementor will allow you to maintain your website without know any code.<\/p>

Themes<\/strong>. With Elementor you can use any theme that you want. Or ignore complete the restirtictions of a theme and design any look and feel that you want as Elementor can start with a blank canvas. There is no real way to move the theme from HTML, so as to get the same look and feel<\/p>

Functionality<\/strong>. With WordPress there are over 50,000 free plugins<\/u><\/a>\u00a0available for such things as event calendars, booking systems, hotel reservations, image sliders, user registrations, SEO etc. – many more than HTML.<\/p>

Migration\u00a0Steps<\/b><\/strong><\/h1>

Here are the steps involved in moving a website from HTML to WordPress. As you know HTML does not offer a simple way to simply get all your content and images in a single backup file.<\/p>

Stating server<\/h1>

I will set up WordPress on a staging server so that there is no interruption to visitors of your current website.<\/p>

Domain name<\/h2>

You will be able to keep the same domain name. And I will use the same URLs on the staging server.<\/p>

Purchase Hosting<\/h2>

As I mentioned above, in order to move from HTML, you will probably need to get new hosting. WordPress hosting is widely available, I suggest Hostgator or InMotion as they have excellent support and low prices.<\/p>

Install WordPress your new host<\/h2>

After you have hosting and the staging server is done, I can move the files from the staging server to your new hosting sever and point your URLs so that your visitors will now see your new WordPress pages.<\/p>

Design<\/h2>

Every attempt will be made to keep the same look and feel as your HTML website using the same colors, and fonts.<\/p>

Build HEADER AND FOOTER<\/h2>

A new header will need to be built using WordPress\u2019 menu system. Also a new footer will need to be made.<\/p>

Build pages<\/h2>

Next I need to duplicate the same pages in WordPress.<\/p>

Copy and paste content<\/h2>

The simplest way to migrate your site from HTML to WordPress is for me to manually copy content from HTML and paste it into the WordPress site, just like using a word processor.<\/p>

The advantage of doing the page by page is that I can make sure every single piece of content is copied to the new WordPress site.<\/p>

The obvious disadvantage of this method is that it is tedious and time-consuming, especially if you have a lot of posts and pages on your website<\/p>

Images<\/h2>

I will use the same images as found on the HTML website or you can supply me with other images or I can use royalty free stock image. Also I will need to optimize these images for fast loading.<\/p>

Testing website<\/h2>

Once the pages have all been built, I will need to test them on various browsers like Chrome, IE, Firefox, and be sure they are mobile responsive on tablets, smartphones, and iPhones as well as on desktops.<\/p>

Domain change<\/h2>

Once everything checks out, I will need to change the domain to point to your new hosting website. At this point you can cancel your HTML account.<\/p>

Special issues<\/h2>

Your new WordPress website cannot be pixel perfect due to the difference between HTML\u2019s layout and WordPress. However, the look and feel can be very close.<\/p>

For example, these items might differ.<\/p>

Navigation Menus \u2013 WordPress offers an easy to use menu system than will be used instead of the HTML system.<\/p>

Fonts \u2013 HTML might have their own proprietary fonts. WordPress uses Google fonts. Many are similar but not the same as the HTML fonts. Colors, however, can be the same as well as font size.<\/p>

Image Sliders \u2013 HTML might have custom code for their image slider. WordPress needs to use a plugin that will react differently.<\/p>

Blogs \u2013 Depending on the number of blog posts, this can greatly change the price. Most quotes are for setting up the WordPress blog system and allowing you to transfer all the posts, tags, categories, and comments. The standard WordPress blog system has a very different format than HTML.<\/p>

Ecommerce \u2013 WordPress uses WooCommerce which is very different that whatever was used for the custom HTML\u2019s proprietary system. If you have a lot of products or services for sale, then the price will vary.<\/p>

Appointments \u2013 Again WordPress offers many plugins for clients to make appointments that work differently than HTML.<\/p>

Membership and Registration \u2013 The WordPress membership plugins and membership system uses plugins too. There is a wide choice.<\/p>

General Functions \u2013 You should not expect that all the HTML proprietary functions or special coding will work in WordPress.<\/p>

Conclusion<\/h1>

While HTML may have suited you when you first launched your website, it may no longer have everything you need for your growing business. In checking out the alternatives for your website, you likely considered moving to WordPress.<\/p>

HTML does not offer a simple backup and transfer to another platform like WordPress. But with a little planning and following these instructions, you can have your site moved from HTML to WordPress in no time.<\/p>

While the task is not difficult, it does take quite a bit of time to get done.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRead my resume<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

SERVICES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Web design<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Web Redesign<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Web Problem Solving<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\tPage speed<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Search Engine Optimization\u00a0<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Maintenance<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

How to convert an HTML custom website to WordPress with Elementor Many website owners choose HTML for their first website because it was the way websites were always build years ago. WordPress was still very hard to use and there were no drag and drop web builders like Elementor to make things easier. With the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":40905,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-55829","page","type-page","status-publish","hentry"],"yoast_head":"\nHow to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard<\/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:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard\" \/>\n<meta property=\"og:description\" content=\"How to convert an HTML custom website to WordPress with Elementor Many website owners choose HTML for their first website because it was the way websites were always build years ago. WordPress was still very hard to use and there were no drag and drop web builders like Elementor to make things easier. With the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Lawyer websites by Joseph Leonard\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-08T02:34:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/html\\\/\",\"url\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/html\\\/\",\"name\":\"How to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#website\"},\"datePublished\":\"2025-07-08T01:14:34+00:00\",\"dateModified\":\"2025-07-08T02:34:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Website Migration\",\"item\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/services\\\/website-migration\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to convert an HTML custom website to WordPress with Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#website\",\"url\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/\",\"name\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/lawyer\\\/\",\"description\":\"Freelance WordPress web developer\",\"publisher\":{\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#organization\",\"name\":\"Websites for Florida Lawyers\",\"url\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/cropped-lawyer-logo-500x500-1.png\",\"contentUrl\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/cropped-lawyer-logo-500x500-1.png\",\"width\":512,\"height\":512,\"caption\":\"Websites for Florida Lawyers\"},\"image\":{\"@id\":\"https:\\\/\\\/jgmleonard.com\\\/lawyer\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard","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:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/","og_locale":"en_US","og_type":"article","og_title":"How to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard","og_description":"How to convert an HTML custom website to WordPress with Elementor Many website owners choose HTML for their first website because it was the way websites were always build years ago. WordPress was still very hard to use and there were no drag and drop web builders like Elementor to make things easier. With the […]","og_url":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/","og_site_name":"Lawyer websites by Joseph Leonard","article_modified_time":"2025-07-08T02:34:49+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/","url":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/","name":"How to convert an HTML custom website to WordPress with Elementor - Lawyer websites by Joseph Leonard","isPartOf":{"@id":"https:\/\/jgmleonard.com\/lawyer\/#website"},"datePublished":"2025-07-08T01:14:34+00:00","dateModified":"2025-07-08T02:34:49+00:00","breadcrumb":{"@id":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jgmleonard.com\/lawyer\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/jgmleonard.com\/lawyer\/services\/"},{"@type":"ListItem","position":3,"name":"Website Migration","item":"https:\/\/jgmleonard.com\/lawyer\/services\/website-migration\/"},{"@type":"ListItem","position":4,"name":"How to convert an HTML custom website to WordPress with Elementor"}]},{"@type":"WebSite","@id":"https:\/\/jgmleonard.com\/lawyer\/#website","url":"https:\/\/jgmleonard.com\/lawyer\/","name":"https:\/\/jgmleonard.com\/lawyer\/lawyer\/","description":"Freelance WordPress web developer","publisher":{"@id":"https:\/\/jgmleonard.com\/lawyer\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jgmleonard.com\/lawyer\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jgmleonard.com\/lawyer\/#organization","name":"Websites for Florida Lawyers","url":"https:\/\/jgmleonard.com\/lawyer\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jgmleonard.com\/lawyer\/#\/schema\/logo\/image\/","url":"https:\/\/jgmleonard.com\/lawyer\/wp-content\/uploads\/2025\/05\/cropped-lawyer-logo-500x500-1.png","contentUrl":"https:\/\/jgmleonard.com\/lawyer\/wp-content\/uploads\/2025\/05\/cropped-lawyer-logo-500x500-1.png","width":512,"height":512,"caption":"Websites for Florida Lawyers"},"image":{"@id":"https:\/\/jgmleonard.com\/lawyer\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"joel","author_link":"https:\/\/jgmleonard.com\/lawyer\/author\/joel\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"How to convert an HTML custom website to WordPress with Elementor Many website owners choose HTML for their first website because it was the way websites were always build years ago. WordPress was still very hard to use and there were no drag and drop web builders like Elementor to make things easier. With the…","_links":{"self":[{"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/pages\/55829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/comments?post=55829"}],"version-history":[{"count":0,"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/pages\/55829\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/pages\/40905"}],"wp:attachment":[{"href":"https:\/\/jgmleonard.com\/lawyer\/wp-json\/wp\/v2\/media?parent=55829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}