Launch your Site

These tutorials will guide you through selecting a host and show you how to launch your website, increase performance and setup your site for optimal SEO.

Launching your Website

This series will walk you through choosing a website host and launching your website.

1) Choosing a Host

Review of the best current hosting options for WordPress.

2) Launching with Kinsta

A step by step guide on launching your website with Kinsta.

3) Launching with Flywheel

A step by step guide on launching your website with Flywheel.

4) Launching with Pantheon

A step by step guide on launching your website with Pantheon.

5) Marketing & Performance

Additional information on utilizing Divi with plugins such as forms, toolset and more.

Launching your Website with Kinsta.

Now that you’ve decided to host with Kinsta, the first step is to create an account. Please watch the video below which will walk you through signing up with Kinsta.

Part of this video mentions specific actions to take if you’re viewing tutorials via the LattePress App – you can ignore this bit as it doesn’t apply to you.

  • Use the button below to open up the Kinsta homepage.
  • Click on “Plans” in the main menu.
  • Select the plan you’d like to purchase, most likely the “Starter” plan if this is your first website, and click on the “Choose” button.
  • Fill out your information such as name, e-mail address and password, then enter in your billing information when asked.
  • After purchasing your plan, you’ll be brought to your Kinsta Dashboard, once there you’re ready to move on to the next tutorial.

Don’t worry about setting up a site within Kinsta, we’ll do that next.

Creating a Staging site with Kinsta

Now that your account has been created, we want to setup our initial staging site we’ll use to build our site. Watch the video below to review creating a staging site with Kinsta.

  • Within the Kinsta Dashboard, click on the “Add Site” button.
  • Select a location, the location should be as close to your target market as possible, or if not applicable, the one closest to your location.
  • Enter in a name for your website, which is used to reference the site within Kinsta.
  • Select the option to “Add a brand new WordPress install” from the dropdown menu.
  • Enter in a site title and add in your administrator username and password you would like to use for the site, as well as your e-mail address.
  • Select the default language for your website.
  • Leave the plugin and multisite checkboxes unchecked.
  • Click on the “Add” button.
  • Back on your Kinsta dashboard, select “Manage”, then view the “Domains” tab to find your staging URL. Once you have your staging website opened, move on to the next tutorial.

As mentioned in the video, it’s important to use complex and unique usernames and passwords for your websites, as well as services you use around the web. If you would like to use a great program to help you remember, check out LastPass by clicking the button below.

Migrating Your Site and Data

For migrating data from your staging environment to your host we recommend the all-in-one migration plugin. This is a free plugin which makes it very easy to migrate a complete site from one WordPress install to another.

This works when moving our site to our live host – it also works for moving from one host to another if you decide to change your host later.

In the section above we setup a fresh WordPress install on Kinsta. Simply install the all-in-one migration plugin on the staging site you’ve been working on as well as the fresh install on the new location.

Next, using all-in-one, run an export on the site you want to take the data from, then run the import on the fresh installation.

Once the import is complete, follow the instructions, making sure after you log back in (when the import is complete you’ll be logged out, log back in with the admin credentials from the site you migrated from, as the default username/password you used when creating your default WP install will be overwritten), finally save your permalinks twice. The video below will show you how easy it is.

Cloning our site to our Staging Environment

If you’ve been following our guides when you setup the install on Kinsta (which we have now imported our site into) – Kinsta sets this up in your live environment. With Kinsta hosting, you have a live environment which is the version shown to users and a staging environment that you can use to make changes, test updates, etc.

Now that our site has been imported into the live environment on Kinsta we want to create a copy of it in the staging environment before we go live so we have a version of our site to work on in the future.

This is incredibly easy to do with Kinsta, just follow the steps in the guide linked below to create a staging copy of your website. We’ll talk more about how we’ll use this later on in this guide. For now, it’s enough to create it, which will make a copy of your site which will be available on its own staging URL, and will have its own section within your Kinsta panel.

Integrating our Domain with Cloudflare

Our next step is to integrate our domain with Cloudflare. Cloudflare is an amazing tool which can be utilized for free (although they do have premium plans, your average user will not have need of anything other than the free service). It is used for quick DNS changes and management, increases performance for our site, increases security and reduces the amount of bandwidth used by our site’s traffic to reduce costs. This first step can take up to 24 hours to complete, which is another handy thing about Cloudflare, once we’ve integrated our DNS management with Cloudflare, changes to our DNS will happen almost instantly.

Use the guide below to integrate your domain purchased from Gandi (or another domain registrar) with Cloudflare. When it comes to the step of updating your nameservers through your domain registrar (step 4 of the guide), refer to the second button which will show you how to do this with Gandi (follow steps 1 & 2, ignore the section on LiveDNS). Follow Kinsta’s guide on Cloudflare until step 6, the optional plugin, we aren’t going to that quite yet.

Add Primary Domain to Kinsta

Now that you’ve updated your DNS to point at Cloudflare and you’ve pointed your A record within Cloudflare to point at your Kinsta Live environment, we need to add your domain as the primary domain within your live environment. Basically, what this means is, your domain is guided from Gandi to Cloudflare, and Cloudflare is saying, this domain should point at Kinsta, but once you get to Kinsta, we need to make sure Kinsta knows what files it should show when requests to that domain are made and we do this by adding the domain in our Kinsta dashboard.

You can do this following the simple steps detailed in the guide linked below.

Note: Make sure within your Kinsta dashboard the dropdown tab is set to Live Environment as that’s where we want our domain to point. If you’re using both www and non-www versions of your domain, be sure to add both!

Add an SSL certificate to your site.

You may have to wait a bit to take this next step. After you’ve changed your Nameservers in Gandi (or your domain registrar) to point at cloudflare, it can take up to 24 hours for this to take affect. You can use a tool like Pingdom (linked below) to test what nameservers your domain is using, and what IP address it’s pointing to. Once you see this tool show your nameservers, and show your Kinsta IP address – and you can load your website by entering your domain into your browser, you’ll know you’re ready to go. Make sure when using the tool below, after entering in your domain and clicking test now, you click on the “Advanced View” tab.

Once you’re getting the proper nameservers and IP address from pingdom, and your domain loads up your live site, you’re ready to move to the next step, adding an SSL certificate to your site so we can be secure, as well as show visitors the green padlock in the URL bar which guarantees that their data and information transferred is safe and secure. First, we’ll follow the guide below to enable a Let’s Encrypt SSL certificate on our Kinsta site.

First, view the section “Option 3 – Install SSL Certificate With Cloudflare or Sucuri” as we’re utilizing Cloudflare, by clicking the button below.

Next, follow the “Option 1 – Install Free SSL Certificate With Let’s Encrypt”.
Once this is complete, you can then install the Cloudflare plugin on your website from the earlier guide, click on the link below to view and go to step 6 and install the Cloudflare plugin.
Once this has been completed, and your SSL certificate is working on your live site, you may or may not have the green padlock and may get an SSL warning. This is because some content/elements/media may be loaded through http:// instead of https:// – so we’ll want to set our site to force all content from our site via https. We’ll do this using a plugin called SSL Insecure Content Fixer, which can be found a the link below. This is a free plugin which can be downloaded or installed through the content repository.
Once installed, look under Settings -> SSL Insecure Content, start with the default setting, and increase the level until you get the green padlock (from simple to Capture all). Make sure to hard refresh (Control + F5 on Windows) and preferably, used a secondary browser to test. Also make sure to test when logged out of your admin. Do this until you get a green padlock while logged out and viewing the site.

Additional Security Steps

Since our host is taking the main responsibility is keeping our site safe and secure and we’ve added in our SSL certifiate, security is something we don’t have to worry too much about, however there are some common sense solutions to increasing our security and reducing the potential for problems.

Mandatory Security Practices

Always use strong passwords – This seems obvious but it was one of the most widely seen issue when there is a security issue with a site. You can use LastPass or a similar service to help memorize usernames and passwords for your website. If you have multiple admins, also consider installing the Force Strong Passwords Plugin to ensure all of your admins use a strong password. With LastPass, it’s easy to generate strong passwords, you can also look at How to create a strong Password or use a tool like The Strong Password Generator.

Avoid Default Admin Username – If you followed our tutorials when creating your site, you should have picked a complex admin username, something other than the default admin username, “admin”. If this user account exists you should consider creating a new admin account under the users section of your WordPress website, and once created and confirmed that it’s working and you can access your dashboard with your new admin account, delete the user with the username “Admin” and use the new account going forward. This is only if you created your site and made the admin username, “admin”. Additionally, we want to create an editor account separate from our admin account to create content on the front-end, and use our admin account only for back-end administration purposes.

Keep Themes and Plugins updated – We’ve talked about this already quite a bit, and it’s pretty simple to do. Always keep your plugins and themes up to date at all times, as well as WordPress core. Check your site often (every day or two) for available updates and make sure to run this process (first on your staging site to check for issues), then on your live site. Additionally, always uninstall and delete plugins and themes on your site that you’re not using. This is both for performance and security benefits.

Optional but Recommended Security Practices

Form Captchas – If you followed our forms tutorials, you should already be using CAPTCHAs, specifically, ReCaptcha from google, to protect your forms from spammers. This is more annoyance than security issues, but adding Captchas to your forms does slightly increase overall protection.

Lock Down Your WordPress Admin – There are two ways we can protect our WordPress admin. The first, is to hide the URL all together. By default, the WordPress admin login URL is www.domain.com/wp-admin, this makes it easy for scripts and bots to find out admin and attempt to brute for our login screen. You can change the URL of your admin login using the WPS Hide Loginplugin. Once installed, you can change the URL of your admin login under Settings -> General.

Secondly, we can limit login attempts made when people make it to our Login screen by using the Login Lockdown plugin which limits login attempts and will blacklist and ban users who use incorrect information repeatedly. These plugins are also completely compatible with eachother.

Two Factor Authentication – By utilizing two factor authentication, even if someone does get access to your username and password, they still won’t be able to access your website admin without also having access to either your cell phone or your e-mail (depending on which method you use). We recommend you setup two factor authentication with both Kinsta, which can be done by following this guide. As well as on your website which can be done using the Google Authenticator plugin which allows two factor authentication via your e-mail address or a mobile app on your phone, available for android, windows and apple phones.

If you weren’t hosting with Kinsta, there would be several other things we would recommend, however they would be redundant and a waste of time on a Kinsta hosted site, follow the steps above and you’ll be ready to launch knowing your website is safe and secure.

Post Launch Checklist

Now that we’re fully launched, there’s a few steps we want to take before moving forward.

  • On our staging site, make sure that under “Settings – > Reading” the option is enabled (checked) to discourage search engines.
  • On our live site, make sure that under “Settings -> Reading” the option is disabled (unchecked) to discourage search engines.
  • If you’re using WooCommerce, make sure to enable the setting to force SSL – Read more here.

Purpose of the Staging Site

The main purpose of your staging site is to test WordPress, plugin and theme updates on your website for conflicts before updating them on your live site. You can also use your staging site to update content and change settings, and once completed, push them to your live site. Kinsta has a process for this all in place which you can read about here:

That being said, in general, we find it easier and recommend that since we’re not custom developing, to make changes updates and settings configurations and/or add new plugins on staging first for testing, then once confirmed working, make those same changes on your live site instead of pushing changes from staging to live.

The reason behind this is that you may have live data being updated on your live site, but not your staging, and we don’t want to overwrite those database tables. Since we’re not custom developing (custom-coding) changes to our site, we really just need our staging to test new features and test updates. And we suggest doing this, then if all is well, running those updates on our live site instead of pushing from staging to live which can overwrite important information.

You can copy your live to staging before doing tests in order to get the most up to date version, we just don’t recommend pushing from staging to live, and that you use your staging as more of a sandbox to test updates before you run those updates on your live site.

Get help and support by joining us on Slack!

LattePress offers free WordPress support via our Slack channel. Join us today and chat with the community or ask questions to our WordPress experts both publicly or privately via direct message.

Our team will do our best to help support you, answer questions, offer guidance or suggestions based on your needs. We're looking forward to chatting with you!

Need help? Get a free consultation.

If you have any questions at all and aren't sure which direction to take, click the button below to schedule a free consultation. Learn if what you need can be done on your own with our tutorials or if it will require custom development.