JOIN
LOGIN
INTRO   URLS   COPY / PASTE   EDIT / SAVE   ADD VIDEO  

...tried Mockup Page yet?



"I was stuck and couldn't login to my server. So I used Mockup Page to capture my idea. It's a FREE SaaS Ideation platform that's really out of this world. Trust me. It makes most of the worlds webpages editable without leaving the browser.

You simply enter the URL into Mockup Page and it opens it in a browser based WYSIWYG editor. You can change the content and save the changes as a flat HTML file ready for anyone to view. But that's just the start.

I recommend you create a free account today and start using Mockup Page. It has all sorts of uses for all types of people." (not Neil Armstrong)
CONTROLS: Click the SPACEBAR to play/pause the video. Pause reveals information. Use the left/right arrows to move to different locations in the video. Easy!

Select URL's to Open



You can load around 70% of web urls into Mockup Page. These may be your website urls, a prospect or clients url you want to improve or a template url to test new site designs.

Around 30% of urls can't be loaded and you'll see a message indicating such. Reasons why some urls don't load may vary. Some sites built in frameworks like React or Angular may not load and some sites security settings prevent it from being loaded. The only way to know is to load a URL and see the result.
  • HTML sites
  • Wordpress sites
  • WIX sites
  • jQuery sites
  • PHP sites
  • .Net sites
  • Template sites
  • Other sites

Copy and Paste URL's



Mockup Page contains a notepad area you can store the URL's you want to test. The user interface (UI) contains a field to insert the URL and a field to insert a video URL (optional) if you want to add video to the page. Hello Videographers!

Mockup Page is a full screen responsive WYSIWYG editor. This means that css transitions, jQuery FX and some JS works in the editor while still enabling you to change text content. You can also paste content from 3rd party sites into the page.
    To use Mockup Page for client prospecting visit a prospects site and select a few pages you could improve. Open them in Mockup Page and update the content. You can save the mockups and send their links to the prospect.

Edit and Save Mockups



Enter the URL and click Create Mockup. This reveals the page in a full screen WYSIWYG editor. Pro designers can right mouse click in the page and select Inspect to access and change the HTML source.

In the video underneath (toggle spacebar to pause/play) mockups are added to the My Mockup Pages menu once saved. They can be viewed as stand alone HTML flat files on the CDN and this link is available to the people you issue it to. Mockups can be saved to your HD, uploaded elsewhere, deleted and re-edited. And everything's fast.
With your FREE account you can work with up to 5 mockups at any one time. These are located in the MY MOCKUP MENU.

To save a sixth mockup you need to either delete one of the mockups from the menu or you can unlock unlimited mockups from inside the platform.

To create your account click INTRO.

Add Video to the mockup



Video is fast becoming the number one asset to improve a customers website experience. It's popular with Fortune 500 companies and 67% of businesses using video report better business outcomes including increased brand loyalty and purchase activity.

When a video url is included, clicking Create Mockup opens the page in the WYSIWYG editor but includes a video player in the top left corner. This can be resized and dragged into the page. It will appear wherever the cursor is located in the page.
See how good your videos look in different webpages or see how good a video would look in your webpage.

AUTO SETUP

  • YouTube
  • Vimeo
  • MP4
  • Cloud video
Looking for video ideas for your website? Source YouTube for the style of video you're after and import it into the page you want to see a video on.