Hello friends,

Do you want to create a webpage that looks exactly as you imagine? You do? But do you know HTML and CSS? No? Then don’t worry!

There is a solution that makes each page look like you desire with just a couple of simple drag&drop actions. It is called Zedity and it is available for WordPress and also as a standalone HTML5 online editor so that it can be used on every website.

Zedity

What is Zedity?

For the purpose of this review I will present it as a WordPress plugin. So for starters it is just that – an easy to use editor for your webpages in WordPress.

How to use Zedity?

In order to use it you have to pass through the usual steps. First search for Zedity in the “Add New” plugins menu in WordPress or upload the zip file after you download it from the official wordpress.org page. Then install and activate it.

Then head to Settings -> Zedity Editor. Here you have to adjust some options.

Zedity Settings

The first option allows you to choose the content save mode. There are two possibilities:

  • Isolated mode: the HTML content is saved into a file in your Media Library and loaded inside an iframe into your page. This is useful to prevent the theme or other plugins from causing undesired modifications to your designs.
  • Standard mode: the HTML content is saved inline, just like if it was created with the WordPress editor (and, as such, other plugins or the theme may modify it). This is the preferred mode for SEO and social sharing.

By default the Standard mode is enabled and my personal option (as a SEO guy) is to leave it as it is.

The second option is related to the content size. Here you need to set the content width and height in pixels. This will be the default size but you can change it later while editing.

Then you need to enable or disable the content preview. It is great and allows you to see in advance the fruits of your design, however it only works in isolated mode.

Then set the content space options. This means that if you enable them Zedity will leave a blank line above and below the contents created with the plugin while saving. If you don’t want this line then simply disable it here.

Some themes/plugins provide responsiveness for iframes. In such cases, you may need to enable the “No conflict mode” option next. However this only applies for isolated save mode once again and it is set to off by default.

If you want to support Zedity you can enable the “Powered by Zedity” watermark. You can apply it to:

  • Top left;
  • Top right;
  • Bottom left;
  • Bottom right;
  • Or you can simply disable it;

The free version of Zedity allows you to embed video from YouTube and Vimeo and audio from Soundcloud and Reverbnation. The paid version extends this to more than 20 audio and video services.

Then you can set additional web fonts that Zedity can use in addition to the standard ones. The free version comes packed up with only 4 fonts that come from the Google Fonts service. It is recommended to keep the number of enabled fonts to a minimum as more of them will result in a slower page load speed and you don’t want this to happen as it is negative for SEO.

The paid version of Zedity however allows you to integrate more than 100 web fonts.

So enough with the settings! Click on the “Save Changes” button and proceed to the post/page visual editor.

There you will see the “Z” icon and by clicking on it the editor will appear and you can start creating your page exactly as you wish. It is fun and extremely easy to use, however it is limited in the free version.

Zedity Z button

Zedity Editor in Action

For more information I’d recommend you to visit the official installation and usage documentation of Zedity (click here) and also to watch this presentational video in order to fully comprehend the benefits of this editor:

So this is it friends. Will you give Zedity a try? Or maybe you already have done this. In this case it is really important for us to see whether you are happy with this plugin or not. Share all this in the comments section below. By the way its license is GPL3 which means that this is an Open-Source product.

In order to end this post, I’d like to summarize the benefits of using Zedity:

  • Extremely easy to use – works only with drag&drop and no coding is necessary;
  • Saves time – create wonderful designs in just a couple of minutes;
  • Superb results that look professionally – Zedity is quite powerful and everything that you will create with it will look professionally as if it was created by a true web designer;
  • Support – Zedity’s team will help you in case of a problem;

Happy editing, friends! See you soon!