Spaceship.com WordPress Tutorial 2026 - Step by Step

Hey, I'm Caleb and today I'll show you step by step how to build your WordPress website using spaceship.com hosting. We'll start by setting up your hosting and I'll make sure you know how to get the lowest price available. Then we'll install WordPress and add a free plugin that gives us access to hundreds of professional website templates. From there, we'll customize your website's design using Elementor, a beginnerfriendly drag and drop website builder. And finally, we'll publish the site so it's live and ready to go. So, how do we get started? Well, the first step is to sign up for spaceship.com hosting. We actually reached out to spaceship.com and we're able to get an exclusive discount just for our YouTube audience. To get that discount, go to the link right here at the bottom of the screen or just scroll down the video description and click on the first link you find there. Once you go to that link, you'll be brought to this page here. And once you're here, click on pick plan. And that's going to scroll you down to the hosting plans. We'll switch from monthly to yearly pricing. That way we can increase our savings. And we'll scroll down and look at the three options we have here. Here you'll find the yearly pricing for all three of these plans. And in just a few moments, I'm going to show you our exclusive coupon code that will help you save an additional 10% off all three of these plans. Now, let's learn about all three of these plans and see what each of them offers. We have EasyWP Starter, Turbo, and Supersonic. The starter plan is great if you're just creating a simple website and you don't need a lot of resources. The Turbo plan gives you the best balance of performance and features. You'll get more storage, faster speeds, and extra tools. And the supersonic plan is built for large websites that expect a lot of traffic. Every plan does include free SSL and a free professional email inbox that's powered by space mail. All three are great options, but for this tutorial, I'll be going with the EasyWP Turbo plan. So, I'll scroll down and click on add to cart, then view cart. We'll go to the right side here. you're able to review your order. Then go down and click on checkout. To continue, we'll need to log into an existing spaceship.com account. Or if you don't have an account, you can go down and click on sign up here. Go ahead and enter your personal information. Once you filled out that information, click on next. Then we'll create a password. Then click on sign up. Then you'll have a six-digit verification code sent to your email inbox. You'll get an email like this from spaceship.com and your code here. We'll copy this code. Then we'll head back to spaceship.com and paste in the code here. With that done, I'll go down and click on verify. And now we can continue with the checkout process. Start by adding in your payment method here at the top. And you'll have a few different options to choose from. I'll be adding a credit card. So, I'll click this option. Then, I'll enter my payment information here. Then, with my payment information filled out, I'll click on save. Now, before you click on pay now, to save an additional 10%, find the add promo code option here. Click on this and you'll want to enter the code MM10. With this entered here, click on apply and that's going to save you an additional 10% off of your hosting plan. With that done, let's go down and click on pay now. We'll wait for our order to be processed here. And our order has now been processed. From here, you want to click on the unbox button and go to the bottom right to click on skip intro. Then we'll click on start. And you'll have the option to either start a new easywp account or migrate an existing WordPress website. We'll be creating a new website, so I'll go with this option here. Go to the bottom right and click on continue. Then we want to add a domain. Click on add domain. And here you can choose to search for an existing domain that you already own or search for a new one. I'll search for medixdiawptutorial.com. And as you can see, that domain is available. So I'll go to the right side here and click on buy. And before we can purchase this domain, we'll need to enter our information. So, click on edit. Then, we'll need to select who it's being registered to. And your personal information should already be saved here. I'll select my personal information and then apply. You can review your options here at the top. I'm happy with all the default settings, so I'll go down to proceed to checkout. Then, click on pay now. And once the order has been processed, we'll see our new domain appear here. It's automatically selected for us. So, let's go to the bottom right and click on continue. Next, we can choose if we want to connect a CDN. This will increase your website's loading speeds and improve your security. And it's free for the first year. So, I'll click apply here, and you'll see it's connected to my EasyWP Turbo plan down here. I'll go to the bottom right and click on continue. Next, we can choose we want a professional email. This is again free for the first year. So, I'll click apply. And that professional email will be connected to my domain. I'll go down and click on continue again. And here we'll select our SSL. You'll see two options here. You'll have free SSL and positive SSL. Both of these options will make sure that visitors can visit your website securely. For increased security, I would recommend going with positive SSL. And once again, this is free for the first year with your hosting plan. So, I'll go down and click on apply and continue. On this final screen here, you're able to review everything. I'm happy with my choices, so I'll go down again and click on connect. It's going to connect all of these products to our domain and hosting plan. So, we'll give this a few seconds to load. Nice. Now, everything has been connected to our plan and domain. From here, go to the bottom right and click on configure products. Here's where you're able to configure your professional email inbox. For this video, I'm going to go ahead and skip this for now. So, I'll go to the bottom right and click on skip step. And here, we'll want to select create a new website. So, I'll select this. And if you have an existing or deleted website, you can choose this option here. With create a new website selected, I'll go to the bottom right and click on continue. Now, let's configure our website. I'll name my website WordPress tutorial. Here you can change your admin username and password. I'll just leave this as default for now. Scrolling down, we can choose what our website will be used for. You can choose an option here if you'd like to. With that done, go to the bottom right and click on configure products. And with that done, we have now unboxed our spaceship.com plan. To continue, let's go to the bottom right and click on I'm done. Then go up and find your domain here and go to the right side of it and click on WordPress. And we've now arrived to our main WordPress dashboard. You'll notice immediately that there is just a lot on the screen here. Let's start by removing some of this clutter. Go to the top right and find your screen options and we'll uncheck everything here. And don't worry, you can add back in all of these screen elements later on if you need to. And the next thing you'll notice is that you may have a WordPress update available. If you see this popup here, click on please update now. Then go down here to find the update button. This version number may be slightly different depending on when you're watching this video. So I'll click on update here. And now we have the latest version of WordPress. The next thing we want to do is install our website's theme. The theme is what controls our website's layout, design, and the overall look and feel of the website. To install a new theme to your website, go to the lefth hand side here and click on the appearance tab. Then go down and click on add theme. And the theme we'll be using in this video and the theme I recommend to most beginners when using WordPress is the Astro theme. It's one of the most popular free themes for WordPress, and it works for just about every single website out there. To find it, go to the top right and click into the search here. We'll type in Astra. This is the Astra theme here. go down and click on install. Then click activate. Now we have installed and activated the Astro theme. I'll go to the top right to close out of this banner here. And the next thing we want to do is install a free plugin that'll get us access to hundreds of website templates. That way we can actually customize our website to make it look exactly how we want. To access your plugins, go back to the lefth hand side, go down and find the plugins tab. Let's click into it here. And by default, you may have some pre-installed plugins here. When I create a new website, I like to start with a nice clean slate. So, I'll begin by removing these pre-installed plugins. The first thing I'll do is click on the check box to select all of the plugins. Then I'll go to bulk actions, click on deactivate, then click apply. With our plugins deactivated, let's click on the check box again. Click into bulk actions. Then click on delete. Click on apply again. And that'll delete all of the pre-installed plugins. Now let's add a new plugin. Go to the bottom and click on add plugin. Then go back to the top right here and search for starter templates. This is the plugin we're looking for here. So click on install now. then click activate. And that's going to bring you right into the starter templates onboarding. From here, we'll want to select our page builder. To do that, go to the top right and click into this box here. And you'll see we have the WordPress block editor and Elementor. For this video, we'll be using the Elementor page builder, but in some cases, this may not appear. And if that's happening to you, let me show you how to quickly fix it. The first thing we'll do is go to the bottom and click on exit to dashboard. Then go to the lefth hand side and click into settings on this page here. Scroll all the way to the bottom and you'll see this option here. In some cases, this will be automatically ticked on and we'll want to make sure that this option is not selected. So, make sure this option here is disabled. Then go down and click on save changes. Now, let's go back to starter templates. To get there, go back up to your plugins tab and we'll click into it here. Then under starter templates, click on get started. Then once again, go back to the top right and select your page builder. And from here, you should have Elementor available. We'll click into Elementor. And now we have a gallery of different templates to choose from. These templates will give us a huge jump start on designing our website. You can scroll through the homepage here and find a template that you like, or you can use these category drop downs here at the top to find a specific template that you're looking for. You'll also notice that some templates have this premium tag. That indicates that this template is not free, but if you see any template without that premium tag, it's completely free to use. So, go ahead and find a template that you like. I'll be going with the outdoor adventure template here. So, I'll click on it to select it. And then we have some initial customization options here on the lefth hand side. First, you can upload your website logo. And if you don't have one yet, then don't worry. You can always add it later on. Next, you can choose a font pairing. You can select different fonts to see how they look. And I think I'll go with this font here. And then you can customize your color palette. I think I'll go with this option here. And once you're done making changes, click on continue. Next, you'll see this page that asks if you want any extra features. You can select anything that you want here or scroll down and click on skip this step. Then you'll see this confirmation page appear. You can choose if you want to enter your personal information. If not, just scroll down, click on I understand. Let's go. Then click on submit and build my website. Now, this is going to install everything for your website, and it can take a few moments to complete. Once it's done, you'll get this cool confetti animation here. To view your website, click on view your website. And here it is. The outdoor adventure template is fully loaded onto our website. You can see that everything here already looks really clean and professional. And this will give us a great starting point to customize our website and get it to look exactly how you want. To customize your website pages, go to the top and click on edit with Elementor. Before we start editing, let's take a look at how this page is structured. In Elementor, there are two main building blocks. You have containers and elements. Containers are the larger sections that hold everything together. And inside containers, you have elements, things like text, buttons, or images. To get a better look at what I mean, we can use the structure panel here. Click on the drop- down arrow next to the container to expand it. Do that once again. And now we can see everything that's inside of it. As you can see here, I have four elements inside of my container. And I can use the eyeball button here and click on it. And that's going to hide that element. I can turn it back on by clicking on the eyeball button again. And I can even hide the entire container. And you can also easily reorder your containers and elements simply by dragging and moving them underneath another element. To clear things up, let's go to the top right and close out of the structure panel. And if you ever need access to the structure panel again, just go to the top left and click on this icon here. Now, let's begin customizing our website. We'll begin by changing out some text. To edit text, just click directly on the text you want to change. You can then highlight the text here and then you can type and change out the text to say whatever you want it to. You can also edit the text here on the lefth hand side. And if you click into style, you have some options for how the text is going to look. You can also edit buttons in the same way. Let's click on this button here. Then on the left, we can change what the button is going to say. We'll highlight the text and I'll make it say click here. You can also change where the button will link to after a website visitor clicks on it. Let's say after somebody clicks on this button, I want them to be brought to my contact page. I can do that by highlighting the field here and typing in contact. My contact page will appear here, and I'll click on it to select it. Changing out images is also super simple. Let's scroll down to a section on our website that includes some images. And we have one right here. To change the image, let's click on it. We'll highlight the image. Click on choose image. Here you'll have the option to upload an image from your device. You can click on media library at the top. This will open all of the images that exist on your website currently. Or you can click on search images. And here you'll have access to a stock image library. For example, I can type in nature. I like this image here. So I'll click on insert. And there we go. That image has now been updated on the page. We can also add in new containers and elements to our pages very easily. To add in a new container, let's scroll up and we'll find this pink popup here. Go ahead and click on this plus icon. That's going to add in a new container. You can click on the plus icon again. And here you'll be able to choose what layout you want. I'll go ahead and select the grid. I'll choose my structure. Now, let's add in a new element. Go to the top left and click on this plus icon. And here we can see all of the different elements that we can add. We can add in text, an image, or a video. For example, I'll go ahead and drag in some text and drop it here. And later on, if you decide you don't want this container, you can easily delete it by clicking on the X icon. Now, we've looked at creating new containers and elements, but we can also create brand new pages. At the top, click on the drop down next to your current page name. In this case, it says home. We'll click into this, then go to the bottom and click on add new page. Make sure we save our progress by clicking on save and leave. And just like before, we could create a container and add in new elements from scratch. But if we click on this starter templates plugin here, we'll have access to a bunch of different pre-made page layouts. So, let's click on the starter templates plugin here, I'll find another template I like, like the planet Earth template, and then I'll use the about page. Nice. And now we have a super clean about us page. And we can edit all of the content within the page just like before. We'll also need to give this page a name. So let's go to the top and hit this gear icon here. And on the left we'll change this page to say who are we. And I'm also noticing that we have this page title here. So who are we is appearing up here at the top and then also here on the main page. To hide your page title at the top, go back to the left and go all the way to the bottom. Then click on hide title. And now that title has been removed. And the last thing we want to do is make this page public. Right now you'll see that it's set to draft. To publish it, just go to the top right and click on publish. And there we go. Our page is now live. To preview our changes, let's go back to the top right here and click on this eyeball button. And it's going to open up our website in a new tab. And we can see our brand new page. One thing you may notice is that we created this brand new who are we page, but it isn't actually appearing in our main menu navigation. Let's go ahead and fix this. Start by going to the top left and clicking on customize. Then go down and click on menus. Then we'll choose our main menu here. Let's go down and click on add items. We'll find the who are we page and we'll click on the plus icon to add it to our main menu. We can also reorder and remove pages here as well. Like for example, I don't need the about page anymore. So I'll click on the X icon next to it to remove it. And then I can take the who are we page and drag it up to the top. I'm happy with this. So I'll go to the top and click on publish. And as you can see the menu has been updated. And now that page is part of your site's navigation. Now let's take a look at how to update our header and footer. Your header is this section at the top of your website. To edit it, just simply hover over it until it highlights. Then click on the pencil icon in the top left. And this will open up your header settings. You have some options here for design on the lefth hand side. And then you have your header layout here at the bottom. You'll see it split into three different sections. And you can add in new elements to your header by clicking on the plus icon. You can also reorder the existing content within your header. You can do this simply by dragging an element and moving it into a new position. I moved my menu over to the right and you'll see that change reflect here in the header in real time. And we should also change out the logo in our header as well. Let's click on the back button. Then click into site title and logo then click on change logo. Select your logo here. Then go to the bottom right and click on select. And here, if your logo is like mine, I would recommend cropping the logo. Right now, there's a lot of negative space on the bottom and top of the logo. And that can make our header look unusually large. So, I'll take the slider at the top and bring it just above my logo. And I'll do the exact same thing for the bottom slider. Now, go back to the bottom right and click on crop image. And you'll see that my logo is now uploaded here. To change the size of your logo, go down to logo width and use the slider to make it bigger or smaller. And finally, let's learn how to update our website's footer. Start by going to the back button at the top. Click on it once again and go down and find footer. Click into this here and that's going to scroll all the way down to the bottom of your website. You'll have some options for the design of your footer here on the left. And your footer layout is basically the exact same as your header. You can reorder, add, and remove content here, simply by dragging and moving it into a new position. To finalize and publish all of the changes on my website that I've made so far, let's go back up to the top here and click on publish. Now, all of our changes have been saved. And don't forget, when you're signing up for hosting with spaceship.com, click on the first link in this video's description. And during checkout, make sure you enter the code MM10 to save an additional 10% off your hosting plan. With that said, thank you for watching this video.