=== Cycles === Contributors: Cycles Tags: design, feedback, mockup, client, wireframe, approvals, design review, comment, webdesign, freelancer, studio, agency, graphic designers, graphics, image, logo, mood boards, infographics, project, cycles, approval, sign-off Requires at least: 4.0 Tested up to: 4.5.3 Stable tag: 1.5 License: GPLv2 or later Share designs with clients for feedback and approval. == Description == [Cycles](https://getCycles.io/) allows you to share any design (mockups, wireframes, sitemaps) with clients and colleagues, who view your work in their browser and post feedback directly on your designs. Cycles is a simple plugin to: * **Share designs with anyone** - Upload any design (mockups, moodboards, wireframes, etc) and share with your clients. They'll only need the URL (and optional password) to view and make comments. No attachments or accounts required. * **Collect design feedback** - Clients view mockups in their browser, and click directly on the design to comment. Feedback remains organized, eliminating back and forth emails and miscommunication. * **Record approvals/sign off** - When you've made requested changes, your client approves the design by agreeing to terms and providing a digital signature. The time, date, and name of the approver are recorded. * **Keep project members informed** - When you publish a design, let Cycles send an email invitation with access details and instructions, and configure instant email notifications for new comments and approvals. * **Import design feedback into 3rd party services** - Connect your designs to Trello, Basecamp, Asana, Slack, Help Scout, or any 3rd party service with project based email addresses, to bring Cycles feedback and approvals into your team's project management workflow. [youtube https://www.youtube.com/watch?v=1nhIQH9IHVE] > ####No longer making mockups? Our Web Developer Beta is now active > Many of the "designers" we speak with are moving **from** creating mockups in Photoshop and Illustrator **to** starting projects with themes and designing straight in the browser. > > We've launched a beta version of Cycles that **collects feedback and approvals on any web page**, launching Summer 2016. > > If that sounds useful to you, please join our beta! > Get more info at [https://getCycles.io](https://getcycles.io/) and read about our [beta announcement](https://blog.getcycles.io/cycles-beta-begins-for-visual-feedback-and-approvals-6e027af53067). #### Features **NEW: Email Invites & Notifications** Send your client an invitation to review your newly published design, directly from Cycles. Then, when someone makes a comment or provides their approval, get notified at the email address(es) of your choosing. Note: As Cycles relies on the `wp_mail()` WordPress function, this feature requires your web server/host to have email correctly configured, or the use of a plugin like [Postman-SMTP](https://wordpress.org/plugins/postman-smtp). **NEW: 3rd party integration** Enter project-specific email addresses in the notification section to send new comments and approvals directly to many 3rd party services like Trello, Basecamp, Asana, Slack, and Help Scout. **Approvals & Digital Signatures** When a client is ready to “sign off,” they approve designs by agreeing to terms and providing their digital signature for the system to record. **Custom Design URL _and_ Slug** Make sharing easier with custom, client friendly and easy to pronounce URLs. Now including the path/slug. **Self Hosted** Cycles works on your (or your client’s) WordPress installation, so files stay private and secure on your client-friendly, recognizable domain. **Upload images** Upload single or multiple files of any type supported by WordPress, such as JPEG, GIF, PNG, and BMP. **Image Library** Organize designs in the WordPress media library for quick sorting and searching. **Password Protection** Set optional passwords to keep designs private and secure from unwanted visitors. **Annotated Feedback** Viewers leave comments anywhere on the design so others can view their feedback with context. **Feedback List** Comments are gathered into a single, easy to reference list of design feedback. #### Follow Cycles [Blog](https://blog.getCycles.io/) | [Twitter](https://twitter.com/getCycles) == Installation == 1. Upload the entire plugin folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the `Plugins` menu in WordPress 3. Done! Use the Cycles menu option in the admin sidebar to upload and share your designs. == Screenshots == 1. Clients leave feedback directly on the design 2. Clients approve designs with their digital signature 3. Password protect your designs to protect client privacy 4. View feedback and approvals directly on the design or in aggregate, plus email invites and comment/approval notifications == Frequently Asked Questions == Thank you for installing and using the [Cycles plugin for WordPress](http://getCycles.io). If you're having trouble and can't find a solution below, please create a support topic (link below). We closely monitor and will respond as soon as possible. For other issues, questions, suggestions, feedback, please email us at [info@getCycles.io](info@getCycles.io). **How do I get started?** Once you've installed the plugin, sharing designs with clients is easy. Go to 'Cycles' in the sidebar, and click add new (`Cycles > Add New`). Give your design a name (clients will see this) and add an image. You can optionally adjust the share URL to make it more client friendly. Finally, click "save" and you're ready to share and receive feedback. **Do clients need to register an account?** No! Your clients need only open your URL in a browser to begin leaving feedback. **What kind of images are supported?** Cycles works with most image types supported by WordPress, such as JPEG, GIF, PNG, and BMP. **What kind of designs can I share?** We produced this plugin to help you share anything where you need someone else's opinion. Use it to get feedback on designs like: * Logos * Site maps * Wireframes * Mockups * Stock photography selections * Illustrations * Mood boards * Infographics **How do I get more help?** If you encounter a technical issue, please use the [Support Forum](https://wordpress.org/support/plugin/design-feedback). == Change Log == = 1.5 = July 26th, 2016 * New: Invite users via email to view designs * New: Receive notifications for new comments * New: Receive notifications for approvals * Enhanced: Design list includes approval status and comment count * Fixed: Date/Time changed from UTC to "local time" as defined by your WordPress settings * Tested: 4.5.3 = 1.4.1 = December 29th, 2015 * Enhanced: Clients can view approval details on designs by hovering over the approval button * Enhanced: Approval confirmation dialog look and feel * Enhanced: Cycles CSS no longer loads on non-design posts * Enhanced: How Cycles saves feedback when designs by more one clients * Fixed: feedback dialog display overlap bug for very small image designs (like logos) * Fixed: A bug allowing feedback on some approved designs * Tested: 4.4 = 1.4 = November 30th, 2015 * New: Enable approvals on your design so your clients complete the feedback process and move to the next phase. * New: Custom slug (in Cycles > Settings) for fully customizable URLs = 1.3.2 = November 10th, 2015 * Enhanced: Now load all external scripts via HTTPS * Fixed: Issue with saving comments containing special characters * Fixed: Issue with images saved to design posts = 1.3 = November 8th, 2015 * Enhanced: Feedback name is pre-populated for faster commenting * Enhanced: Better open/close click behavior when viewing comments * Enhanced: Cycles now updates comment numbers when another comment is deleted * Fixed: Bug with "inverted" feedback on the edge of some designs * Fixed: Image loading animation appears before image begins to load * Fixed: Removed superfluous styling on the comment box that'd appear in some browsers * Fixed: Better admin-side handling of special characters left in comments * Fixed: Comment count column formatting = 1.2 = September 27th, 2015 - Mockup Presentation * New: Redesigned loading and design presentation and layout, so your mockups look their best * New: Help section for frequently asked questions * Enhanced: Responsive Mockups that scale down on smaller screens. * Fixed: Feedback dot positioning when browser is resized Feedback Rewrite * New: Feedback code rewrite and redesign, so leaving feedback is faster and more intuitive * New: View state for feedback * New: Users can delete feedback * Enhanced: Feedback dialog stays visible when opened on the far right of a mockups Other * Tested: Compatible with WordPress 4.3.1 = 1.1.1 = * Tested: Compatible with WordPress 4.3 * Enhanced: View and edit comments without loading delays = 1.1 = * New: Privacy and password protection options * Enhanced: Changed URL prefix from 'design-feedback' to 'cycles.' * Enhanced: Better styling on share dialog * Enhanced: Removed unnecessary code and files * Enhanced: Limit other plugin metaboxes from Add/Edit design screen = 1.0.2 = * New Name: Design Feedback is now called Cycles. = 1.0.1 = * Enhanced: Feedback dialog has cleaner styling * Fixed: Comment formatting now works with line breaks and most special characters * Fixed: Browser resizing disabled for uploaded images = 1.0 = * New: Initial plugin release! * New: Upload and share designs with anyone (like your clients) * New: Clients leave feedback directly on your designs so you know exactly what they're talking about == Upgrade Notice == = 1.5 = Email notifications and usability enhancements