Do all links in my Webflow website need to be in the format of https:// for them to work properly, or do I have any settings configured incorrectly?
TL;DR
- Use HTTPS for all external links and relative paths (like /about) for internal ones.
- Ensure SSL and Force SSL are enabled in Webflow’s Hosting settings to enforce HTTPS and avoid mixed content issues.
If your Webflow site is published over HTTPS (with SSL enabled, which it is by default), then all links should be in https:// format or relative format (e.g., /about) to work properly and avoid issues.
1. Use HTTPS for External Links
- For external links, always use the full URL starting with
https://(e.g.,https://example.com). - Linking to external websites with
http://may cause browser security warnings or mixed content issues.
2. Use Relative Links for Internal Pages
- For internal links, Webflow allows and recommends using relative paths, like
/servicesor/contact. - These automatically follow the domain’s protocol (HTTPS if set), so you don't need to write
https://yoursite.webflow.io/services.
3. Check SSL Settings in Webflow
- Go to Project Settings > Hosting.
- Make sure “SSL” is enabled. This ensures your site is served over HTTPS.
- Ensure “Force SSL” is turned on so visitors accessing via
http://are redirected tohttps://.
4. Avoid Mixed Content Warnings
- Do not link to scripts, images, fonts, or iframes using
http://. - This can cause mixed content issues, where some resources are blocked by browsers.
Summary
Links on your Webflow site should use https:// for external links, and relative paths like /page for internal links. Make sure your SSL and Force SSL settings are enabled to enforce HTTPS and prevent link and content issues.