How to add woocommerce store to existing website

This article provides a guide for how to add WooCommerce store to existing website. This guide provides a quick and easy way for businesses to begin offering products and services through an ecommerce channel without rebuilding or changing their existing website.

🛒 How to Add WooCommerce Store to Existing Website with Rad Web Hosting

To add WooCommerce store to existing website with Rad Web Hosting’s WooCommerce plans, follow the steps provided below:

Set up a Subdomain shop.yourcompany.tld and Easily Host Your Store with Rad Web Hosting’s High-Performance WooCommerce Solutions!

Adding a WooCommerce-powered store to your existing website is a smart move when you’re ready to start selling products or services without overhauling your current site. In this guide, we’ll walk you through the steps to create a dedicated subdomain (shop.yourcompany.tld) and point it to a WooCommerce-optimized hosting account at Rad Web Hosting.

🧩 Prerequisites

Before starting, ensure you have the following:

  • An existing website (e.g., on yourcompany.tld)
  • Access to your DNS provider (where your domain’s nameservers are managed)
  • A WooCommerce hosting plan at Rad Web Hosting
  • WordPress admin login credentials (for WooCommerce setup)

Save 50% off 25x faster ssd woocommerce hosting

✅ Step 1: Create a Subdomain for Your Store

A subdomain isolates your store from your main site for better performance and management.

Manage DNS at Your Domain Registrar

  1. Login to your DNS provider (e.g., GoDaddy, Namecheap, Cloudflare).
  2. Navigate to the DNS Management section for your domain.
  3. Create a new A record:
    • Type: A
    • Name: shop
    • Points to: Your WooCommerce hosting IP at Rad Web Hosting (provided in the initial Welcome Email and also found within the Hosting Dashboard product manager)
    • TTL: Default or 3600

🔧 Step 2: Install WordPress + WooCommerce on the Subdomain

  1. Login to your cPanel at Rad Web Hosting.
  2. Scroll to Softaculous Apps Installer > Choose WordPress.
  3. Click Install Now and:
  • Choose Protocol: https:// (recommended if SSL is enabled)
  • Choose Domain: shop.yourcompany.tld
  • Directory: Leave blank
  1. Fill in site name, description, admin user info.
    Install woocommerce using wordpress manager
  2. Under Extended Settings -> Select plugins/themes sets, check “WooCommerce Startup”.
    Install "woocommerce startup" plugin/theme set from wordpress manager
  3. Click Install.

The installer will set up WordPress + WooCommerce on your subdomain. Once the installation is complete, the installation details will be presented:

Woocommerce installed successfully
Make note of the installation url and administrative url

🔒 Step 3: Secure the Store with SSL

  1. Go back to cPanel > SSL/TLS Status
  2. Select your subdomain (shop.yourcompany.tld) from the list.
  3. Click Run AutoSSL to generate and install a free SSL certificate.

Now your WooCommerce store will run securely under HTTPS.

🎨 Step 4: Customize Your WooCommerce Store

Login to https://shop.yourcompany.tld/wp-admin and begin customizing:

  1. Go to Appearance > Themes:
  • Install a WooCommerce-compatible theme (e.g., Storefront, Astra).
  1. Go to WooCommerce > Settings:
  • Set up payment methods, shipping zones, and store address.
  1. Add products via Products > Add New.

🔄 Step 5: Link Your Main Website to the Store

  1. On your primary site (e.g., yourcompany.tld), add a “Shop” link to your main navigation menu.
  • URL: https://shop.yourcompany.tld
  1. Optionally, use a call-to-action button or banner linking to your store homepage.

💻 Step 6: Setup Staging Site for Testing Updates (Optional)

What is a WooCommerce Staging Site?

Essentially, the WooCommerce staging site acts as a sandbox of the live WooCommerce store to test any number of proposed changes or updates. This provides a safe, hands-on environments for conducting updates directly to a production site, but in a private, secure manner that is not accessed by web visitors, robots, of others that would otherwise get a first-hand experience of this process, were they pushed directly to the production site.

How to Create WooCommerce Staging Site for Testing

To create a WooCommerce staging site, follow the steps below:

  1. Create a Subdomain for Staging
    1. Login to your DNS provider (e.g., GoDaddy, Namecheap, Cloudflare).
    2. Navigate to the DNS Management section for your domain.
    3. Create a new A record:
      • Type: A
      • Name: staging.shop
      • Points to: Your WooCommerce hosting IP at Rad Web Hosting (provided in the initial Welcome Email and also found within the Hosting Dashboard product manager)
      • TTL: Default or 3600
    4. Login to your cPanel account at Rad Web Hosting.
    5. Go to Domains icon.
    6. Create a Domain:
      • Domain: staging.shop.yourcompany.ltd
      • Document Root: Leave default
  2. Create Staging Site in WordPress Manager
    1. Navigate back to the main cPanel interface.
    2. Navigate to the WordPress Manager icon and click it to access it.
    3. Find the WooCommerce site to create staging version, and expand the details
      Expand woocommerce store details in wordpress manager
    4. Click “Staging” button to create a staging copy of live WP installationClick 'staging' to begin creating the staging site
    5. Configure the Staging site details
      1. Choose the “staging.shop.yourcompany.ltd” domain option we just created, leaving the sub-directory field empty.
      2. Click the tick box to disable search engine visibility.
      3. Click ‘Create Staging’ button to begin installation

        Configure staging site
        Choose the staging subdomain, disable search engine visibility and click “create staging” button
    6. A confirmation message will appear once the staging installation is created successfully.Staging site created successfully

🚀 Step 7: Test Everything Before Launch

✅ Visit https://shop.yourcompany.tld to verify:

  • Site loads over HTTPS
  • Products and categories display correctly
  • Checkout works with payment methods
  • Mobile responsiveness and speed

Use Rad Web Hosting’s support team for any final tweaks or performance boosts.

🧠 Pro Tips

  • 📦 Rad Web Hosting’s WooCommerce Hosting Plans are optimized for speed, with SSD storage and LiteSpeed caching.
  • 🔁 All Rad Web Hosting WooCommerce plans enable auto-backups via JetBackup with 1-click restoration available in cPanel to protect your store.
  • 🧰 Install helpful plugins like:
  • Rank Math (for SEO)
  • UpdraftPlus (for backup)
  • WooCommerce Stripe Payment Gateway (for credit card payments)

Save 50% off 25x faster ssd woocommerce hosting

🎉 You’re Ready to Sell!

Your WooCommerce store is now live at shop.yourcompany.tld, running smoothly on Rad Web Hosting’s performance-optimized platform. With this setup, your store stays neatly separate from your main site—ideal for branding, scaling, and SEO.

For expert help with migrations or advanced configuration, reach out to Rad Web Hosting Support.

Share this:
Avatar of editorial staff

Editorial Staff

Rad Web Hosting is a leading provider of web hosting, Cloud VPS, and Dedicated Servers in Dallas, TX.
lg