Please assume as recent version as possible if not specified explicitly.
Note: Wordpress installer won't be able to install this plugin automatically due to it's size. Please install the plugin manually instead.
Extract your PasteUp! plugin into wordpress/wp-content/plugins folder on your server. Make sure the final dir structure is 'wordpress/wp-content/plugins/pasteup' with files in it that will look similar to this:
|-wp-content |-plugins |-pasteup |-language |-licensing |-media |-pasteup |-sample |-pasteup.php
In admin panel go to Plugins, locate PasteUp! and activate.
PasteUp! application can be opened from Admin Dashboard via clicking PasteUp! link in the sidebar menu.
Select mockups by clicking on Templates icon at the top of the screen.
To insert image in a mockup simply click the any of the available regions. Click Library icon and it will pop up Wordpress Media Library where you will be able to pick an image from the library, url, or computer. You can also upload images directly from your hard drive by clicking Upload icon, just right next to Library icon.
Source images should be bigger than the region size specified within regions. See region size note.
Upon selecting an region a Crop icon will show up on the screen.
When you're done cropping, simply click the tick (save) symbol on the top right part of the screen.
To cancel the crop in progress, click the X (close/discard) symbol on the top right part of the screen.
When you're done editing a mockup (preferably but not essentially with all the regions filled in with images) you can save it by clicking the Save button on the bottom right part of the screen.
Mockup regions that were not filled in in the process of mockup editing will appear gray upon saving/rendering.
Unless specified otherwise, all the mockups available in the application are licensed under the Creative Commons license enabling the use of generated images in both personal and commercial projects requiring only an attribution in exchange.
Source info about a particular mockup is available while editing mockup sticking to the bottom right side of it. If you're using any of the work done publicly, please do mention the source on behalf of the autors! Thanks!
We'd like to thank all the following sources and authors for making all the beautifull content available to the public. If we missed anybody in this list and you happen to notice it, please contact us!
To reset changes done to the mockup simply click reset button on the top left part of the screen.
All mockups that eventually get saved and rendered have a uniform size of either being 1280px wide or 720px high depending on their orientation. You can manipulate their size further via WordPress Media manager.
They're just suggesting how big the real life (as in when a mockup gets rendered and saved) are. You don't have to provide image of the exact specified size, however it's best if they're bigger to avoid quality loss.
Note: Wordpress installer won't be able to install this plugin automatically due to it's size. Please install the plugin manually instead. How to install the plugin manually.
No.
en utf-8 30/01/2025 17:36 2.94ms