Cycles

Design Feedback & Approvals (formerly Cycles) 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.
<blockquote>
Note: This plugin is the used to be called <a href="https://cycleshq.com" rel="nofollow ugc">Cycles</a>, and is the predecessor of new Cycles software with a new plugin submitted to the repo and coming any day now.
</blockquote>
<h4>Overview</h4>
This plugin allows you to:
<ul>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
Keep project members informed – When you publish a design, the plugin can send an email invitation with access details and instructions. Additionally, you can configure instant email notifications for new comments and approvals.
</li>
<li>
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 feedback and approvals into your team’s project management workflow.
</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1nhIQH9IHVE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<blockquote>
<h4>Why you should use the new Cycles plugin</h4>
First, 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.
So, we’ve launched a new version of Cycles that collects feedback and approvals on any web page that works on many web development platforms (not just WordPress). A (free) Cycles account enables:
<ul>
<li>A record of all comments, replies, and approvals (outside of your WordPress database or client’s site)</li>
<li>Easy notifications and integrations without configuring your WordPress email settings</li>
<li>Feedback and approvals on any web page or site</li>
</ul>
Free accounts have no trial time limits, and include all visual feedback and approval features.
Get more info at <a href="https://cycleshq.com/" rel="nofollow ugc">https://cycleshq.com</a>.
</blockquote>
<h4>Plugin features</h4>
Email Invites & Notifications 
Send your client an invitation to review your newly published design, directly from your WordPress site. Then, when someone makes a comment or provides their approval, get notified at the email address(es) of your choosing. Note: As this plugin relies on the <code>wp_mail()</code> WordPress function, this feature requires your web server/host to have email correctly configured, or the use of a plugin like <a href="https://wordpress.org/plugins/postman-smtp" rel="ugc">Postman-SMTP</a>.
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 
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.

Design Feedback & Approvals

Something that is built really well. Worked flawlessly on our internal PM tool. A feature to discuss, rather than just one sided feedback would be awesome add. 
Loving what I am seeing at the moment.



Awesome

Share designs with clients for feedback and approval.

WoPo Web

WoPo Mockup Maker help you to show mockups of popular devices on your website.
You can add shortcode [wopo-mockup-maker] to page you want to show devices mockups. All text wrap on shortcode will show on the screens of devices mockup.
Example: <code>[wopo-mockup-maker device='iPhone7' orientation='portrait' color='black'] Your text show on your devices mockup screen [/wopo-mockup-maker]</code>
List devices
<ol>
<li>Chromebook
<ul>
<li>device: Chromebook </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Galaxy S3
<ul>
<li>device: galaxyS3 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>Galaxy S5
<ul>
<li>device: galaxyS5 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>Galaxy Tab 4
<ul>
<li>device: galaxyTab4 </li>
<li>orientation: portrait </li>
<li>color: black, white</li>
</ul>
</li>
<li>HTC One M8
<ul>
<li>device: HtcOneM8 </li>
<li>orientation: portrait, landscape </li>
<li>color: black</li>
</ul>
</li>
<li>Huawei P8
<ul>
<li>device: HuaweiP8 </li>
<li>orientation: portrait, landscape </li>
<li>color: gold</li>
</ul>
</li>
<li>iMac
<ul>
<li>device: iMac </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPad
<ul>
<li>device: iPad </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white</li>
</ul>
</li>
<li>iPad Air 2
<ul>
<li>device: iPadAir2 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPad Pro
<ul>
<li>device: iPadPro </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPhone 6
<ul>
<li>device: iPhone6 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPhone 6 Plus
<ul>
<li>device: iPhone6Plus </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>iPhone SE
<ul>
<li>device: iPhoneSE </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold, pink </li>
</ul>
</li>
<li>iPhone 5
<ul>
<li>device: iPhone5 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>iPhone 6 Hand
<ul>
<li>device: iPhone6Hand </li>
<li>orientation: portrait </li>
<li>color: black, white </li>
</ul>
</li>
<li>iPhone 7 Hand
<ul>
<li>device: iPhone7Hand </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPhone 7 Hand 2
<ul>
<li>device: iPhone7Hand_2 </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPhone 7
<ul>
<li>device: iPhone7 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold, pink, red </li>
</ul>
</li>
<li>iPhone X
<ul>
<li>device: iPhoneX </li>
<li>orientation: portrait, landscape </li>
<li>color: black </li>
</ul>
</li>
<li>Lumia 930
<ul>
<li>device: Lumia930 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>Macbook
<ul>
<li>device: Macbook </li>
<li>orientation: portrait </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>Macbook 2015
<ul>
<li>device: Macbook2015 </li>
<li>orientation: portrait </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>MacbookPro
<ul>
<li>device: Macbook2015 </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Pixel
<ul>
<li>device: Pixel </li>
<li>orientation: portrait </li>
<li>color: black, white </li>
</ul>
</li>
<li>Samsung TV
<ul>
<li>device: SamsungTV </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Surface Pro 3
<ul>
<li>device: SurfacePro3 </li>
<li>orientation: landscape </li>
<li>color: black </li>
</ul>
</li>
<li>Surface Studio
<ul>
<li>device: SurfaceStudio </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
</ol>
Icons made by <a href="https://www.flaticon.com/authors/flat-icons" title="Flat Icons" rel="nofollow ugc">Flat Icons</a> from <a href="https://www.flaticon.com/" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a>

WoPo Mockup Maker – Device Mockup

WoPo Mockup Maker help you to show mockups of popular devices on your website.

Design Feedback & Approvals vs WoPo Mockup Maker – Device Mockup