How can I resolve the issue of being unable to login to the Webflow editor using Safari on macOS due to the warning about third party cookies? I have already tried disabling extensions, unchecking the 'block third party cookies' setting in preferences, clearing cookies, and republishing the site but none of these solutions have worked. Is there a permanent solution for this problem? I am concerned about potential difficulties in the future since most users will be using Safari.

TL;DR
  • Update Safari and macOS to the latest versions.
  • Adjust Safari privacy settings by unchecking "Prevent cross-site tracking" and "Block all cookies".
  • Use Webflow in a Private Browsing window.
  • Uninstall privacy-focused extensions, especially those blocking cookies.
  • Disable certain Safari experimental features linked to cookie handling.
  • Consider using an alternative browser like Chrome or Firefox if issues persist.

Experiencing issues with logging into the Webflow Editor on Safari due to third-party cookie warnings can be frustrating. Let's explore steps to help resolve this problem permanently.

​

1. Update Safari and macOS

  • Ensure your Safari browser is updated to the latest version available. This helps in maintaining compatibility with Webflow.
  • Update macOS as well, since some system-level changes might be required for full browser functionality.

​

2. Adjust Safari Privacy Settings

  • Go to Safari Preferences and click on the Privacy tab.
  • Ensure that Prevent cross-site tracking is unchecked. This option might interfere with Webflow, which relies on some tracking features for editor login.
  • Keep the Block all cookies option unchecked to allow cookies.

​

3. Access Webflow in Private Mode

  • Try accessing the Webflow Editor in a Private Browsing window. Private mode might circumvent some default settings causing the blockage.

​

4. Remove Specific Tracking Extensions

  • Although you've disabled extensions, some might still affect browser behavior outside normal operations. Uninstall any privacy-focused extensions, especially those known for blocking cookies or tracking.

​

5. Check Safari Experimental Features

  • Open Safari Preferences > Advanced and check Show Develop menu in menu bar.
  • Go to Develop > Experimental Features. Disable any feature related to WebRTC, Intelligent Tracking Prevention, or any that seems unfamiliar. These can sometimes impact cookie handling.

​

6. Try Another Web Browser

  • If the issue persists, consider suggesting an alternative browser such as Chrome or Firefox for users experiencing issues until the problem is fully resolved with Safari.
  • Webflow functions consistently across mainstream browsers, so this could be a reliable workaround.

​

Summary

To resolve the login issue in Safari on macOS, make sure your browser and macOS are up-to-date, adjust privacy settings, try private browsing, remove specific tracking extensions, and check Safari's experimental features. Meanwhile, suggesting an alternative browser can serve as an immediate workaround.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What could be causing the issue of a custom js code not displaying properly on Google indexed pages for a Webflow landing page? Is it possible that there is a bug in the code?
How can I create a subdomain with separate pages in Webflow for an existing project?
Where can I start to resolve an 'INP issue' with mobile views for a Webflow site flagged by Google search console?
How can I add a sticky top banner above the Nav Bar Menu in Webflow, while ensuring it doesn't break the navigation bar?
Why does the "go back to store" link not work on the 1440px breakpoint for the About Me block on my Webflow website?
How can I optimize my website's speed in Webflow to improve its PageSpeed score on Google and increase performance on Pingdom?
How can I export and integrate the blog collections from my Webflow website to create a fully functional static website?
What is the maximum number of items that can be added to a collection in the Webflow Lite Account Plan?
Why does Webflow wrap text with a div instead of a span when using the CSS selector ".class > span" in custom code? How can I get around this?
Is there a more efficient method in Webflow for adding keywords and other Meta tags to my header without duplication? Thank you for any assistance. Mike
What could be causing the spacing issue below images in the Webflow CMS collection display? The spacing only appears on a few images, not all of them, and I'm unable to determine the source of this issue. I've noticed a similar problem on another page with a similar design that also uses CMS collections. Any insights would be appreciated.
How can I fix scaling issues for different screen sizes and the large space appearing on the right side of my Webflow site?
How can I create a sliding image carousel with a similar effect as seen on Awwwards using Webflow?
How can I lock the size of an image in Webflow so that it remains the same within a circle or line, even when I replace the image?
Is it possible to use Webflow to create hover effects that change elements other than the one being hovered over?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?