If you’re already familiar with why you might want to acheive this you can jump straight to the server setup.
You might be in a position where you would like to leverage the fantastic capabilities of the Shopify platform for your e-commerce needs and also harness the flexibility and power which WordPress offers for other aspects of the site.
For example, we’re currently working on a very large platform build for a partner who’s main site has to offer forums, member registration, live member to member chat, automatically updating world rankings, over 100k+ venue listings and more….plus e-commerce.
WooCommerce has its place but not for a platform of this scale as they plan on selling upwards of 50k+ products which require a platform like Shopify to manage it.
Running Shopify on a subdomain isn’t an option we’re willing to work with due to the continued benefits of keeping key parts of the site on the same domain for SEO benefits that Google extends to that setup.
Of folks who’ve written to me about it:
Switch from blog.subdomain.tld to subdomain.tld/blog immediately improved rankings: 7
The reverse: 0
— Rand Fishkin (@purpleimp.comrandfish) January 10, 2017
Below is a server configuration which will show you how to ‘install’ Shopify in a subfolder of WordPress in minutes.
As Shopify is a self-hosted platform you can’t actually install it in a subfolder but you can allow users to access your Shopify e-commerce store on www.yourdomain.com/shop/ (even if you have WordPress hosted on your main domain) by using a reverse proxy.
Our standard servers are Apache servers used on a Linux system with cPanel installed on them.
Please note before we jump into the setup:
You can leave your Shopify url as the default staging name (for example https://test-ecom-build.myshopify.com) but you more likely want to set up a subdomain to make it tidier (for example: https://shopify.yoursite.com)
Follow the 7 steps below to run Shopify from a subfolder:
httpd -M | grep -i 'proxy'
[break]Note: change ‘cPanel-User’ to the actual cPanel username’
SSLProxyEngine onProxyPass "/store/" "https://shopify.yoursite.com/" ProxyPassReverse "/store/" "https://shopify.yoursite.com/"
service httpd configtest
[break]That’s pretty much it regarding the technical server work.
Sidenote: If you are looking for a great hosting company who’ll do this for you anytime you need it (for free) then we can strongly recommend TSO Host for their first class customer service.
You will also want to set up a 301 redirect on the subdomain you chose (https://shopify.yoursite.com) so that if a user visits it directly they are taken to the new reverse proxy version you’ve set up on your subdirectory (https://yoursite.com/store/)
In our next article, we will document how to configure Google Search Console to avoid crawling and indexation of the e-commerce subdomain cannibalising your crawl budget and rankings.
We’ll also document the server setup if you’re running your site from a Nginx server.
If you have any questions or comments please submit them in the comments below