Wirementor website wireframing and prototyping for Elementor Pro | Walkthrough

kaycinho

Wirementor website wireframing and prototyping for Elementor Pro | Walkthrough

January 23, 2020
, 1:56 pm
, Freelancing, Kaycinho.com, Resources, Reviews, Skills, Tutorials, Web design, Web development

Wirementor walkthrough. Today I’ll walk you through WireMentor, a powerful tool I created to create wireframes and prototypes in no time, with the power of Elementor Pro.

DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).

WireMentor is I product that I created, so this is not a review because I’m obviously biased. Instead, it is a walkthrough so that you can see how it works and if it would be a good fit for you.

hello, I’m your host Kaycinho, I’m a digital alchemist and today we’ll take a look at WireMentor. A simple yet powerful tool to help you quickly wireframe, prototype and custom design your next website project. All within the comfort of Elementor Pro.

What is Wirementor?

WireMentor is a powerful wireframing and prototyping UI kit to be used with the award winning theme builder Elementor Pro. If you haven’t seen the Wirementor introduction post/video, you may want to click here. It was built with rapid implementation in mind to help you craft digital wireframes and prototypes in no-time. With rapid implementation in mind, this is why, despite Elementor library capabilities, WireMentor comes as a bundle of pages, and not saved layouts. Why is that? Simply because:

it’s more visual, therefore it is way faster to browse the demo site, and just click on Edit with Elementor when you want to copy, instead of an endless “import this layout” process
you can see the Block / Element / Layout in responsive context, before you decide to use it

Pre-requisites

In order to use WireMentor, you will need:

Elementor Pro
a domain name + webhosting, or a local solution such as Local By Flywheel (free)
a fresh WordPress install (from WordPress.org and NOT WordPress.com)
a page builder friendly theme such as Astra, Ocean Wp or the Hello theme

Wirementor in action?

Just take a look at the demo… Which was built with Wirementor! Inception, anyone? :p

Wirementor: where to get it?

PLEASE NOTE THAT to you need a valid Elementor Pro license in order to use WireMentor! That’s because Wirementor pre-styles Elementor Pro widgets and uses Elementor Pro theme builder features. In case you don’t have Elementor Pro yet, you can get it here.

What are you going to build with it?
So, I hope that I managed the video will help you better understand how to use Wirementor and whether or not it could be a good fit in your workflow. If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the channel and if you know someone that could benefit from it, I’m going to ask you if you’d like t share it now? If you want to brand, market and grow your business it in the Digital Age make sure you subscribe to my email newsletter so that you never miss your share of digital alchemy and tips, tools, services and case studies that can help you grow your business online. So, that’s it for this tutorial, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!

Share this post