In the web hosting industry, there are many web hosts offering website builders. GoDaddy, as one of the biggest domain registrar, also offers easy to use website builders, helping customers create website without any knowledge of coding. By using drag-and-drop editor, they can create and adjust page layouts effortlessly.
However, the simple website builder at GoDaddy is also limited lie many others. Customers will find that they need the flexibility from CMS, such as WordPress, and then look for ways to transfer their websites. Nevertheless, they have one tough problem that website builders usually use diverse libraries which cannot be transferred to other media all the time.
This is also the question that we will solve in this post below. We are going to show you how to move your website from GoDaddy to WordPress step by step.
We have already built a website by utilizing GoDaddy Website Builder. Within this business plan, we chose the business theme which is for web development. Besides, we chose the theme, which is a portfolio including 4 pages and 1 portfolio on our homepage.
Step One – Get Ready
Before starting this process, you need collect some information related to your site, which includes font styles, permalinks, menu structure, colors, page layouts, and links. You have to recreate those information on your WordPress site. To make it more convenient, you would better create a file, so that you can easily copy and then paste every link from it.
To get fonts and colours’ information, you can utilize Font Styles. Simply pasting URL into it, all fonts and colours you used on GoDaddy website pages will be listed on it. This is one easy way, while we have another option. You can use screen captures and paste them in Paint.NET. After that, you can figure out your preferable colors you need from the hex codes via an eye dropper.
Step Two – Set up New WordPress Site
Now you get the fonts and colors’ information, you need to create all posts and pages to transfer content into. There are two options: one is to recreate the layout; the other is to use default layouts within WordPress. Here in this post we choose to recreate the layouts.
You can create the site on your server and move it once it is ready, or you can transfer your domain to your live host, then build the website when it is live. If you are building the website live, I recommend you to use a plugin of maintenance mode.
The theme we select for our GoDaddy website includes 4 interesting pages, which are Home, Services, About, and Contact. The page of Home is more interesting; the page of About can be easily created by utlizing text modules; the pages of Contact and Services are standard, so Divi modules can recreate the two pages without much many changes.
Homepage contains a portfolio, buttons, and blurbs. We will use the drag & drop editor to create the layout. We are using Divi as well as Divi Builder. The other systems can also work as including the themes with drag & drop page blocks and drag & drop plugins.
We create new pages on WordPress and choose Divi PageBuilder. We select Fullwidth Grid while we add all features that we need. We will try to make good use of Divi, so we may not keep every detail reaming the same.
Styles & Adjustments
After you get the detailed information about your styles and fonts, you can use Theme Customizer in Divi for adjustments, or you can adjust all sections, rows and modules independently. We add colors for each section’s background as they need as the following picture:
Portfolio module settings need adjustments as well. Some portfolio modules need padding, which requires experiments for the best suitable amounts.
In WordPress, we use the default fonts in Divi for the main text and use other elegant fonts for title page, rather than the fonts used at GoDaddy’s WebsiteBuilder. The font we decide to use in WordPress website is named Yesterday in the style grabber.
Each blurb includes a large header, a black icon, one separate text and ‘More” in the later of the text. We add the built-in icons in Divi and then adjust the size. We find GoDaddy’s icons are not specialized to website design. Therefore, we have to use some similar icons to replace GoDaddy’s, instead of adjusting them to match.
We decide to place all buttons in their right row, which can ensure each button to line up with their own blurbs. If you place them under the text, these buttons may not line up with their own blurbs.
Step Three – Transfer Your Content
It will be a complex task. Why? The content on your GoDaddy website massive; to transfer it, you must experience a painful process. So, we want to introduce some easy-to-use plugins or services to simplify it. However, we cannot find any simple way to resolve it. You have to go back to the traditional way: copy & paste. It is manned, and one page one time.
We suggest you store your old GoDaddy pages on hard drives, because you can simply copy the text files on your live website. Remember that you need to copy the content from the saved as well as stored files, which can make sure that you get the valuable content easily even after you disable the GoDaddy website.
To make it, we have two ways for you. One is to right click as well as save the page as one whole webpage; the other is to use an application like HTTrack to download all pages on your personal computer.
Besides, sometimes even though you have used an app or save all pages to hard drives, you may still have to copy the images and paste them from your live website when you write new posts. GoDaddy WebsiteBuilder save files and templates within different servers, which make difficult for you to download the images on your live website along with the rest files.
If you place a WebsiteBuilder site on your normal GoDaddy web hosting plan while you are going to use it for your new WordPress site, you need to disable that WebsiteBuilder site at first and then you will lose the access to all content on that website.
Here is a picture showing the state that we copy & paste our GoDaddy WebsiteBuilder site’s content. Each time can copy one component:
Next, paste your content into modules. Here you may need to use Advanced Design Settings to add padding for designing the column and the width that you really need and make the right space between components.
You need to copy & paste all content to your new WordPress website. Besides, you need to copy & paste images and other media on your live website, but you should copy your images, not GoDaddy’s templates. It is a time-consuming work, but considering the flexibility you get from WordPress, you will know it is worthwhile to do.
Step Four – Menus
After creating pages, the next is to create menu system, by using WordPress menu customizer. It is located under Appearance in your dashboard. Select right pages you and drag & drop them in the right locations. Note that set the menu as your primary menu.
Besides, you can also adjust your menu links’ colors in Theme Customizer and select Primary Menu Bar, Header & Navigation, and paste them into the text colours. The menu height can be adjusted to match your GoDaddy website.
Step Five – Set up Permalinks and Redirects
Now it’s time for you to make your links match the old GoDaddy website, so that all your links on this WordPress website can still work successfully and you will not lose any traffic or SEO.
Before you transfer your domain, you need to understand if you have it, because it decides if you can forward your domain. It is simple. If your domain is free and included in GoDaddy WebsiteBuilder package, it means GodDaddy is your domain’s owner and you cannot forward the domain until you have purchased it for 1 year.
In contrast, if your domain is purchased separately, you can transfer it by utilizing the forwarding service, which sometimes includes 301 redirects, or you may need a plugin to finish this step.
To make your GoDaddy website’s link structure match with WordPress website’ link structure, you need to find Settings in dashboard and choose the option of Permalinks; and then find the Post Name under the Common Settings. After completing this process, the link structure of WordPress website will match GoDaddy website’s link structure. Now the permalinks are set well.
The next is to redirect .html links. At present, the link structure of your WordPress website does not include .html in the end. Well, there is a simple method to make it with the a redirect plugin. When you set up well, the redirects can let search engines know that requested URL is moved to the new URL, keeping your authority intact and SEO.
After setting up permalinks and redirects, you should crest 404 pages just in case that your redirects might go wrong. The 404 pages will make sure your visitors can learn that the page goes wrong and the 404 pages can lead your visitors around your website.
Step Six – Go Live
Completing above five steps, your new WordPress website is created well. Now you need to test your links on this website before you decide to go live. Once you check out everything goes right and then you can disable the maintenance mode. Remember that you need to learn from visitors’ feedback and always check out 404 errors. Therefore, you can adjust in time.
To find out more information about WordPress, please check out WordPress Guide.