Justin Peacock

phikai

<p>Show your work in high resolution, responsive device mockups using only shortcodes. Wrap images, videos, or any other content within a few simple shortcodes to display them within any of the pre-packaged devices mockups, which are easily selectable from within the editor.</p>
<p><a href="https://devicemockupswp.com/" rel="nofollow ugc">Documentation</a></p>
<h4>Available shortcodes</h4>
<ul>
<li>[device][/device]</li>
<li>[browser][/browser]</li>
</ul>
<h4>Device Attributes</h4>
<ul>
<li>type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface</li>
<li>color: black|white|gold|silver</li>
<li>orientation: portrait|landscape</li>
<li>stacked: open|closed</li>
<li>position: left|right</li>
<li>link</li>
<li>width: (px or %)</li>
<li>hide: left|right</li>
<li>scroll: false</li>
<li>gallery: false</li>
</ul>
<h4>Browser Attributes</h4>
<ul>
<li>type: chrome|firefox|safari</li>
<li>link</li>
<li>width: (px or %)</li>
<li>gallery: false</li>
</ul>
<h4>Creating a Gallery</h4>
<ul>
<li>Add gallery=”true” to your device|browser shortcode</li>
<li>Add your images within your device</li>
<li>Add a <code><div></code> around each image within the device</li>
</ul>
<p>I’m working to simplify this process but for now, this will get your galleries working.</p>
<p>See <a href="https://devicemockupswp.com/gallery-slider/" rel="nofollow ugc">Gallery Slider</a></p>
<h4>Recommended Image Sizes</h4>
<ul>
<li>iPhone 6 – 1334×750</li>
<li>iPhone 6 Plus – 1920×1080</li>
<li>iPhone 5s – 1136×640</li>
<li>iPhone 5 – 640×1136</li>
<li>iPad – 2048×1536</li>
<li>iMac – 1920×1200</li>
<li>Macbook Pro – 1440×900</li>
<li>Galaxy S3 – 720×1280</li>
<li>Nexus 7 – 1920×1200</li>
<li>Surface – 1920×1080</li>
<li>Lumia 920 – 768×1280</li>
<li>Chrome – 1440×900</li>
<li>Firefox – 1440×900</li>
<li>Safari – 1440×900</li>
</ul>
<h4>Bugs:</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/device-mockups" rel="ugc">Report an issue</a></li>
</ul>
<h4>Questions/Comments</h4>
<ul>
<li>https://byjust.in/contact/</li>
</ul>


Device Mockups

Show your work in high resolution, responsive device mockups using only shortcodes.

Cycles

<p><strong>NEW: Control which visitors see Cycles / leave feedback</strong></p>
<p><strong><a href="https://cycleshq.com" rel="nofollow ugc">Cycles</a></strong> allows you to collect visual feedback and approvals on your website.  Share your web pages with clients and colleagues, who view your work in their browser and post feedback directly on your webpages.</p>
<p>See Cycles in action – <strong><a href="https://demo.cycleshq.com" rel="nofollow ugc">Live Demo</a></strong></p>
<h4>Overview</h4>
<p>Cycles allows you to:</p>
<ul>
<li>
<p><strong>Collect crystal clear client feedback</strong> – With Cycles, your clients comment directly on web pages, so you can see exactly what they’re referencing and understand what they mean. Clients view the website in their browser, and click directly on the page to comment. Feedback remains organized, eliminating back and forth emails and miscommunication.</p>
</li>
<li>
<p><strong>Record approvals/sign off in the browser</strong> – Many clients respond differently when reviewing a website that feels closer to the “finished product.” When you’ve made any requested changes, your client can approve the page.  Cycles keeps a record of the time, date, and name of the approver in case you need it later.</p>
</li>
<li>
<p><strong>Keep project members informed</strong> – Configure Cycles to send email notifications whenever someone makes a comment or approval.</p>
</li>
<li>
<p><strong>Import feedback into 3rd party services</strong> – Connect your project 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.</p>
</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DBmSD_6q1co?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></span>
<blockquote>
<h4>Note: You’ll need a (free) account to use Cycles</h4>
<p>A (free) Cycles account enables:</p>
<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>
<p>Free accounts have no trial time limits, and include all visual feedback and approval features.</p>
<p>To get started, go to <a href="https://cycleshq.com/" rel="nofollow ugc">https://cycleshq.com</a>.</p>
</blockquote>
<h4>Plugin features</h4>
<p><strong>NEW: Control which visitors see Cycles / leave feedback</strong></p>
<p>Enable Cycles for all visitors, or restrict to signed in WordPress users, or users certain roles.  Now you can install Cycles on a “live” site, but restrict feedback collection to particular users.</p>
<p><strong>Enable Cycles for every page on your site</strong></p>
<p>Copy your unique project script into the plugin’s form field, and enable Cycles for every page on your site.</p>
<p><strong>Quickly enable / disable Cycles</strong></p>
<p>Use the plugin to switch Cycles on or off for your website.</p>


Visual feedback and approvals for web development projects. Get organized, insightful feedback from clients and teammates directly on the web page.

Device Mockups vs Cycles