Website Links Prefix

Use the href prefix setting in your Webflow site settings to combine Webflow Hosting with an existing hosting setup.

You have the option to utilize the Website Links Prefix configuration in your Website configuration to integrate Webflow Hosting with an existing hosting setup. This assigns a prefix for all internal page connections.

For instance, if you have a node.js / Ruby on Rails / Python application, or even a functioning WordPress site, but you wish to establish a blog using Webflow CMS, you can arrange a Webflow “sub-site” and apply the website links prefix to maintain the operability of your connections.

Crucial: Webflow does not offer support for reverse proxy, but our community is always ready to assist in the Forum.

Steps to allow Webflow to host a section of your website

Consider a scenario where you wish to form a blog using Webflow, yet the intention is to serve it on the corresponding domain as your primary site.

  1. Establish a website in Webflow. Let’s name it acme.com for this scenario, you are free to choose any other denomination.
  2. Incorporate a Website scheme into this site
  3. Configure a reverse proxy over your web server. Potential options include nginx, node-proxy, or rails-reverse-proxy, based on the type of web server you are using.
  4. Formulate a directive that proxies all inquiries to acme.com/blog and acme.com/blog* to the subdomain affiliated with Webflow such as “connect.mysite.com”.
  5. Navigate to the Acme blog’s Website configuration > Custom code tab > Advanced configuration
  6. Set the Website Links Prefix to /blog. This will append “/blog” to all hrefs on your site, making the connections relative to the domain.
  7. Release your site
Worth noting: This adjustment will not impact external connections, email or phone connections, or connections derived from the links, email, or phone fields.
Ewan Mak
Latest posts by Ewan Mak (see all)