Adding a New Mockup Project

Navigate to Mockups > Add New from your WordPress admin panel to begin. First, give your project a title. This title will also appear on the front end and be visible to the client. 

Give your project a title

Note: In order to save any changes made to the following options explained below you must click Publish or Update. Even though your project is "published" your client will not be able to see it until you share the link. 

In this Article

Adding Images

Begin creating your project by adding images. Click Add Images and choose existing images from your WordPress site media gallery or upload new ones. You can add as many images as you like. 

Change the order that the images will appear on the front end by dropping and dragging. Simply hover over the image, click and drag it to it's new position. Click  Publish or Update to save the project. 

Image Title

The title of the image will appear on the front end of your project and be visible to the client as well. Change the title by clicking on the title area and entering the new title. Click, Set Title to change then click Publish or Update to save the project. 

Image Settings

To change the specific settings for an image click the gear symbol in the bottom right corner of that image. After you change the settings listed below, click Set and then click Publish or Update to save the project changes.


This adjusts the horizontal alignment of the image. 

Size Behavior

Choose the size scaling or zoom of the image. Normal keeps the image it's original size, Hide Horizontal Overflow does something that I don't know yet, and Scale with Window Width will adjust the image to fit the size of the web browser window.

Background Color

Choose a background color for the image. This selection will override any default background color settings that were made in Settings > Customize for that area. 

Background Image

You can also choose to have a background image, to appear behind your project image. Enter a background image url in the space provided. 

Background Image Position

Choose the background image position from Center, Tile, Horizontal Tile, and Cover. 

Project Options

These additional options adjust the settings for the entire project. Remember to click Update or Publish to save any changes that were made. 

Project Options

Project Access

Select Require Users to Login where they'll need to sign in using an email and password set up on your WordPress site in order to view the project. 
Require a Password prompts the WordPress default password protected post to be enabled. Enter a password to be required for viewing the project. 
Select  Anyone with a Link and anyone can access the project when they know the encrypted link. 

Allow Guests

Tick this box if you want to  Allow Non-Users to Comment. Keep in mind, if you've selected Require Users to Login above, then non-users will not be able to comment, even if this is selected.

Approval Button

Tick this box to enable the approval button for your project.  

Retina Images

If you're using extra large retina display images for your project, tick this box to reduce them to half size. 

Email Notifications 

The admin is able to remove users from the email notification list of a project. Simply 'untick' the box next to user's email who would like to be removed from receiving notifications.

Email Notifications