If the “Publish” button is greyed out when trying to publish a blog post in Webflow (within a CMS Collection), several common issues may be responsible.
1. Missing Required Fields
- Webflow CMS items must have all required fields filled before they can be published.
- Check for any fields marked with a red asterisk in your CMS collection item form.
- Fill in missing data, then the button should become active.
2. Status Is Set to Draft
- If the CMS item is set to Draft or Archived, it can’t be published.
- In the blog post editor, ensure the Status is set to "Published" or "Staged for Publish".
- Click on Settings (gear icon) in the CMS item and set the toggle to "Ready for publish".
3. Collection Not Connected to Any Page
- If your blog post collection isn’t used in any Collection List or Collection Page, it might affect publishing.
- Ensure your blog posts are associated with a Collection Page in the Pages panel or a Collection List on a static page.
4. No Changes Made
- If you're trying to re-publish an item that hasn't changed since the last publish, the button may be greyed out.
- Make a small edit and see if the button becomes clickable.
5. Field Validation Errors
- Even if all required fields are filled, invalid input (e.g., incorrect URL format or character limits exceeded) can prevent publishing.
- Look for red warning messages or icons next to fields.
6. Collection Item Limit Reached
- On the Free or lower-tier plans, Webflow CMS has limits (e.g., 50 items for Free plans).
- If the limit is reached, new items can’t be published.
- Go to Project Settings > Hosting > CMS quota to check if you're at the limit.
Summary
A greyed-out publish option is usually due to missing required fields, items set as Draft, or validation errors. Double-check the item’s status, complete all mandatory fields, and ensure the item is actively used in your site layout.