Michael Makijenko, Author at Visual Composer Website Builder https://visualcomposer.com Create Your WordPress Website Tue, 21 Jun 2022 18:46:11 +0000 en-US hourly 1 https://wordpress.org/?v=5.8.4 https://visualcomposer.com/wp-content/uploads/2018/11/cropped-vcwb-favico-32x32.png Michael Makijenko, Author at Visual Composer Website Builder https://visualcomposer.com 32 32 Announcing Yourday and a Four-day workweek https://visualcomposer.com/blog/announcing-yourday-and-a-four-day-workweek/ https://visualcomposer.com/blog/announcing-yourday-and-a-four-day-workweek/#respond Thu, 02 Jun 2022 11:35:27 +0000 https://visualcomposer.com/?p=34919 After running the 4 day workweek experiment for six months, we are ready to make some conclusions and adopt this new way of working.

The post Announcing Yourday and a Four-day workweek appeared first on Visual Composer Website Builder.

]]>

Last year in November we started an experiment - Yourday. The idea was simple: we would work four days a week, take one extra day off to pursue our own interests, and come back on Monday energized and fully rested.

4 day workweek

Why 4 day work week?

We do what we preach, and we preach well-being and high performance for ourselves and our colleagues.

We relied on two core ideas:

  1. We live in a fast-paced ever-changing world of too much. Five days a week is a long time to be at work, and two days is not enough time to relax and recharge.
  2. In general human beings are very adaptive and respond well to stretching goals, so we can definitely achieve the same or even more in less time with sharper and more focused minds and energy.

Yourday experiment

We announced within the company, that we want to run the Yourday experiment for the next 6 months.

The hypothesis is stated a - Shorter workweek will have a positive effect on our happiness and productivity.

  • Same pay. Everyone works one day less per week, but their pay is the same
  • Fewer hours. Extra hours were not added on the other four days to make up for the "missing" day
  • The same flexibility in working schedule
  • No changes to the “work from anywhere” policy
  • Make Friday #Yourday - do what you want on this day!

Conditions

  • Support and product quality must stay at the same level or better
  • We will evaluate productivity subjectively by discussion and reflections in each sprint
  • Support needs to self-organize (agree on shifts). And as before development team needs to keep an eye on the support slack channel in case of something urgent comes up
  • Thursdays are not the new Fridays

We were open, that if it even feels something is getting out of control, we will stop the experiment.

The initial response from the team was appreciative but with some concerns. Most got right away excited and a couple of team members weren't sure if it was going to work.

The next step was to actually start the experiment and see if it works.

Is working 4 days a week good?

After running the experiment for six months, we are ready to make some conclusions.

  • Weekly productivity stayed the same. We have not out delivered or wowed ourselves, but we delivered to our clients what we planned and delighted them with a few extras
  • Quality was not jeopardized. The number of critical errors went down. We kept our famous support at the highest level with a satisfaction rate above 90%
  • We noticed everyone started to care more and be more proactive. We know this will help us to achieve better results in the long run
  • All feel happier, and we all have more time for our hobbies and families
  • Perhaps the best part is that we don't even miss those extra working hours.

Yes, we continue to pursue less is more and keep a four-day workweek.

We will keep on challenging ourselves to find ways of doing more with less time. And we encourage you to do the same!

Some reflections

Accept, that you will do less, but with better decision making and quality. Have a mix of quantitative and qualitative, subjective and objective metrics to follow.

If your product and process are in a bad shape, first commit as a team to sort this out. When you are part of a mess or tons of manual processes it is your responsibility to invest time and improve the situation.

It takes time to adjust. You will continue to plan more and stress about it. You need time to do an inventory of where you used to invest your time, and how can you work smarter to achieve more with less time. This challenge is for every individual and every team; do not expect someone will tell you how to do it. We are adults and if we want to make a work revolution we need to be able to sort this out.

One of the key arguments we hear from other companies is that flexible time is more important. We disagree, four-day workweek and flexible time are not substitutes for one another. Flexible time helps you to integrate work and private life better. The four-day workweek is the next level for our quality of life. Knowing you have three days to yourself with little to no chance to be involved in work makes wonder about your well-being.

Remember, only in 1929, the Amalgamated Clothing Workers of America Union was the first union to demand and receive a five-day workweek. The rest of the United States slowly followed, but it was not until 1940, when a provision of the 1938 Fair Labor Standards Act mandating a maximum 40-hour workweek went into effect, that the two-day weekend was adopted nationwide. Before that, the norm was around 48 hours per week (Saturdays included).

Context: We are a multinational, distributed team of 18 people total with 8 engineers, 3 support agents, and 4 marketers making international products.

The post Announcing Yourday and a Four-day workweek appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/announcing-yourday-and-a-four-day-workweek/feed/ 0
Announcing New Visual Composer Plans and Lifetime Plan https://visualcomposer.com/blog/announcing-new-visual-composer-plans-and-lifetime-plan/ https://visualcomposer.com/blog/announcing-new-visual-composer-plans-and-lifetime-plan/#comments Fri, 12 Nov 2021 08:22:40 +0000 https://visualcomposer.com/?p=33500 Today we are very happy to announce that Visual Composer plans are changing to support your growth and workflow. Many of you said that there was a big gap between the plans. Others have dreamed about the Lifetime plan. So here we are. You asked for it, so we made it happen.

The post Announcing New Visual Composer Plans and Lifetime Plan appeared first on Visual Composer Website Builder.

]]>

Today we are very happy to announce that Visual Composer plans are changing to support your growth and workflow.

Many of you said that there was a big gap between the 3 Websites and the Developers' plan.

Others have dreamed about the Lifetime plan.

So here we are. You asked for it, so we made it happen.

Please meet new pricing plans that reflect your current needs and allow even more features in the future: Single, Plus, Accelerate, Growth, and Agency.

What is changing and what isn't?

  • Changes apply only to the new purchases. Every active subscription remains the same. All users with active subscriptions can stop reading here. Nothing is changing for you 🙂
  • New shiny plan names to reflect your growth: Single, Plus, Accelerate, Growth, Agency
  • New Lifetime plan
  • Regular updates, speed of new feature releases, support response time stay at the same great rate. You are in good hands

New plans to support the growth of your business

With the new plans, we are closing a big gap between pricing plans. You can now buy more or fewer licenses, so you get exactly as many as you want. And upgrade anytime.

It is time to enter a new stage of growth!

Our pricing plans have always supported those who just make the first steps in the WordPress world. And we are happy to say that our Single plan remains democratic and with a very affordable price for anyone.

Single

Good old and so loved Single plan remains the same. Just $49/year per single website.

It’s perfect for website owners who need just one license and doesn’t want to bother with pricing plans.

Plus

Same price - more websites.

We renamed the 3 Websites plan to Plus, added extra licenses, and kept the same $99/year price. We are making it cheaper to have more websites. The price per website is 40% cheaper in the new Plus plan. Which makes it a no-brainer to upgrade from a Single to Plus plan now.

Plus plan is great if you want more than one site or you are just starting out your business and are not big enough to justify Accelerate pricing plan. Although, we recommend checking out the new Accelerate plan below! 🙂

Bonus: If you have an active 3 Website subscription, let us know and we will upgrade it for free.

Accelerate and Growth

There was a big leap between the 3 Websites plan and Developers. We fixed that. We expanded our pricing plans so there is a pricing plan for everyone.

Accelerate plan comes with 20 websites included and affordable $149/year, and Growth with 100 websites included for $349/year. Make the next step safer and upgrade with a pace that is comfortable for you.

Agency

Agency plan comes with 1000 websites included for $849/year for those who unleashed their creativity and deliver world-class websites as a creative beast.

As low as $0.85 per website per year. You are truly unstoppable.

Lifetime

Last but not least, we added a Lifetime Plan! It will be available starting from the Black Friday sale (make sure to subscribe otherwise you might miss this sale). It is perfect if you don't want to manage subscriptions on behalf of your clients. Instead, charge your clients for the license on a per-project basis. Simple and clean.

Of course, you get a lifetime of plugin updates, but the Lifetime plan comes with a twelve-month support period which you can extend if needed.

Overview

The pricing table below will help you choose a plan that best fits your business and current needs.

Visual Composer new Plans

Stability and peace of mind

If you have an active Visual Composer subscription, you don't need to worry. You can keep using it while your subscription is active. Or upgrade anytime you wish in My Visual Composer.

All our users with an active subscription will continue receiving and benefiting from:

  • Support reaction time. It feels good to know you're not alone when dealing with an issue
  • Regular updates, new features, content elements, and addons delivered free of charge

Better Visual Composer

Visual Composer becomes better with each new update. We work hard to provide you with the latest features and new possibilities while making it even more intuitive and easy to use at the same time.

Font Manager, Insights, Role Manager, Complete Theme Builder, and much more. Dive deeper and read our past Product Updates to find more or simply refresh the info.

And lastly, thank you for all the kind words and support that we receive from you.

"Since I discovered VisualComposer, I only want to use it !! it is clean, very design and includes a lot of modules (visual elements and programs) there are more and more properties with each update, and on this side, they do not heat up, they are very active."

and...

"Been using visual composer for years. It’s been an awesome plugin for all of our page-building needs. The updates with the headers and footers being able to be edited from within the editor have been great and have decreased our dependence on WordPress themes since we can now just create everything within Visual Composer."

As always, the Visual Composer team is always ready to help or answer your questions. And if you are on Facebook - join our lovely community page.

The post Announcing New Visual Composer Plans and Lifetime Plan appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/announcing-new-visual-composer-plans-and-lifetime-plan/feed/ 3
Role Manager: Control User Role Access And Capabilities https://visualcomposer.com/blog/role-manager/ https://visualcomposer.com/blog/role-manager/#comments Tue, 01 Jun 2021 09:32:53 +0000 https://visualcomposer.com/?p=31967 Role Manager allows you to configure the Visual Composer feature access for different WordPress user roles. Grant permissions to your tech-savvy teammates or restrict access for your clients to secure the site overall look from unneeded modifications.

The post Role Manager: Control User Role Access And Capabilities appeared first on Visual Composer Website Builder.

]]>

Visual Composer 37.0 is here with the user role manager - a feature that gives control and security to advanced users, developers, and agencies.

Role Manager allows you to configure the Visual Composer feature access for different WordPress user roles. Grant permissions to your tech-savvy teammates or restrict access for your clients to secure the site overall look from unneeded modifications.

Visual Composer Role Manager can save your hours of maintenance:

  • Control who can access advanced features
  • Give your clients a secure way to modify content
  • Simplify the interface for non-technical users
  • Secure your site overall look
  • Modify default access rights to your preferences
  • Control user role access to specific post types
  • Configure access rights for WordPress default and custom user roles
  • Keep your site clean by restricting media and addon download

Visual Composer is getting more and more developer-friendly

Before creating Visual Composer, I was working as a web developer. Back then, maintenance service was a good way to create a recurring income.

Yet, we all know that changing URL here, updating a paragraph there, and adding a picture here can get you off the grid pretty quickly. As a developer, I wanted to focus on my primary job and address technical issues as a part of the maintenance process.

What I was missing back then is something I am proud to present today.

Role Manager gives a quick way to configure access rights so your clients can edit only certain parts of the page. At the same time, you are safe - no harm will be done to the overall look and feel of the site.

Spending 10 minutes configuring #WordPress user roles can save you hours of maintenance work.

In addition, restricting access can help your clients in a different way.

Many non-technical users complain when having too many options. By restricting access, you can actually lower the barrier for them to manage their own content and they will appreciate it.

You can even restrict access to specific post types or downloading content from the Visual Composer Hub. We know that people like to download free stuff, and with 200 elements, Visual Composer Hub is a honeypot for them.

Do you develop a website for a large organization? Great, Visual Composer allows you to configure custom user roles per your business needs.

As you see, the Role Manager may sound like a simple feature, yet it gives you so many ways to improve your and your client’s work.

How to get started with the Role Manager

The Role Manager is a premium addon you can download from the Visual Composer Hub.

Once downloaded, you can access the Role Manager from your Visual Composer Dashboard (WordPress Admin).

Visual Composer Role Manager options and capabilities

The Role Manager will list all the available user roles with preconfigured access rights. To modify the permissions, expand the user roles and adjust your settings.

Don't forget to save changes.

For a detailed tutorial and video on how to use the Role Manager, visit our Help Center.

While working with the Role Manager, there are few things you should know.

First, all Visual Composer features are disabled for custom user roles by default for security purposes. You can enable them at any time per your preferences.

Visual Composer Post Types Role Manager

Second, we love WordPress and rely on default configurations. This means that you should ensure that your WordPress user role configuration does not conflict with your Visual Composer Role Manager settings.

And last but not least, remember that you can restrict access to certain elements of your site by using the Element Lock feature which is a part of the Visual Composer Role Manager.

What's else? Role Manager Presets

Laziness is the mother of invention. We have just introduced the Role Manager but that's not all.

Role Manager presets are a quick way to adjust user roles. You can choose one of the pre-configured sets for any of your user roles and skip adjusting every single option.

At the same time, you can always go into custom mode and adjust presets to your liking.

Ok, now that we have looked into the Role Manager addon, I want to hear your thoughts. Jump into the comments below and help us define what other agency-grade features you need in Visual Composer.

Haven't tried the Role Manager yet? Get your Visual Composer Premium license and enjoy all the pro benefits.

The post Role Manager: Control User Role Access And Capabilities appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/role-manager/feed/ 3
How To Backup Your WordPress Site https://visualcomposer.com/blog/how-to-backup-your-wordpress-site/ https://visualcomposer.com/blog/how-to-backup-your-wordpress-site/#respond Tue, 01 Sep 2020 08:47:35 +0000 http://t.visualcomposer.com/?p=30156 What is the difference between WordPress database and WordPress site backups? Get to know how you can back up both.

The post How To Backup Your WordPress Site appeared first on Visual Composer Website Builder.

]]>

Have you heard the saying - if you have one copy then you don’t have any copies at all? Usually, we only think of backups when something happens and we lose important information.

But we should actually pay attention to already backing up the website at the planning stage. Backup is the only way to avoid problems that are sometimes created by circumstances beyond your control. If your database is backed up, you can simply restore everything. And your website will work again.

Experts suggest keeping at least three backups or copies in different places. If one backup version is somehow damaged, you will have other options.

Regarding storage places, it is not just computer hardware that you can use for this purpose. You should also consider the option to keep the data in a cloud and/or removable disk. Sometimes it might not seem to be easy, because of the fact that the file might be huge and may require a lot of space. In this case, you should carefully take a look at all information that is backed up. There is probably something that creates a huge amount of data, which you actually don’t need such as statistical data or anti-spam solutions.

In this article we have explained:

  • What is the difference between WordPress database and WordPress site backups?
  • How can they both be backed up?
  • How can you restore the information from the backup?
  • Backup automation or using the most popular backup plugins.
  • How often should you update the backup of the WordPress site?

WordPress Database And Backup

There are two backup options. You can backup a WordPress database or WordPress site. The database does not include images and theme files. The WordPress database is just pages, posts, and comments. Backup of this part can be easily done by phpMyAdmin - a special program to manipulate the database:

Step 1

Enter the ‘phpMyAdmin’ administration panel.

Step 2

Choose the WordPress database on the left side of the panel: PhpMyAdmin WordPress Database

Step 3

You will see all the content of your database in the central window.

Step 4

Choose the option ‘Export’ from the menu tab over the central window. Ensure that you choose the ‘Quick’ export method and leave the ‘SQL’ format: PhpMyAdmin Database Structure

Step 5

You will get the .zip file that should be stored on your computer or any other place that you have chosen for the backup of the database.

Restoring The Database

When something has gone wrong with your current database and you have to get back the one you backed up, follow these steps:

Step 1

Log in to ‘phpMyAdmin’ and choose the tab 'Databases'. Open it, and select the one you need to import to. Just open it by clicking on the name: PhpMyAdmin Databases

Step 2

When you open the folder, you will see all the content that is inside. If the folder is empty, there won’t be any data.

Step 3

Choose the tab 'Import' from the upper menu: PhpMyAdmin Database Import

Step 4

A new window will open where you have to choose which file to upload by pushing the button 'Choose File'. Choose the backed up database file you have made earlier and stored. One more important thing in this window - make sure that the 'Format' field remains with the 'SQL' option. Click 'Go'. PhpMyAdmin Select Files The restoration process has begun and it can take a while. There are two options possible at the end - the screen that shows the success message or the one that shows that something went wrong. If something went wrong, you should read the message and try to take the necessary actions as suggested.

Otherwise, you can ask somebody with knowledge of programming for help or just post your problem in the WordPress support forum.

WordPress Site Backup

All other information that was not mentioned above, but is part of your website, can be classified as a WordPress site. In this category, there are core installations, plugins, themes, different code files, and static web pages.

All this data is essential to run the website so it should also be backed up. The first thing to do is to ask your hosting provider how often backups are made. Usually, server keepers make backups for the whole server. It means that your website is also backed up.

The only problem is that it takes some time to get a copy of the site. Thus, there can be a situation in which your website is down and you cannot restore it quickly. This can cost you a lot of money if, for example, it is not possible for your customers to make any purchases on your site for a while.

There are three options for the WordPress site backup that you can do by yourself:

  1. Ask the hosting provider about backup programs that you can use inside the server to make the backup manually. They usually have some. Cloudways for example allows you to set up automatic backups as often as you like, or manually back up your server with just one click.
  2. Synchronize your site and server using programs that allow doing this. For example, there is an open-source program Filezilla that is a free FTP solution and allows you to transfer files between a local computer and the server;
  3. Copy all your website files on the computer in one folder or in the cloud or on removable hardware. If the files are big altogether, you can compress them into a zip file and keep it that way to save space.

The same rule applies here - keep the backup in at least three different places to be absolutely sure that your whole WordPress site is safe.

Automatic Backups With Plugins

If you don’t want to be in control of everything manually, then you can create automatic backups by using the appropriate backup plugin. There are several options.

All you have to do is install the plugin as you usually do, i.e. access the ‘WordPress’ administration dashboard, choose ‘Plugins’ on the left side menu, and look for one of those mentioned below. When you have installed the plugin successfully, just configure the settings and your ‘WordPress’ site or database is backed up.

Most Popular WordPress Backup Plugins

Here is the list of the most popular ‘WordPress’ backup plugins:

BlogVault

BlogVault is the most reliable WordPress backup, staging & migration solution trusted by over 300,000+ websites. It can backup or migrate a 300 GB site without overloading your server ever.

It has the fastest website recovery tool (< 5 mins). BlogVault also offers Off-site Storage by enabling the upload of backups to Amazon S3, or Dropbox, or even downloading it to your local computer.

BackWPup

This plugin creates a .zip file with all the information that keeps your website running. Free and premium versions are available with different levels of support accordingly. All storage options are available, although some of them such as ‘Google Drive’ are only available in the premium version.

All-in-One WP Migration

With this plugin, it is possible to export everything: database, media files, plugins, and themes. A mobile version is also available, which is not common among this kind of plugins. Easy backup and storage of data directly to ‘Dropbox’, ‘FTP’, ‘Google Drive’, ‘One Drive’, and some other services.

Updraft Plus WordPress Backup Plugin

Also provides easy backup and data stored directly into the most popular clouds. Although the range differs depending on whether you use the free or paid version of this plugin. With Updraft, it is possible to send all data by email, as well as to set up an automatic backup schedule.

BackupBuddy

BackupBuddy backs up all files, media, themes, and plugins in one downloadable zip file. Provides scheduled backups as well as an easy system for restoring all information in case something happens.

Most Popular WordPress Database Backup Plugins

It is possible to backup only databases in WordPress. There are also several plugins for this:

  • WP Migrate DB - should be used together with the database management tool ‘phpMyAdmin’. That is why this plugin is more appropriate for use by developers. It can migrate smaller data by identifying strings and replacing them;
  • WP Database Backup - manual and automated versions available for database backups. It is possible to set up a schedule and keep data in different places: clouds, as well as e-mail. The plugin also allows you to exclude some tables from the overall backup.

When and how often to do the backup?

Back up should be done before updating WordPress or plugins. That is a must if you want to keep everything in the right order.

Otherwise, the frequency of updates depends on how often you change something on the site. If your last change has not been backed up, you will lose it. If you are ready for this, you cannot back up the site after every change. Just set the time frame that is acceptable for you. And now it is time for you to share your experience.

How do you do backups? How often? Or are you someone with strong nerves who feel lucky? 🙂

Want To Get More Articles Like This?

Be the first to know more news, updates & web design tips from Visual Composer.

By entering your email, you agree to our Terms of Service and Privacy Policy.

The post How To Backup Your WordPress Site appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/how-to-backup-your-wordpress-site/feed/ 0
How to Add Unsplash Images to WordPress https://visualcomposer.com/blog/how-to-add-unsplash-images-to-wordpress/ https://visualcomposer.com/blog/how-to-add-unsplash-images-to-wordpress/#respond Mon, 28 Oct 2019 12:02:23 +0000 http://t.visualcomposer.com/?p=26550 Unsplash is a platform where photographers can share high-resolution images and make them freely available for commercial use. In this post, we’ll tell you all about Unsplash. This is a step-by-step guide on how to find and add stunning photos to your site.

The post How to Add Unsplash Images to WordPress appeared first on Visual Composer Website Builder.

]]>

How cool would it be to have a huge collection of high-resolution photos that you can access to find the perfect image for your website? And how great would it be if that collection was totally free – like a personal resource to tap into whenever you like?

It would be amazing, right?

Well, Unsplash is that resource. In this post, we’ll tell you all about Unsplash. Then show you, step-by-step, how to find and add stunning photos to your site. From top to bottom, we’ll cover:

  • What Unsplash is;
  • Why you should use Unsplash;
  • The Unsplash Licence;
  • How to add Unsplash Images to your website manually;
  • How to add Unsplash Images to your website with a plugin;
  • How to add Unsplash Images to your website with the Visual Composer and Unsplash integration.

Before we get into all of that good stuff, though, let’s talk about why images are so important to your content.

The Difference an Image can Make

We’ve all heard the old adage, ‘a picture is worth a thousand words.’ It's about as cliche as cliches come. But like many cliches, it’s true – an image can convey a message or meaning more effectively than words do.

That’s not to say you should abandon words in favor of images. Copy and audio can be powerful tools. However, when it comes to getting your content to stick in the mind of the viewer, nothing beats visuals.

According to molecular biologist John Medina, when we hear information, we’re only likely to remember 10% of it three days later. Add an image to that information and we remember 65% of it.

That’s why images perform so well as a content marketing tool. Check out these statistics from marketer Larry Kim:

  • Posts that include images produce 650% higher engagement than text-only posts;
  • Articles with images get 94% more views;
  • Facebook posts from brands that included images earn 87% of all engagements;
  • Tweets with images get up to 18% more clicks, 89% more favourites, and 150% more retweets;
  • 51% of B2B marketers prioritise creating visual assets as part of their content marketing strategy.

There are dozens of more stats we could throw at you, but you get the point: images are great. And Unsplash is the best place to find them.

What is Unsplash?

Unsplash is a platform where photographers can share high-resolution images and make them freely available for commercial use.

Co-founder Mikael Cho explains how the platform came to be in a post on the Unsplash blog:

"It began as a Tumblr blog with ten photos we had leftover from a photoshoot. Instead of letting our photos sit dead in a hard drive somewhere, we thought it would be better if they were put to use to move other creative projects forward. A freelance designer could grab an image to pitch a mockup or demo. An entrepreneur strapped for cash could put a website up with a nice background photo to attract potential customers.

We believed the good from giving our images away would far outweigh what we could earn if we required payment or credit."

That was back in 2013. Today, Unsplash has over 1.2 million photos available, which receive over 13 billion photo views and 64 million photo downloads a month.

Every month, a community of over 158,000 photographers uploads more than 65,000 photos across multiple categories, from fashion and nature to business and experimental. And the exposure they get far surpasses what’s possible on social media.

Why use Unsplash?

There’s a fine line when using stock images which are crossed the moment a stock image looks like a stock image.

What we mean by that is your images need to look natural.

For example, let’s say you needed an image of someone reading from an iPad. Which image makes a better impression?

This?

Bad stock photo example

Or this?

Unsplash stock photo

The first one has its place, but it's not as natural as the second image. It’s colder and harder to relate to. And if a person can’t relate to an image that you post on your website, they’re not going to relate to you.

The second image here is from Unsplash.

Because Unsplash attracts the best photographers, you get to choose from images shot by people who know how to craft photos to capture attention and create emotion. Images that don’t look false or staged.

You're also guaranteed images that look as good on an iPhone as they do on a 50-inch 4K TV – an important factor in the age of multiple screens and responsive websites.

The Unsplash Licence

Photos on Unsplash are available under the Unsplash License. This is similar to Creative Commons Zero license, but with added restrictions to prevent images being used on a rival service.

From Unsplash: All photos published on Unsplash can be used for free. You can use them for commercial and noncommercial purposes. You do not need to ask permission from or provide credit to the photographer or Unsplash, although it is appreciated when possible.

More precisely, Unsplash grants you an irrevocable, nonexclusive, worldwide copyright license to download, copy, modify, distribute, perform, and use photos from Unsplash for free, including for commercial purposes, without permission from or attributing the photographer or Unsplash. This license does not include the right to compile photos from Unsplash to replicate a similar or competing for service.

Adding Unsplash Images to Your WordPress Website

When you find an Unsplash image that you’d like to add to a post or page on your website, you’re free to download and use it how you want, as many times as you want. There are three ways you can do this:

  1. Download the image from Unsplash and manually upload it to your site.
  2. Use a third-party WordPress plugin.
  3. Use the built-in Unsplash and Visual Composer Integration.

How to Add Unsplash Images to WordPress Manually

Step 1: Go to Unsplash.com and search for an image using the search bar or categories.

Unsplash search bar

Step 2: Download the image that you like from Unsplash by clicking the download icon that appears when hovering over an image, or by clicking the image and hitting the Download free button in the pop-up.

Download Unsplash image

You don’t have to credit the photographer, but if you want to help them gain more exposure, copy the link from the ‘Say Thanks’ pop-up that appears after you download the image.

Say thanks

Step 3: Compress your images using a free site such as TinyPNG or Compressor.io. This step is important because large image files are a common reason for slow loading websites – a dislike of both visitors and Google. As these stats from Unbounce prove:

  • 46% of people say waiting for pages to load is what they dislike most about browsing the web on mobile;
  • A 100-millisecond delay in load time can cause conversion rates to drop by 7%;
  • Pages that load within two seconds have an average bounce rate of 9%, while pages that take five seconds to load have a bounce rate of 38%.

Step 4: This step is the same whether you’re adding an image to a page or a post. Note: For adding images to backgrounds or carousels, go to the Appearance section of your dashboard. From there, follow the documentation of the theme that you’re using. Go to Pages (or Posts) and click Add New.

Add new

Step 5: Click on the Add Media button (to upload an image in a particular place on a page, move the cursor to the correct place within the text editor before clicking Add Media). Your Media Library is where all of your images are stored.

Add media

Step 5: In the Media Library, click on the Upload Files tab, then drag-and-drop, or select your Unsplash image from your computer.

Add media pop-up

Step 6: Before you click on the image and hit the Insert into page button, add alt text, caption, and description text to your image. Then check the image is the correct size by clicking on Edit image.

Image attachment details

Step 7: From the Edit box, use the Scale Image and Image Crop options to make sure your image is exactly how you want it to appear on your website. Once you’re happy, click Save, then Back.

Edit image in WordPress

You’re now ready to insert the image onto your page.

Fairly straightforward, right? WordPress tends to do a good job of keeping things simple.

Where the manual method does fall short, though, is when you have to source and upload multiple images.

If you’re a prolific blogger or are building a new website and populating it with images, going back and forth between Unsplash and WordPress become a bit of a slog. Especially if you have to edit the size of the photo every time.

If you plan on being a regular visitor to the Unsplash library, the following methods may be better suited.

How to Add Unsplash Images to WordPress with a Plugin

WordPress plugins are a lot like apps on your smartphone – there’s one to solve every problem. For uploading Unsplash images to your posts, the best plugin option is Instant Images, which gives you access to photos from your WP dashboard.

Instant Images plugin

Here’s how to add it to your website:

Step 1: Go to Plugins > Add New and search for ‘Instant Images.’

Step 2: Click on Install Now. Once the plugin has installed, click on Activate.

Step 3: Instant Images will now appear as a menu item under Media. Click on Instant Images to adjust the plugin settings and search for photos.

Step 4: When you’ve found the image that you want, click on it to import it to your Media Library (if you want to edit the alt text before adding an image to your Media Library, click on the gear icon).

Step 5: Add images to your posts and pages from the Add Media pop-up in the text editor, as shown in the manual upload method.

If you don’t already have images in your Media Library, an Instant Images button will be added to the text editor from which to find and add Unsplash images to your content via a pop-up.

Once installed, Instant Images is a quick and simple way to get quality photos. But if you’d rather avoid installing a plugin and keeping track of updates, the next option is your best bet.

How to Add Unsplash Images to WordPress using Visual Composer

Before we show you how to add Unsplash images to WordPress in Visual Composer, let's talk a little bit about the feature itself.

What is Unsplash Integration?

The Visual Composer Unsplash integration is a way to access the Unsplash library directly from your website editor.

We created the feature to streamline the process of finding and adding Unsplash images to your website. It does this in two ways:

  1. By giving you access to Unsplash from the Visual Composer Hub.
  2. By making images available in different file sizes to eliminate the time-consuming task of manual compressing.

Are all Unsplash Images Available?

They sure are. The Unsplash you see under ‘Stock Images’ in the VC navigation bar isn’t any kind of ‘lite’ version. It’s the full, live Unsplash website.

The only differences are that you’re using it in the backend of your website rather than in your web browser. And rather than downloading images to your computer, they’re sent directly to your Media Library.

Downloading and Adding Unsplash Photos with Visual Composer

Step 1: Click on the Stock Images tab from the Visual Composer Hub.

Unsplash in the Visual Composer Hub

Step 2: Search for your free stock images in the search bar by entering keywords. For example, if you’re looking for images of fresh seafood, you might enter the ‘seafood market’.

Unsplash search bar

 

Step 3: Click on the image you want to download and choose your file size: small, medium, or large (for your website, smaller files are best).

Your image will be sent directly to your Media Library.

Step 4: Use Visual Composer image elements to add Unsplash images to your website from your Media Library. Images will automatically resize to suit the size of the content block.

Unsplash photos work for every Visual Composer element that lets you use images:

  • Blog posts
  • Web pages
  • Backgrounds
  • Banners
  • Carousels

Wrapping up

Using high-quality images across your website makes your content more engaging and memorable.

With Unsplash, you get access to world-class photography in every category you can think of, for FREE. What’s more, you get to use those this photography however you please to make an impact.

Follow the steps in this post to find and add Unsplash images to your website.

If you use images rarely, the manual upload method will serve you fine. If you use images often, go with the Visual Composer Unsplash integration to save you time and effort, and keep 1.2 million beautiful photos at your fingertips.

The post How to Add Unsplash Images to WordPress appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/how-to-add-unsplash-images-to-wordpress/feed/ 0
How to Make an Effective UX Portfolio Website https://visualcomposer.com/blog/how-to-make-an-effective-ux-portfolio-website/ https://visualcomposer.com/blog/how-to-make-an-effective-ux-portfolio-website/#respond Tue, 10 Sep 2019 13:06:40 +0000 http://t.visualcomposer.com/?p=24973 Job growth for UX designers is projected to increase by 22% in the next ten years. Which means you’re in demand.

The post How to Make an Effective UX Portfolio Website appeared first on Visual Composer Website Builder.

]]>

Job growth for UX designers is projected to increase by 22% in the next ten years. Which means you’re in demand.

Companies are looking to hire people like you. Of course, you don’t want them to hire people like you. You want them to hire you.

And how do you do this?

With a killer portfolio. One that acts as a highlight reel of your best bits so that hiring managers are left in no doubt who they need.

In this post, we’ll show you how to make a UX portfolio website from scratch, including:

  • What to include in your UX portfolio
  • How to present your portfolio
  • What type of site to go for
  • What you need to do before putting your portfolio live

But before we get into all of that. Let’s get the big question out of the way...

What makes a good UX portfolio website?

The ultimate aim of a portfolio website is to land you work. So what makes a good UX design portfolio is what impresses the people looking to hire you.

According to a panel of UX recruiters and hiring managers attended by Usable Interface’s Kyle Soucy, a UX portfolio website should...

  • “Demonstrate your passion.”
  • “Be CLEAN and really highlight your work.”
  • “[Be] a demonstration of your UX chops not just a place to put artifacts. Tell the story of how you got to the solution your sharing, but don’t be long-winded.”
  • “Keep it brief.”
  • “[Be] a way to get in the door. Once you’re at the interview, have 3–4 projects to walk through.”

Hiring managers want to see that you know what you’re doing and that you’re passionate about UX design. Keep these quotes in mind as you build your portfolio.

What to put in your UX portfolio

Your UX portfolio is a showcase of your skills. But it’s also there to give recruiters an insight into the person behind the work.

What interests you? Are you a team player? Do you attend industry events? Do you volunteer at industry events?

What you put in your portfolio needs to give a complete picture of you.

Show your best work only

How many projects you include on your UX portfolio website depends on where you’re at in your career. But that should always, ALWAYS be your best work.

And not just the projects you’re most proud of, but the ones that relate best to the industry you’re looking to work in.

  • If you’re an experienced UX designer, stick to 3-5 projects that appeal to whoever it is you’re trying to impress.
  • If you’re a junior or are lacking experience, 1-2 projects will suffice. If you’re worried about your portfolio being thin on the ground, beef it up by picking a website to redesign as a personal project. Do you think you could make improvements to the Airbnb or Nike website? Go ahead and make a concept site.

If you’re dealing with NDAs, focus on process images and black and white wireframes rather than the finished project. If images are important to the process, blur out any identifying information.

Tell stories of the project

According to UX recruiter, Tom Cotterill, each project in your portfolio should include:

  • The problem
  • Who you worked with
  • What tools you used
  • Discovery phases (how did you go about solving the problem)
  • The process you used to overcome the problem: lo-hi wireframes, prototypes, sketches, personas, user journeys, and research
  • The final outcome

It’s the classic case study format. And it works perfectly to give your work context.

Product Designer Simon Pan’s portfolio is a great example of telling the story of a project, taking the reader from the challenge to the results with the help of personal insight and images.

Amazon Prime Music user experience

Niya Watkins’s portfolio is another good example, providing an overview of each project, before breaking it down into sections showing sticky notes and wireframes.

Mirror Niya Watkins

While it’s important to give your perspective on things, don’t get too wordy with it. We’ll talk about how to present your work soon, but it’s important to keep it concise. You work in a visual industry, let images do some of the talking.

Try to include one or two images with every stage of the project.

And you shouldn’t forget another important element of projects...

Credit the team

In all but concept design projects, you’re part of a bigger picture. Make sure you talk about the team and how you worked with them to overcome problems.

Employers need UX designers to be team players. Crediting those you worked with lets them know you have those skills.

A part about you

While recruiters aren’t particularly interested in whether you’re married with kids, they do want to know about you as a UX designer.

Your about page should talk about…

  • Your passion for UX design
  • How you got started
  • Your education
  • A line about your interests and where you live
  • Your contact details

You can also use this page to your mention work experience and any awards and recognition you’ve gained.

Google’s Rahul Jain does this well with his about page.

Rahul Jain designer at Google

Should you include a picture on your about page?

Most UX designers do.

Our recommendation: think about the industry you’re looking to work in.

For example, federal government hiring managers won’t want to see a photo on your portfolio to avoid any kind of discrimination. In more creative industries, though, a photo won't harm.

Add a blog

Including a blog on your UX portfolio website is a chance to show your knowledge of UX design and demonstrate your authority.

It also tells employers that you’re an active part of the UX community – sharing, collaborating, and networking with others.

Another thing adding a blog to your portfolio site does is get you noticed. Take a look at these statistics from HubSpot’s research:

  • Websites with blogs have 434% more indexed pages (that means more pages ranked in Google)
  • Websites with blogs get 97% more links
  • Websites with blogs get 67% more leads

Bottom line: blogging is great for SEO. If a recruiter is using Google to search for UX designers, a blog will get you found.

Your contact details

Make it easy for people to get in touch. A contact page needs to be nothing more than:

  • Your email address
  • Phone number
  • Links to your social media profiles
  • A contact form for visitors to contact you via the site

How should you present your UX portfolio website?

Okay, so we’ve established what’s going into your website. Now you have to present everything in a way that appeals to visiting recruiters and hiring managers.

There’s one simple rule to doing this…

Keep it clean.

Of course, we’re preaching to the choir here. Clean design is what you do for a living.

Expect a hiring manager to stay on your website for around 30-60 seconds.

There’s a chance they may stick around longer than that, but only if they get a clear idea about you and the projects you’ve worked on in those 30-60 seconds.

So every second count.

Keep navigation clear and simple

Your UX portfolio website is as much as a demonstration of your skills as your projects. You make it easy for visitors to get around shows that you know how to create enjoyable experiences.

Keep navigation to the top right of the page and visible on every page. This is the easiest way for visitors to find what they’re looking for in a hurry.

If you decide not to include a link to ‘Home’ in the navigation, make sure that your logo links back through to your home page.

Paul Lapkin’s single-page WordPress template portfolio is a good example of navigation done well, taking the user to the relevant section when they click on a link.

Paul Lapkin Art Director and UX Designer

Jeff Bae uses a “hamburger” menu for his portfolio. This promotes a clean look whilst being familiar enough for desktop and mobile users to use without fuss.

Jeff Bae Portfolio

Be consistent

Pick a format and color scheme for your project pages and stick with it.

Across all of his work, Simon Pan keeps everything formatted in the same way. Images are the same place down the page, text and quotes are in the same colors and fonts, and the story follows the same path.

Consistent formatting breeds familiarity. It means that, once a recruiter has read one page, they can check out another and know exactly where to find the information they’re looking for.

When it comes to the color scheme, follow the 60-30-10 rule.

  • 60% of your site should be a dominant color (usually white)
  • 30% should be a secondary color
  • 10% should be an accent color

To use Paul Lapkin’s UX portfolio website as an example, black is the dominant color, white is the secondary color, and gold is the accent color. And that’s consistent across the site.

Make content skimmable

Time for a somewhat depressing statistic: a user will only 20% of the content on your page.

All that hard work and only four-fifths of what you write will be read. But that’s the way of the modern reader.

And there are a couple of reasons for it.

  1. Blue light from screens makes it harder to read for long periods. Eyes get fatigued quicker reading words on a phone or laptop than they do reading on paper.
  2. People are looking for a specific piece of information and they don’t want to read through an entire page to find it.

Your job when presenting your portfolio is to write for the skimmers. This means pleasing the eyes before you engage the mind.

Here’s how to do it:

  • Use bullet points like this for lists
  • Use lots of white space
  • Break up content with headings and subheadings
  • Write in short, 2-3 sentence paragraphs
  • Use bold text to highlight key points
  • Use simple language
  • Stick to 2-3 fonts across your portfolio

If you’re looking for an example of skimmable content, look no further than the post you’re reading now.

Which platform should you use for your UX website?

There are dozens of choices out there, but we’d recommend one of:

  • WordPress
  • Wix
  • Squarespace

These platforms offer the best templates and the most complete features.

If we were to recommend just one, it would be WordPress.

WordPress is open source and free to download. It also powers a third of the internet which tells you everything you need to know about its credibility.

With WordPress, you’re not tied to any hosting provider and you’re not restricted in the size or complexity of your website. Although, you can get started easily and launch the free version of Visual Composer and the Starter theme on verified WordPress managed cloud hosting by Cloudways in just 1-click.

Some templates limit what you can do on Wix or Squarespace. Some limit what you can do on WordPress too. But with a tool like Visual Composer, your portfolio becomes a blank canvas for you to create exactly how you want it.

WordPress is free forever and both Wix and Squarespace let you create a site for free before signing up. So have a play around to see which platform you’re most comfortable.

Single page portfolio or multi-page portfolio?

Single page UX portfolio websites have grown in popularity in recent years and for good reason.

A one-pager splits content into small chunks and makes everything easy to digest. There’s very little clutter and the linear navigation is perfect for scrolling with thumbs.

But it’s not great for SEO. A multi-page site gives you more URLs (including a blog), which makes it easier to get found in search results.

Multiple page portfolios also give you more room for scaling. Crucial if you’re looking to add to your list of projects.

There’s no right or wrong option here. But think about how you plan to present your content and make information accessible to users.

If blogging and SEO are important to you, go with a multi-page UX portfolio. If your site is targeting a specific industry and is likely to remain static, a single-page UX portfolio will serve you well.

Before your UX portfolio goes live

If you’re satisfied with how your UX portfolio website looks and you’ve got all of the information you want on there, you’re ready to launch.

But before you do, check (and double-check) the following things:

  • Spacing: Is it consistent across the site?
  • Images: Do any look blurred, stretched, or pixelated? Have they been compressed (uncompressed images slow page loading speed)?
  • Logo: Does it look blurred, stretched, or pixelated?
  • Typography: Is it consistent across the site?
  • Links: Do they all work?
  • Spelling and grammar: Are there any mistakes?
  • Cross-browser and device appearance: How does your portfolio look on other browsers and devices? Does it resize as well on a smartphone as it does on a large monitor?
  • Headings: Does your content follow the correct heading structure: H1 to H6?
  • Meta titles and descriptions: Does every page have a title and description? Do they include keywords (words related to your work, e.g. ‘UX designer’, ‘digital designer’)? Are they the correct length (under 70 characters for titles, under 160 characters for descriptions)?

Have a couple of friends or family members look over your portfolio. Ask them to check for errors and test the usability or your site.

If they’re happy and you’re happy, you’re good to go.

Summary

Creating a UX design portfolio that shows off your skills and personality is the best way to attract the attention of potential employers and land your dream clients. Investing in a website over a PDF gives you the chance to build your personal brand on your own platform.

  • Pick out your best projects and give them narrative
  • Use a blog and about page to add personality to your portfolio
  • Keep the layout and content simple and clean
  • Perform checks, get feedback, and make tweaks before publishing

Do these things and the 30-60 seconds a recruiter does spend on your site will tell them everything they need to know: you’re the right UX designer for the job.

The post How to Make an Effective UX Portfolio Website appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/how-to-make-an-effective-ux-portfolio-website/feed/ 0
The Simple Guide to WordPress Image Sizes https://visualcomposer.com/blog/wordpress-image-sizes-guide/ https://visualcomposer.com/blog/wordpress-image-sizes-guide/#comments Wed, 03 Jul 2019 11:57:57 +0000 http://t.visualcomposer.com/?p=22772 Using the right images in the right size is important for the look and performance of your website — the two things that will have the biggest impact on whether your business, blog, or portfolio is a success.

The post The Simple Guide to WordPress Image Sizes appeared first on Visual Composer Website Builder.

]]>

Using the right images in the right size is important for the look and performance of your website — the two things that will have the biggest impact on whether your business, blog, or portfolio is a success.

In this post, we’ll explain how WordPress generates image sizes and how to edit those sizes, and add custom image sizes for a slick, visually stunning website.

WordPress Images Formats

Before we get into discussing WordPress image sizes, it’s important to know about formats.

The two most common image formats used on online are JPEG and PNG.

Because of its smaller file size and high quality for photos and images with lots of colors, JPEG is the preferred format in the majority of cases.

PNG works better with limited color images such as icon graphics and line drawings.

Choosing the right format for your image matters because it affects the quality of the image and speed of your site.

Picking the Right Image Format

The basic rule for choosing the right format is JPEG for photos, PNG for graphics.

Nice and simple.

If your image is packed with colors and has different textures and gradients, save it as a JPEG. If it’s a logo, text or has flat colors, save it as a PNG.

What happens if you choose the wrong format?

To the naked eye, nothing much. You can save a photo as a PNG or a graphic as a JPEG and not be able to tell the difference.

It’s when compression is used that problems start to arise.

The Importance of Image Compression

Every image that you upload to your website should be compressed to reduce its overall size without affecting its quality. If it isn’t it will harm the speed of your website, which impacts user experience and causes frustrated visitors to abandon your web page.

When a user visits your site, their device has to download images so that they’re visible. The larger the file size, the longer it takes for an image file to download, slowing your entire website down.

According to Neil Patel, 47% of people expect your website to load in less than 2 seconds. And 40% will abandon it if it takes longer than 3 seconds. Speed is also important to SEO. Google uses loading times as a factor when ranking pages in its search engine. The slower the page, the poorer it will perform in search results.

Image compression finds the balance between file size and quality to improve user experience.

Now, if you compress the same photo as a JPEG and as a PNG, the quality isn’t likely to be that noticeable. You’ll maybe spot a bit of graininess up close on the PNG, but nothing that would put you off using it. However, the JPEG will be considerably smaller in size than the PNG. So you go with the JPEG.

PNG vs JPG image file size

If you compress the same graphic as a JPEG and PNG, the quality is noticeable. The JPEG will be the smaller file in size, but the PNG will be the much sharper image. That’s because JPEG compression works well for photos but not for graphics. As you can see:

PNG vs JPG image quality on the web

Compress every image. Photos as JPEGs, graphics as PNGs.

WordPress Image Sizes Explained

The size of your image in pixels is every bit as important as its file size.

Design matters as much as speed when it comes to user experience. If the image size isn’t right it will either by blurry and pixelated, throw other elements on the page out of line, or cause unnecessary sideways scrolling.

Fortunately, WordPress has a way of processing images to prevent such problems.

How WordPress Processes Images

Whenever you upload a new image, WordPress generates three additional versions of it in different sizes: thumbnail, medium, and large. Your original image remains as a full-size option.

The reason it does this is to a) to make your life easier so you don’t have to keep resizing images manually, and b) to ensure the most optimal image is available for different locations.

For example, the image used in a blog post thumbnail on your homepage will be smaller than the image needed for the blog post header.

WordPress Image Dimensions

The predetermined image sizes that WordPress uses are:

  • Thumbnail size (150px square)
  • Medium size (maximum 300px width and height)
  • Large size (maximum 1024px width and height)
  • Full size (full/original image size you uploaded)

Changing WordPress Default Image Sizes

The image sizes that WordPress creates aren’t set in stone. If the default settings don’t fit with what you need, you can easily edit the dimensions.

  • Navigate to your WordPress admin dashboard
  • Go to Settings - Media
  • In Media Settings, edit the width and height dimensions to suit your values
  • Click Save Changes to confirm

Change default WordPress image sizes

Changing Default Images Sizes in Visual Composer

To keep things simple, Visual Composer uses the default WordPress media image sizes in content elements that use images. Editing the default sizes from your Media Settings will also change them in the Website Builder, so you’ve no need to mess around with code.

One perk of using Visual Composer is the smart image optimization functionality. If you customize your image to a random size, Visual Composer will resize it using PHP instead of just downscaling it. This helps you keep your file sizes smaller.

Background images that aren’t related to content elements like feature descriptions can be edited in Design Options. From here, you customize your image, upload multiple images, choose different background types, and reposition an image to suit your design. Check out this guide on how to move a background image.

The fact that our themes are responsive means that the image sizes you do choose will automatically resize to suit the device being used to view your website. You can instantly check your site layout on the most popular device types in desktop, tablet landscape, and portrait, and mobile landscape and portrait so you don’t need to worry about running into design issues when your site is live.

Recommended Image Sizes for WordPress Content

If you decide that the image sizes WordPress automatically generates when uploading new media don’t fit with what you need, here are some recommended sizes for content to look at its best on any device.

  • Blog posts: 1200 x 630px
  • Hero images (full screen images): 2880 x 1500px
  • Landscape feature image: 900 x 1200px
  • Portrait feature image: 1200 x 900
  • Fullscreen slideshow: 2800 x 1500px
  • Gallery images: 1500px x auto width

Adding Custom WordPress Image Sizes

The three default WordPress image sizes will cover you in most situations, but what happens if you need custom images for, say, a new widget you’ve added to your site?

In this case, you’ll need to add your own custom image sizes, which means editing the code of your site.

Note: Whenever you’re editing the code of your website, create a backup file and child theme first.

You can add custom image sizes to your website’s code in two steps.

Step 1

  1. From your WordPress dashboard, go to Appearance - Editor and edit the functions.php file.
  2. Copy the following code and paste it into the file.
    add_theme_support( 'your-image');

    Replace ‘your-image’ with whatever custom image you want to add. For example, ‘post-thumbnails’ or ‘pop-up-banners’

  3. Click Save and the add_image-size () function will be enabled.
  4. Add your custom images and sizes using this format:
    add_image_size( 'post-thumbnail size', 800, 350 );

    You can change ‘post-thumbnail’ to whichever image you want to add. The numbers 800 and 350 in this example are the height and the width of your image respectively. Edit them to suit.

Step 2

Once you’ve added the new image sizes, the next step is to get them to display in your theme. This involves adding some code to the post loop where you want to show your file.

Copy and paste the following code into your theme file before the end of the loop:

the_post_thumbnail( 'your-image-size' );

Replace ‘your-image-size’ for your image — e.g. ‘post-thumbnail-size’. When that’s done, you’ll see your image size listed as an option when you upload new images to your media library.

Step 3

Unfortunately, the addition of the code doesn’t alter existing images. To update those so that they match your new dimensions, you’ll need help from a plugin. And WordPress certainly has no shortage of those.

The best one for this job is Regenerate Thumbnails. It’s free and takes care of all the heavy lifting.

  • From your WordPress dashboard go to Plugins - Add New and search for ‘Regenerate Thumbnails’. The one you’re looking for is by Alex Mills.
  • Install and activate the plugin
  • Go to Tools - Regen. Thumbnails and click Regenerate Thumbnails

That’s it. All of your existing images will be automatically resized to match newly uploaded ones.

WordPress Image Size Plugins

As Visual Composer is a plugin that you add to WordPress to design a custom website, you’re free to install other plugins to run alongside it. Just like you would if you were using a default WordPress theme.

We’ve already spoken about Regenerate Thumbnails, but here are some we’d recommend for compressing images to improve site speed and performance.

  • Imagify by WP Rocket offer three levels of image compression — Normal, Aggressive, and Ultra — to reduce the size of images without losing quality (Aggressive offers the best balance of compression and quality). It also lets you store original images in a separate folder — handy if anything goes wrong.
  • ShortPixel is a simple to use plugin that lets you compress images with minimum fuss. If you’re a photographer or use high-quality imagery for your products or services, the plugin’s glossy feature delivers compression with no risk of compromising quality.
  • Resize Image After Upload is made by the team behind ShortPixel and designed to let you easily change image sizes for uploaded media. You can set the height and width to suit and choose to compress the image at the same time. The plugin only works on newly uploaded images, but it can save time going back and forth to the WordPress settings.
  • Compress JPEG & PNG Images by TinyPNG (one of the best web tools for image compression) is simple to use and ready to go out of the box. You can upload images for compression individually or set the plugin to automatically compress, so you don’t have to worry about large files making their way onto your site.
  • Imsanity by Exactly WWW automatically resizes bulk image uploads so that they’re at the optimal size for a browser. You can select sizes for images uploaded to pages and posts, images uploaded to the Media Library, and images uploaded to headers, backgrounds, logos, and widgets. You can also convert images from BMP and PNG to JPEG and select image quality settings. If you rely heavily on media and upload multiple images a week, Imsanity will save you a ton of time.

Wrap Up

For most tasks in building and editing your website, WordPress default image sizes will meet your needs. If the design of your site requires different image sizes, use the info in this post to change the dimensions in Media Settings and your site’s code. Regardless of image size or how many times you edit settings, Visual Composer will work seamlessly with your choices, allowing you to easily drag-and-drop images into your content.

The post The Simple Guide to WordPress Image Sizes appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/wordpress-image-sizes-guide/feed/ 24
How to Create a Portfolio Website for FREE on WordPress https://visualcomposer.com/blog/how-to-create-a-portfolio-website-for-free-on-wordpress/ https://visualcomposer.com/blog/how-to-create-a-portfolio-website-for-free-on-wordpress/#comments Fri, 03 May 2019 09:10:03 +0000 http://t.visualcomposer.com/?p=16917 With WordPress, you can create a powerful, visually striking portfolio website for free. Yes, you will need to pay for a domain and to host your website online, but the actual process of building your site won’t cost a dime.

The post How to Create a Portfolio Website for FREE on WordPress appeared first on Visual Composer Website Builder.

]]>

With over two-thirds of recruiters and employers using search engines and social media to find quality candidates, having an online portfolio is not only one of the best ways to be found by the right people. It’s your chance to make a great first impression and showcase your skills.

Using WordPress as the platform to build your website makes sense for a number of reasons:

  • It’s free
  • It’s easy to use and manage
  • It’s flexible and scalable
  • It’s suitable for every kind of website

WordPress also happens to be the platform of choice for 33% of the internet, raking up 15.5 billion page views in 2018 alone. If that’s not a ringing endorsement, we don’t know what is.

In this post, we’ll show you how to use WordPress to create your portfolio. We’ll cover:

  • What pages your website needs
  • Installing WordPress and Visual Composer to design your website
  • How to put together a website that stands out
  • Tips on choosing a domain name and host for your website

Sound good? Let’s dig in.

What your portfolio website needs

There are no rules to dictate what your portfolio website should include, but there are certain things visitors will expect to see to learn more about you and your work:

Portfolio

The obvious one. Your site should lead with your best work. You can choose to make your portfolio the homepage of your website or have the homepage provide an overview, with your work given a dedicated space, but your work needs to be prominent.

Studies show that it takes as little as 50 milliseconds for a visitor to form an opinion about your website, so you need to use this page to impress them instantly.

You can do this with strong copy:

Portfolio website example with strong copy

With strong imagery:

Portfolio website with large image example

Or with links to your work:

Portfolio website example with grid

However you decide to design your portfolio/homepage, give people a reason to stick around.

About

Your visitors want to know about the person behind the work. Use this page to sell yourself and your accomplishments, but don’t get too wordy.

Keep things concise. Give a brief introduction, then get into focusing on what you do, what you’ve done, what you’ve achieved, and why your accomplishments matter.

Include a photo too — people like to put a face to the name. Designer Irene Demetri’s website, You and I Graphics, is an example of an about page done well:

Portfolio about me section example

Contact

If your work resonates with visitors, there’s a good chance they’ll want to get in touch. A contact page shows people all of the ways they can do this.

Your contact page should include an email address, contact form, and social media links. If you’re happy being contacted by phone, you should include that too.

As well as having a dedicated page for this stuff, you should place social links prominently throughout your site and place your email contact in the footer so it’s visible on every page.

Also, it is worth considering these optional extras.

Blog

A blog is a great way to keep people in the loop with what you’re doing and establish authority by providing useful content. It’s also a great way to increase traffic to your website and improve your search engine ranking.

Studies show that websites with blogs receive 97% more links and have a 434% better chance of being ranked highly on search engines, so it’s certainly something to consider. That said, you should only add a blog if you plan to add fresh content consistently. An outdated blog can give the impression that your site has been abandoned, and you don't want to give that kind of impression.

Resume

In terms of getting work your portfolio does most of the talking, but creating a page for your resume won’t do you any harm. A resume gives potential employers details on your work experience and educational background — things that might swing a job opportunity in your favor.

Category pages

Category pages are a good way to put the focus on specific areas of work. For example, a photographer might have additional pages showing “wedding” and “portrait” photos, or a designer might show off “logos” and “brochure design”. Categorizing your work makes it easier for people to find what they’re looking for.

Designing your website

10-15 years ago, unless you had a deep understanding of HTML and other coding languages, designing a functional website that didn’t look like it was made using Microsoft Paint was almost impossible. But we’ve come a long way.

Today, it’s possible for anyone to create a professional, high-end website without so much as looking at the code. In fact, by combining WordPress with a tool like Visual Composer, you can do it without any technical expertise whatsoever.

Installing WordPress

WordPress.org (not to be confused with WordPress.com, which is hosted by WordPress and limited in functionality) is free to download and easy to install.

By going to WordPress.org and clicking Get WordPress, you’ll be taken to a page where you can download the latest software. You’ll also find step-by-step instructions on completing WordPress’s famous five-minute installation.

If you’re looking for an even easier way to get up and running with WP, hosting providers like Cloudways, One.com and Bluehost offer 1-Click WordPress installation and Auto WordPress installation respectively, essentially doing all of the work for you.

Creating your website with Visual Composer

Once WordPress is installed, you’re ready to create your website. There are two ways you can go about this:

  1. Use a template from WordPress or a third-party provider
  2. Use Visual Composer

There is a third way, which is to have a custom theme made by a web designer, but that won’t be free (unless you know a design that owes you a favor).

Visual Composer comes with rich content elements to build your WordPress site

You can see from the subheading that we’re pushing you towards option two, Visual Composer. This is because (aside from the benefits, which we’ll get onto soon), free templates are massively over-used and limited in design functionality. By choosing a template and not being able to customize the layout or color scheme in the way you would like, you’re going to have a hard time standing out.

Visual composer lets you create something unique, that matches the picture you have in your head. It’s also free forever, which is rather useful for creating a free portfolio website.

Benefits of Visual Composer

  • Installs over WP’s basic editor. Visual Composer can be installed with the click of a button like any other WordPress plugin, transforming the standard backend into a powerful design platform with an easy-to-use interface.
  • Drag-and-drop functionality. Create your website using a method you’re familiar with — no coding needed.
  • Build your website completely from scratch or get the ball rolling with an included template. VC has a huge library of templates for all kinds of design preferences that you can customize to suit your own portfolio. If you’re looking to get your website up and running quickly, choosing a template is the way to go.
  • Use our free templates if you need some inspiration or just want the job to be done quickly. Take a look at some our templates here.
  • 100s of elements and widgets to create and edit content blocks including text blocks, buttons, images, and icons.
  • Edit any element of your site, from colors and fonts to size and location of content
  • Test and preview design elements before publishing
  • Custom CSS to tweak how your site looks and performs (if you’re feeling adventurous!)

Installing Visual Composer

  1. Go to https://visualcomposer.com/download/ and enter your email address to download the latest version.
  2. Open your WordPress Admin panel and navigate to Plugins
  3. Select 'Add New' (upper left corner)
  4. Select 'Upload Plugin' (upper left corner)
  5. Choose to upload visualcomposer.zip from your computer and click 'Install Now'
  6. WordPress will install the plugin automatically
  7. Click 'Activate Plugin' to finish the installation

Once it’s installed, go wild — play around with the various templates and elements to craft a site that best displays your work. To help you along, check out the tutorials in the Visual Composer Help Center.

Tips for creating a website that stands out from the crowd

So now that you’ve got the software, here’s what to do to create a portfolio website that a) people want to visit, and b) gets you to work.

Show off your personality

A portfolio website is all about you — your work, your style, your identity. Inject personality into your design and content. Write how you talk and use good headshots to give visitors an insight into you. Personality provides warmth and builds trust — the opposite of what a faceless, bland corporate website brings to the table.

Give people a reason to stay

As mentioned earlier, you don’t have long to create a positive first impression. When someone lands on your website, give them a reason to stay by getting your most important content — who you are and what you do — in early. The quicker you hook them in, the more likely it is that they’ll stick around to check out other parts of your site.

For years, this meant cramming all of the good stuff in above the fold (the part of your site before the users scroll) but mobile has changed all that. Scrolling is now the done thing, which means you get to take visitors on a journey.

Keep it clean

According to Econsultancy, 95% of users agree with the statement: “Good user experience just makes sense.” And it does, because 88% of people who suffer a bad experience are less likely to return to a website.

The best way to provide a good user experience is to keep things clean and simple. Focus on a concise design that limits distractions and is easy to navigate, on mobile and desktop.

Keep pages consistent to avoid confusing users and use plenty of white space. White space (the areas on a page left blank), helps focus the reader’s attention on the content so that distractions are avoided. Crazy Egg research shows using it around text and titles increases attention by 20% — significant when you’re trying to make people look at your work.

Use powerful imagery

People remember images more readily than words and a good image has the ability to build trust and modify behavior. Use photography to your advantage to break up text and add to your story, but do it wisely. While a powerful image can create a connection with a visitor, a generic stock photo can do more harm than good.

That's not to say there isn't good stock photography out there, there is. Visual Composer lets you pull images from Unsplash — a free stock image site that curates high-quality photos from talented photographers. Other good free image sites include Gratisography, Negative Space, and Death to Stock. You can also use a free graphics editor like Canva to create custom imagery.

Where possible, though, try to use original, custom photography. Especially on key pages like your homepage and about page.

Get testimonials

If you have clients that are willing to say nice things about you, use their words to sell yourself. Testimonials create social proof that backs up the quality of your work. They're a proven way to add trust and authenticity, increasing leads and conversions.
Tailor content to your audience
Who is your website aimed at? What kind of people do you want to hire you? Figure out who your audience is, what their interests and motivations are, and tailor your message to them.

For example, a wedding photographer might aim their content at young couples looking to celebrate their big day by talking about the magic and importance of weddings.

Speak to your audience in their language, demonstrating your authority as you do.

Add fresh content

This is an easy thing to do if you’re adding a blog to your website, but even if you’re not, consider freshening up your website every so often. The reason is: Google loves fresh content. Keeping your website up-to-date gives Googlebot (the tool Google users to crawl and index web pages) the new and/or updated content it looks for and gives you a better chance of ranking higher in search results.

Beyond Google, fresh content also keeps your site relevant to visitors, showing them that you’re active.

Make it SEO-friendly

Search is where a large percentage of your traffic will come from. Optimizing your website and content for search engines gives you a better chance of showing up in search results when people enter keywords related to what you do.

For example, if you’re a wedding photographer, you could target terms like “wedding photography,” “marriage photographer,” or “wedding photoshoot.”

SemRush keyword research example

Enter terms related to your niche into a free tool like Google’s Keyword Planner or SEMRush to find keywords to target and place them throughout your content in:

  • URLs
  • Page titles and descriptions
  • Headings and subheadings
  • Body content
  • Image alt text
  • Links

Design for mobile

With Visual Composer and most modern WordPress themes, mobile-friendliness comes as standard, so this isn’t something you’ll need to worry about, but it’s worth approaching the design of your website with mobile in mind. Mobile is now more popular than desktop and the way people interact on smaller screens (scrolling with thumbs rather than a mouse) is different. Make sure your portfolio is responsive so that it works seamlessly on every device.

You can test how your site works on mobile using Google’s Mobile-Friendly Test tool.

The things you’ll need to pay for

While building a website is free, hosting it online, unfortunately, isn’t. To put it live, you’ll need a domain name and hosting.

It’s possible to purchase these things separately or together. We suggest you pick up your domain name from your hosting provider as it’s cheaper and less hassle.

Choosing a domain name

The name for your portfolio website should be one that’s easy to find and promote and one that fits with your business. Not every domain you search for will be available so you may need to get creative.

Here are a few tips for picking the right name:

  • Keep it short — avoid anything that can be mistyped or misspelled
  • Make it memorable — a name that’s easy to remember is easy to share
  • Make it easy to type — avoid slang words and alternative spellings (kleen as opposed to clean, for example)
  • Use keywords — try to fit what you do into your name
  • Stay clear of numbers and hyphens — they’re too easy to misplace and forget
  • Go for .com if possible — it’s the most popular top-level domain (TLD) and the go-to for most people typing in your web address. If your service is confined to one place, you should also consider registering the TLD for your area, .co.uk, .au, .us, etc.

Choosing a web host

To save you the hassle of scouring the internet for a web host, we’ve listed our recommended options here. By far the easiest way to get started is to launch the free version of Visual Composer and the Starter theme on verified WordPress managed cloud hosting by Cloudways in just 1-click.

These are based on over 10 years of experience with various web hosts, with packages tested personally by us. They also offer the Visual Composer plugin as standard, making it that little bit easier to get your portfolio website live.

However, if you’d prefer to choose a web host of your own, here’s what any provider worth your time should offer:

  • 99% or higher guaranteed uptime
  • Security features to prevent your website from falling victim to hackers. You’ll also want an SSL certificate (the “s” in https) so that data sent over your website is encrypted.
  • 24/7 support via phone, email, or live chat
  • Backup options to ensure your content is safe in the event of a disaster
  • Affordable pricing with packages to suit your budget
  • Money-back guarantee in case you change your mind

If you’d like to read in-depth about choosing the right host for your website, we’ve covered everything you need to know in this blog post.

Summary

With WordPress, you can create a powerful, visually striking portfolio without any kind of technical expertise, for free. Yes, you will need to pay for a domain and to host your website online, but the actual process of building your site won’t cost a dime.

Follow the instructions in this post to install Visual Composer and start playing around with templates designs, focusing on the key elements: portfolio, about, and contact. Have fun with it — there are no free trial expiry dates or impending platform costs to worry about here, so take your time and build a site you’re completely happy with before going live.

And if you need help from us, we’re right here.

The post How to Create a Portfolio Website for FREE on WordPress appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/how-to-create-a-portfolio-website-for-free-on-wordpress/feed/ 6
I’ve had an AMA on Reddit and This is What I’ve Learned About Visual Composer From the Community https://visualcomposer.com/blog/what-i-learned-from-visual-composer-community/ https://visualcomposer.com/blog/what-i-learned-from-visual-composer-community/#comments Thu, 04 Apr 2019 10:13:59 +0000 http://t.visualcomposer.com/?p=15988 I do love talking to the Visual Composer community and I knew a huge part of it was hanging out on Reddit.

The post I’ve had an AMA on Reddit and This is What I’ve Learned About Visual Composer From the Community appeared first on Visual Composer Website Builder.

]]>
5 things I've learned from doing AMA on Reddit

As you may already know, Visual Composer has been going through some changes lately.

We’ve launched a new plugin, which compelled us to change the name of our first plugin, which in turn confused a lot of our users. If you haven’t heard the full story yet, you can check it out here:

For the past 6 months, we’ve been working hard on clearing up the confusion around our brand and our two plugins.

We’ve published articles, created videos, answered comments… and slowly, but steadily, the fog started lifting.

But here’s the curious thing:

The more the confusion cleared up, the more follow-up questions we got. It was almost impossible to follow every thread and answer each and every question.

So we thought of a way to centralize these questions and answer them all at once.

“Let’s do a Reddit AMA!”

I’ve got to admit… I’m not an active Reddit user.

But I do love talking to the Visual Composer community and I knew a huge part of it was hanging out on Reddit.

Now, looking back, I’m blown away by how much I’ve learned from this live conversation.
And I wanted to share with you the top 5 things that I took away from it.

Top 5 Things I’ve Learned About Visual Composer
From the Reddit Community

1: The only way to clear up the confusion was to dig beyond the surface and get to the REAL questions

For almost half a year now we’ve been actively explaining the differences between our first plugin, WPBakery Page Builder, and our new one, Visual Composer Website Builder.

Judging by the comments and questions people were posting about Visual Composer, we were convinced the root of the problem was this confusion around our products.

But after talking to the community on Reddit and digging deeper into their questions, I realized there was another confusion hidden beneath the surface:

What’s going to happen with Visual Composer? What’s the future of the plugins?

Reading between the lines and understanding what our users were thinking about Visual Composer triggered a whole new conversation with my team:

How do we prepare our plugins for the future?

Where do we go from here? Where should we focus our efforts in the next few months?

We’re still in the testing stage, but what I can say for sure is that we’re planning exciting things for our user community in the near future.

2: When you create disruptive products like our plugins, you’ll be equally loved and hated.

This struck me the minute the questions started rolling in.

There was a fine balance between comments from people criticizing my work and comments from users who loved it.

There were people who congratulated me & my team for creating one of the most disruptive products in the WordPress space back in 2011. Others hated the fact that we changed the rules of the game.

And I understood both sides. They were all right in their own way.

On the one hand, we created something innovative. On the other hand, we made mistakes on the way. But who doesn't?

Which leads me to the next thing on my list…

3: Learning from my experience with the first plugin (WPBakery Page Builder) was essential to evolving to a whole new level.

When we developed WPBakery Page Builder, we wanted to redefine the way we build WordPress websites. And that’s exactly what we did.

But, like with any other new tech product, two things happened:

  1. There are always mistakes, bugs, and glitches that can mess things up (especially when the plugin integrates within other products).

    That can be highly frustrating for the users and almost impossible for us to track each one down and fix it in due time, despite our best efforts.

  2. New technology becomes available and sets a brand new standard (and different expectations from the user community).

    We see amazing new technology making its way to the market year by year. Which is why we’ve developed our new plugin, Visual Composer Website Builder using React.js

4: Competition is fiercer than ever and that’s good news—such a great way to push your own limits.

We’ve got a lot of comments about some new products that are in direct competition with our plugins.

The general “vibe” of the questions was Aren’t you scared?

And my genuine answer—and, please believe me, not at all arrogant or self-sufficient—was No, not scared at all.

And that’s because we’ve learned from our past mistakes and wrapped up our experience and the knowledge we’ve gained into a new & better product.

That’s how Visual Composer Website Builder came to life.

When we built WP Bakery Page Builder, we wanted to change the way we used to build websites in WordPress at the time. And we did.

Now, we wanted to meet our users’ current standards and build a complete website builder that covers all they need. And we did.

Because that’s in the Visual Composer DNA: we push our own limits to evolve and create better experiences for our users.

Sure, we make mistakes along the way. But we learn from them and do better work, time and time again.

5: The best way to come up with the next big thing is to listen c-a-r-e-f-u-l-l-y to your users’ wishes.

I left this one for the end, not because it’s the least important. Just the contrary.

After my AMA, I felt like I discovered a secret treasure of brilliant ideas, well-thought opinions, and rock-solid arguments.

Things that my team and I had been thinking about, individually and together, for months. But until the AMA, it all felt like walking on a water bed. If you’ve ever tried to pull that off, you know you can’t walk with confidence on one of those.

But when I talked to the community, saw their concerns about Visual Composer and their on-point questions about our plugins… it was like someone was reading our minds.

But here’s where the AMA made a huge difference…

The community not only voiced concerns and asked questions.
They gave advice, made suggestions, told us what they wanted and expected from us, and planted the seed of new outcomes.

Right now, we’re working on improving Visual Composer Website Builder, taking all that input into consideration.

And to make sure we make the plugin exactly as our users want it, I want to offer you something in exchange for your honest opinion:

I’m giving you free access to the premium version of Visual Composer Website Builder.

I’m giving away 30 free licenses to the premium version of Visual Composer Website Builder. (UPDATE: We are out of free licenses in this giveaway - thanks for the massive interest). Would you like to try it out and let me know what you think? Leave a comment below and, if there are any free licenses still available, my team will give you access. The giveaway will be active for a whole month until May 31, 2019.

Why am I doing this?

Any feedback from our users will help us make the plugin even better (and you’ll have access to all the updates, of course).

All in all, I hope you’ve enjoyed these little nuggets of wisdom from the Reddit community. If you want to read the thread, you’ll find it here—it’s pretty entertaining, I must say.

And I hope you’ll take me on my offer to give Visual Composer Website Builder a free trial. Leave a comment if you’re in!

Thanks for reading,
Michael

The post I’ve had an AMA on Reddit and This is What I’ve Learned About Visual Composer From the Community appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/what-i-learned-from-visual-composer-community/feed/ 81
Visual Composer’s New Name and the Confusing Story behind It https://visualcomposer.com/blog/visual-composers-new-name-and-the-confusing-story-behind-it/ https://visualcomposer.com/blog/visual-composers-new-name-and-the-confusing-story-behind-it/#comments Sat, 12 Jan 2019 09:24:49 +0000 http://t.visualcomposer.com/?p=13158 You have probably seen two new names - WP Bakery and Visual Composer Website Builder. Which one is the original Visual Composer? It's time to reveal the whole story.

The post Visual Composer’s New Name and the Confusing Story behind It appeared first on Visual Composer Website Builder.

]]>

The Visual Composer users have found themselves quite confused lately, and we are here to clear the things up.

You have probably seen two new names in our offer; WPBakery and Visual Composer Website Builder.

So the big question is

“Which one is the original Visual Composer?”

If you think WP Bakery is a new product while the Visual Composer Website Builder is just a new name for the old Visual Composer Page Builder – unfortunately, you are wrong.

We admit that the whole thing is quite confusing and we understand why so many of our users, as well as long-term partners, are upset about this change.

Which brings us to the reason we decided to publish this post in the first place. Above all, we want to apologize for the confusion around Visual Composer, and we want to explain what happened here.

The story behind Visual Composer and WPBakery name change

We are sorry for the mess we have created around Visual Composer.

We realize that we should have explained what caused this situation from the very beginning before it escalated.

Unfortunately, we underestimated the situation and didn't follow through the right steps at the right time. We hope to make up for it right now. So let’s finally dive deeper into the mind-twisting story behind this name change – and why it got even worse as we tried to fix it along the way.
It all started with one thing that caused a big domino of issues that went down one after another:

Changing the name of the Visual Composer Page Builder

On every major WP theme, you have probably noticed the name above. After all, it was included as a premium plugin in the majority of the all-time favorite WordPress themes.

So the big question is: Why would we change the name in the first place when it was so well-known and easily recognizable?

The truth is – because we had to; we did not have a choice.

If you want the whole story, check out the video below.

It all began with our new product, the Visual Composer Website Builder. It is worth mentioning that the Visual Composer Page Builder and the Visual Composer Website Builder are two entirely different products used for different purposes.

The Page Builder is an Envato-exclusive product with a lifetime license (like all products sold with Envato). The Website Builder, on the other hand, was meant to move away from the lifetime license model. We wanted to create a product much more complex in features and specially designed for the users whose building needs have rapidly evolved.

However, the new features came hand in hand with much higher development costs, which could only be sustained with a yearly license model. In addition to that, we wanted to be in direct touch with our users because we recognized the need for the best support we could possibly provide.

However, our plans took the wrong direction because...

We overlooked a crucial detail that forced us into a difficult decision

And that detail in question was the contract we signed with the marketplace and all its limitations.
Long story short, we were not allowed to sell another product under the name of “Visual Composer” outside their platform.

At that point, we had to choose our next step. We had two options:

1. We could strip features off our new product to fit the lifetime license model and put it up on the marketplace.

2. We could change the name of our Page Builder, the one we were already selling on the platform to lift the contractual limitations.

It was not an easy choice to make, and we knew that both options had significant downsides.

We weighed our two options over and over again, and eventually, we decided to go with option 2: change the name of Visual Composer Page Builder. We decided not to compromise the quality of our new product, and this was the only way to do it.

Visual Composer Website Builder and WPBakery Page Builder compared

And that is how the Visual Composer Page Builder became WP Bakery

This is where the whole confusion started.  

Not only were we buried in the process of developing our new product, but we also had to deal with a whole new set of unplanned changes.
Dealing with all that work, we did not immediately notice the vast confusion we created.

Not only were people confused about the name change, but they didn’t understand what the deal was with our new product, Visual Composer Website Builder. Was it a new product or just a rebranding of the old one? And what about WP Bakery? Is this a 2.0? Is this a new plugin altogether?

So let’s take it step by step and explain the difference between the two once and for all.

What is Visual Composer Website Builder and what does it do?

The Visual Composer Website Builder is a live-preview editor with drag-and-drop features. It is not the same thing as the Visual Composer Page Builder. It is an entirely new tool. It comes in two versions; the free and the Premium version.

There are hundreds of ready-to-use content elements to choose from that will help you turn your ideas and visions into reality. It is easy to use thanks to the drag-and-drop features, and you can see all the changes instantly.

It can be used with any theme, including your existing themes. On top of that, you can choose from a variety of WP templates for different types of pages (landing pages, portfolios, corporate websites, product pages and many more).

Page editing works in two ways; frontend editor and tree view. With the tree view, you can navigate through the elements available on the page which will save you a lot of time during the process.

One big perk of the Visual Composer Website Builder is the fact that there is a header, footer, and sidebar editor available in the Premium version of the product.

In addition to that, you can access numerous useful add-ons that you can get from the third-party developers or the Visual Composer’s dedicated Hub.

The difference between Visual Composer and WPBakery

Are Visual Composer Website Builder and WP Bakery the same thing?

Short answer: No. These are two entirely different plugins. Let’s take a moment to explain the main differences between the two.

Some people believe that the Visual Composer Website Builder is merely a premium version of the WP Bakery. It is not.

Visual Composer Website Builder’s code was built from zero with React.Js. It does not use any of the WordPress shortcodes. It was developed using the feedback from our users to offer them the best experience possible.

However, the most significant difference between the two products is that WP Bakery is only for the content part, while Visual Composer Website Builder allows you to build a complete website (with Headers and Footers).

As mentioned before, Visual Composer Website Builder does not use any shortcodes, while WP Bakery is shortcode-based.

In practice, this means that the VC Website Builder:

1. allows you to generate clean code

2. doesn’t get messy if you disable the plugin (like it happens with shortcode-based plugins)

On top of that, VC Website Builder comes with a cloud-based Hub from which you can download all the elements you find useful. Basically, you can handpick the elements you need and download only them rather than bloating the website with a bunch of unnecessary assets.

There’s a full list of differences between the two products that you can check right here.

That being said, we also have to point out that WP Bakery is still getting the same amount of work and attention as it did before we developed VC Website Builder. Both of the products are equally important to us, and we want to offer the best user experience possible.

Thank you for taking a moment to go through this story with us. If you have any additional questions regarding our products, please leave a comment, and we will try to give you the answer as soon as possible.

The post Visual Composer’s New Name and the Confusing Story behind It appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/visual-composers-new-name-and-the-confusing-story-behind-it/feed/ 17