WoPo Web

You can add buttons block to your post or page.
<a href="https://www.flaticon.com/free-icons/ux" title="ux icons" rel="nofollow ugc">Ux icons created by Freepik – Flaticon</a>

WoPo UI Elements

You can add buttons block to your post or page

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.

WoPo UI Elements vs WoPo Mockup Maker – Device Mockup