In this article, I’ll walk you through how to easily add a WordPress blog to your Webflow site. Plus, it will be hosted in a subfolder, /blog, which will help improve your SEO. As we know, subfolders are preferred over subdomains for better search engine optimization.
Let’s get started!
Requirements
- A live Webflow site on your custom domain.
- Free DNS hosting on Cloudflare (it takes only a few minutes to move from your existing one).
- O2O enabled on Cloudflare (see instructions below).
- WordPress hosting on PressProxy (no credit card required for the 7-day free trial).
Time required: 5-10min, depending on your experience level.
Why Cloudflare?
Cloudflare‘s primary business is cybersecurity for companies of all sizes. It also offers excellent DNS hosting with special features that enable PressProxy to function seamlessly. Best of all, it’s completely free for our needs. If you’re unfamiliar with Cloudflare, you can learn more about them on Wikipedia.
How to add a WordPress blog to a Webflow subfolder (yoursite.com/blog)
If you prefer watching over reading, click on the short video below (just 2min 10sec) that demonstrates how simple the setup is when Cloudflare is already hosting your DNS.
Host your DNS with Cloudflare and set up redirects
Create a free account to host your DNS with Cloudflare. When you’re inside, click Add Site and choose the free plan (at the bottom).
In most cases, Cloudflare will find all your DNS records, but make sure to review them (sometimes it creates duplicates). Check that the root and www records are proxied (orange cloud enabled).
Before you change the nameservers, you need to request a special feature.
IMPORTANT: request Orange-to-Orage (O2O)
The Cloudflare feature we’re using for Webflow is not yet public but you can get access to it by emailing Matt Bullock at Cloudflare (mbullock at cloudflare com). A simple email is enough:
Subject: O2O request
Body:
Hi Matt,
Please enable O2O for [YOURDOMAIN].
Thank you
Once you have O2O enabled, go back to the Cloudflare dashboard.
You were given new nameservers for your domain, similar to igor.ns.cloudflare.com or eli.ns.cloudflare.com. Go to your domain registrar, change the nameservers to custom, and enter your new Cloudflare nameservers.
Instructions on how to change nameservers can be easily found by Googling “registrar + change nameservers”, like “Namecheap change nameservers“. Once you’ve changed the nameservers, it takes a few minutes to a few hours to propagate (update) worldwide.
To set up redirect from root to www, find the Rules menu in the sidebar, click Redirect rules, and add a new one:
- Name: Redirect from Root to WWW
- If
- Custom filter expression
- Field: URI full
- Operator: wildcard
- Value: https://yourdomain.com/*
- Then
- Type: Static
- URL: https://www.yourdomain.com/
- Status code: 301
- Preserve query string: yes
It should look like this:
In the case of a redirect from WWW to Root, then the Value is https://www.yourdomain.com/* and the URL https://yourdomain.com/.
Add a new blog proxy on PressProxy (no credit card needed)
With your DNS now set up on Cloudflare, we can move forward and create a blog on PressProxy.
Sign up for a free trial—only your email is needed, and you’ll gain immediate access to the dashboard. From there, you’ll find a straightforward step-by-step guide to help you through the process. If you’re wondering what to expect, keep reading.
In the dashboard, you’ll see a simple field where you enter your blog URL (e.g., https://yourstore.com/blog). You can also select your blog setup preferences, choosing between basic WordPress configurations or a blank blog (the blank option is ideal if you plan to transfer an existing blog later).
Next, you’ll follow a link to create and add a Cloudflare API token. The necessary permissions will already be filled in, but you’ll need to select your account and domain under the zone resource.
Give our system a few seconds to verify everything, and then…
Your blog is live!
That’s all there is to it! In just a few minutes, your new blog is now loading under /blog on your store.
In the PressProxy dashboard, there’s a one-click login button that lets you access your blog without needing a username or password (though those details are also available in the dashboard if you prefer).
Transfer blog and add redirects from the old blog to the new one
If you already had a WordPress blog on a subdomain and want to move it to your new address, the final step is to migrate it. We suggest using the Backup Migration plugin plugin to easily back up and restore your blog. The process is very simple and straightforward.
If you’ve already posted on that blog, you’ll want to make sure those posts redirect to the new URL. You can follow the step-by-step guide for this in our previous blog post.
