You are a graphic designer or an experienced web designer and you want to present your creations to your potential customers?

No worries, in this tutorial, I will show you how to add presentations of your different models on WordPress using the plugin " mockup ».

mockup-installation-wordpress

The particularity with this plugin, is that it allows your customers to approve a model, add a comment or view the associated models.

How to install the Mockup plugin?

Nothing's easier. Since the plugin is available on WordPress.org, then you can install it from your dashboard. But you can also have it as a ZIP file in case you want to integrate it by default in your WordPress installations.

mockup

After installing and activating the plugin, you will definitely notice a new menu " MockUp »Available on your dashboard.

By clicking on it, you will access the interface which lists all the different models you have created. You may have understood it, it is a " Custom Post Type ". As a result, the editorial interfaces will be quite similar to those of articles and pages.

Without further ado, click on " Add new mockup To add your marquette.

ajotuer-a comp

On this new interface, you will notice a visual editor and further down a section entitled " Image's ". This section simply allows you to choose a marker in your images, set its position and change the image / color in the background.

section-image-s

You can group your mockups by assigning categories. Here it is more about customers or " customers ". Then click on " Publish To make your artwork available to customers.

The mockup presentation interface does not support the active theme, it uses its own theme.
In the center of the page (Or over its entire length) will be located the model and on the left of the buttons that allow you to access different functionalities.

Button mockup

Among other things with these features, it is possible to:

To approve a model

approve-a comp

Add a comment

Leave a comment

To access similar models (of the same category)

model-like

Access the description of the model

description de la comp

How to configure the plugin

This plugin also offers some options that can further simplify your life. Click on the " Settings Of the plugin to access the settings. You will notice that this page is composed of several wigets.

The "General Settings" tab

Here you can change the default background color, the email that will receive notifications (several addresses separated by a comma can be added).

mockup-menu-settings-general

The "Text" tab

This tab allows you to translate some information from the plugin. You must replace the correspondence in the following fields.

tab-text-mockup

The "Styling" tab

This tab allows you to customize the font color, add a custom CSS code, choose a particular font (either the basic ones or those available on Google Fonts).

tab-styling

The "Advanced" tab

If you plan to lock mockups, in order to restrict access then you may be able to choose to use WordPress' mockup locking system or a single password for all mockups.

mockup-advanced-configuration

That's all there is to it to showcase your mockups on WordPress. I hope this tutorial will be of great use to you. Do not hesitate to contact us with the slightest concern.