WoPo Mockup Maker – Device Mockup

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: [wopo-mockup-maker device='iPhone7' orientation='portrait' color='black'] Your text show on your devices mockup screen [/wopo-mockup-maker]

List devices

1. Chromebook
   • device: Chromebook
   • orientation: portrait
   • color: black
2. Galaxy S3
   • device: galaxyS3
   • orientation: portrait, landscape
   • color: black, white
3. Galaxy S5
   • device: galaxyS5
   • orientation: portrait, landscape
   • color: black, white, gold
4. Galaxy Tab 4
   • device: galaxyTab4
   • orientation: portrait
   • color: black, white
5. HTC One M8
   • device: HtcOneM8
   • orientation: portrait, landscape
   • color: black
6. Huawei P8
   • device: HuaweiP8
   • orientation: portrait, landscape
   • color: gold
7. iMac
   • device: iMac
   • orientation: portrait
   • color: black
8. iPad
   • device: iPad
   • orientation: portrait, landscape
   • color: black, white
9. iPad Air 2
   • device: iPadAir2
   • orientation: portrait, landscape
   • color: black, white, gold
10. iPad Pro
    • device: iPadPro
    • orientation: portrait, landscape
    • color: black, white, gold
11. iPhone 6
    • device: iPhone6
    • orientation: portrait, landscape
    • color: black, white, gold
12. iPhone 6 Plus
    • device: iPhone6Plus
    • orientation: portrait, landscape
    • color: black, white, gold
13. iPhone SE
    • device: iPhoneSE
    • orientation: portrait, landscape
    • color: black, white, gold, pink
14. iPhone 5
    • device: iPhone5
    • orientation: portrait, landscape
    • color: black, white
15. iPhone 6 Hand
    • device: iPhone6Hand
    • orientation: portrait
    • color: black, white
16. iPhone 7 Hand
    • device: iPhone7Hand
    • orientation: portrait
    • color: black
17. iPhone 7 Hand 2
    • device: iPhone7Hand_2
    • orientation: portrait
    • color: black
18. iPhone 7
    • device: iPhone7
    • orientation: portrait, landscape
    • color: black, white, gold, pink, red
19. iPhone X
    • device: iPhoneX
    • orientation: portrait, landscape
    • color: black
20. Lumia 930
    • device: Lumia930
    • orientation: portrait, landscape
    • color: black, white
21. Macbook
    • device: Macbook
    • orientation: portrait
    • color: black, white, gold
22. Macbook 2015
    • device: Macbook2015
    • orientation: portrait
    • color: black, white, gold
23. MacbookPro
    • device: Macbook2015
    • orientation: portrait
    • color: black
24. Pixel
    • device: Pixel
    • orientation: portrait
    • color: black, white
25. Samsung TV
    • device: SamsungTV
    • orientation: portrait
    • color: black
26. Surface Pro 3
    • device: SurfacePro3
    • orientation: landscape
    • color: black
27. Surface Studio
    • device: SurfaceStudio
    • orientation: portrait
    • color: black

Icons made by Flat Icons from www.flaticon.com

1. Upload the plugin files to the /wp-content/plugins/wopo-mockup-maker directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Add shortcode [wopo-mockup-maker] to page you want to show app

1. 

   Shortcode

2. 

   Surface Studio

3. 

   iPad

4. 

   Chromebook

5. 

   Galaxy Tab 4

6. 

   Galaxy S5

7. 

   Galaxy S5 landscape white

8. 

   Samsung TV

9. 

   iMac

10. 

    Macbook

1.0.1

• Fix IphoneX missing

1.0.0

• First release