Raitis Sevelis, Author at Visual Composer Website Builder https://visualcomposer.com Create Your WordPress Website Thu, 30 Jun 2022 08:50:58 +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 Raitis Sevelis, Author at Visual Composer Website Builder https://visualcomposer.com 32 32 How to Secure Client Sites from Unwanted Changes https://visualcomposer.com/blog/how-to-secure-client-sites-from-unwanted-changes/ https://visualcomposer.com/blog/how-to-secure-client-sites-from-unwanted-changes/#respond Wed, 29 Jun 2022 20:40:12 +0000 https://visualcomposer.com/?p=35309 As a web creator, you want to ensure that your client sites stay in shape long after you deliver the project. I have collected my tips that will help you.

The post How to Secure Client Sites from Unwanted Changes appeared first on Visual Composer Website Builder.

]]>

As a web creator, you want to ensure that your client sites stay in shape long after you deliver the project.

Whether there is a plan to add the site to your portfolio or reduce the time your spend on maintenance - you want to avoid unwanted changes.

I've been a web designer for 10 years and can surely relate to that. In fact, client changes have always been one of my strongest fears.

It is much preferable to spend your time working on a new exciting project rather than fixing what should not have been broken.

To avoid issues, web developers tend to restrict access to certain parts of the site. Some are suspicious about WordPress since it gives lots of freedom.

But the cherry on top is page builders.

WordPress page builders give enormous flexibility to manipulate layouts - is it the default Gutenberg editor or a power tool like Visual Composer.

As a web creator, you can design anything - as a client, you can break it.

To deal with the hassle, I want to share three things that satisfy my “freelancer” needs and may help your agency to reduce risks and save time.

User role management

To build a decent website, we choose powerful tools with options tailored for professionals rather than beginners.

WordPress page builders allow web creators to design custom headers, footers, post templates and even incorporate custom CSS.

In fact, based on our research, up to 45% of all Visual Composer users love to use custom CSS in their projects.

These are essential things for every web developer but can be harmful in the hands of your clients.

What I love to do is disable advanced features for my clients which results in benefits for all of us.
From the agency's point of view, you are sure that your clients will not interfere with advanced features like post templates or page options.

Manage WordPress page builder features with the Role Manager

As for the client, he/she will receive a simpler interface to manage the content.

We all know that there is a learning curve for every page builder - no matter what ads are telling you.

As a pro, you will get the basics in an hour and become a power user in a week. As a client, you may need days to cover the basics.

Plus, you can always enable features back or use role manager as your onboarding strategy.

The role manager has proven to be a very effective instrument for me and I highly recommend it to all web creators.

WordPress admin panel

Same as for the page builder, your WordPress admin panel could require a facelift.

And by facelift, I mean, it is worth reducing the number of sections available to users other than the Administrator.

To me, the WordPress admin panel has always been bloated when it comes to an average user. You, as a web creator, are in charge of setting the correct permalink structure, managing plugins, working with the Appearance, and so on.

All these options can be hidden from other users to lower the barrier.

While there is no specific favorite on my list, plugins like User Role Editor will do the job.

Last, but not least, sometimes it is worth considering removing the admin bar as well. Just to make things cleaner.

While there is surely a plugin for that, I would go with a simple code snippet to avoid bloating my clients' sites with micro plugins. All you have to do is add this small code snippet:

add_filter( 'show_admin_bar', '__return_false' );

Element and layout locking

Any page you make consists of the layout and content. The content management process is a process when a person interacts with the content to modify it to their liking.

But what if you can modify the layout as well? The border between layout and content disappears and your clients may try to interfere with your layout.

To avoid such a scenario, I use the element lock feature that allows literally locking any element, row, or section of your page to make it accessible only by the admin.

Lock elements and sections with the Element Lock feature

Though, I leave only essential elements that require constant updates open. Things like paragraphs and images are still accessible to the client while styled rows are out of the content management scope.

Just like with the role manager, clients simply don't have access to certain parts of the page. The number of controls is reduced and navigation becomes easier.

To get the most out of it, I lock all elements on the page and then unlock the ones I want clients to edit. Usually, there are more elements to lock than to leave unlocked.

It will require some time, but this is how you can get 100% safe when it comes to handling the project over to your client.

Outro

Does setting up user permissions and locking down elements sound like a lot of work to do?

Yes.

Most likely, you will have to spend several hours configuring settings and locking layouts.
Nevertheless, a web creator spends up to 10 hours weekly fixing bugs (roughly 25% of all your time). And we know - fixing bugs means stealing time from development.

While the user role manager and element lock may not solve all the problems, they can help to reduce the time you spend on unwanted maintenance.

The time that is critical for your agency's growth and success.

As with everything, you will start slower and have to wait for results to come. But, I can promise you one thing - your life get easier.

Discover Website Builder used by Web Professionals to scale their business to success

The post How to Secure Client Sites from Unwanted Changes appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/how-to-secure-client-sites-from-unwanted-changes/feed/ 0
Page Builder Performance Under The Hood https://visualcomposer.com/blog/page-builder-performance-under-the-hood/ https://visualcomposer.com/blog/page-builder-performance-under-the-hood/#respond Tue, 07 Jun 2022 11:43:17 +0000 https://visualcomposer.com/?p=34946 Explore page builder performance and learn how Visual Composer "operates". What critical factors affect it and how to improve it on all sides.

The post Page Builder Performance Under The Hood appeared first on Visual Composer Website Builder.

]]>

There is always someone talking about WordPress page builders and performance.

It's a hot topic that receives tons of attention. Conference speeches, blog posts, and even Facebook comments - everyone has a story to share.

No wonder, page builders are prioritizing performance as one of the focus areas. Some even share their success in a form you're all familiar with.

“Our page builder just became faster.”

But what does it really mean? Does it apply to everything that the page builder does?

I'm not in the position to talk about all page builders, but I can say a thing or two (probably more) about Visual Composer.

Today, I want to explore how performance “operates” in Visual Composer. What critical factors affect it and share some of the improvements we've implemented recently.

But before we begin…

This topic was born as the result of our internal educational session which means you have a chance to really look under the hood of Visual Composer.

Let's go.

Performance and resources

When talking about performance, it is important to understand where does it come from.

There are three main components (resources) that are “working” with performance.

It is Network, CPU, and RAM.

In addition, it can refer to either client or server sides.

What does it mean?

Whenever you work with the page builder, either your computer or server resources are consumed. The availability of those resources and optimizations on the page builder side will determine how fast (or slow) your experience is.

In the next chapter, I will present (and explain) the performance schema of Visual Composer. I will mark every block with the resources that are used within the process as followed:

  • sNET - server-side network
  • sCPU - server-side CPU
  • sRAM - server-side RAM
  • cNET - client-side network
  • cCPU - client-side CPU
  • cRAM - client-side RAM

Understanding the resources in use makes it easier for web creators to analyze whether the server requires optimization and how to boost the performance.

Visual Composer performance schema

There are three main blocks of performance we can distinguish:

  • Requests
  • User interface
  • Server-side processing

As you can see from the schema, server-side processing mainly relies on server resources. Requests are a mix of both, while the user interface is highly impacted by the client-side.

Visual Composer performance schema

We will look into the details of every block to get a more clear understanding.

Requests

All requests refer to the editor's saving and loading operations. The performance of the operations depends on both - the client and server.

The client needs a good network to perform the operation and the server should be able to process as fast as possible. Here, the main pressure lies on the server CPU.

In other words, shared hosting with a virtual CPU (serving many sites) may get you into trouble.

RAM is used for the PHP processes to store arrays and objects in memory. This means that large content blocks with multiple options enabled will consume a good portion of RAM and will have a significant impact on saving operations.

RAM size of at least 256 is much preferred.

To improve performance for these operations, optimization of data size is needed.

In Visual Composer, we have introduced a binary data format that allows us to send more data in a smaller size. This means that fewer server-side resources are spent on saving and loading.

Not all servers accept binary data. The problem usually occurs with Apache and some clients were not able to save the content because Apache refused to accept binary data.

For that, we have introduced an option to enable alternative base64 encoded saving. The method is slower but can be used by clients who are not able to use binary data.

User interface

All about the user interface is all about the client-side (mostly).

Element actions like, adding, removing, updating, and sorting (drag and drop) are managed by the client's browser.

Therefore, resources on your side are crucial.

Most of the user interface processes are consuming CPU power.

To optimize it, we rely on React and other modern technologies.

It is important to keep the framework up to date and perform regular component updates. In other words, keeping development debt low.

We found that technologies like React hooks can significantly improve the performance of these processes.

There, Visual Composer benefits from things like React hooks.

At the same time, hundreds and hundreds of elements will make operations like drag and drop costly.

Talking about rendering - a good network and CPU is needed. Since you need to load elements, images, CSS, and other assets - your network will experience a good amount of workload.

Loading components refer to how fast the server provides the information and how fast the client receives it. Both client and server network plays a significant role there.

To optimize the process, we are using package bundles in production.

Optimization of these bundles is crucial for Visual Composer.

One of the improvements we have introduced recently is gZip support. gZip allows reducing the size of the bundle up to 5 times which means that things will work 5 times faster.

Of course, your server should be able to operate with gZip which is not always the case and some legacy solutions are needed for some clients.

Server-side processing

Server-side processing refers to how fast your server operates with the data.

The time that is needed for the server to take data from the database and process it.

As you can guess, CPU and RAM play main roles there.

Talking about problems and risks, low memory limits can affect the speed of these operations. To avoid the issues, your server must be well optimized and has a sufficient amount of resources.

Outro

Performance is a tough topic and requires attention at different levels.

From the page builder perspective, this means following the latest technologies and introducing regular improvements.

On the web creator side, it is needed to ensure that your server is ready to work with the technologies offered by the page builder.

With both parties involved, performance issues go off the table.

Discover the Powerful Drag & Drop Website Builder for Web Creators

The post Page Builder Performance Under The Hood appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/page-builder-performance-under-the-hood/feed/ 0
10 life hacks for faster and more efficient web design with Visual Composer https://visualcomposer.com/blog/life-hacks-for-faster-and-efficient-web-design/ https://visualcomposer.com/blog/life-hacks-for-faster-and-efficient-web-design/#respond Tue, 15 Mar 2022 19:18:40 +0000 https://visualcomposer.com/?p=34564 I have collected 10 life hacks that I use when working with Visual Composer. There is something for every web creator out there.

The post 10 life hacks for faster and more efficient web design with Visual Composer appeared first on Visual Composer Website Builder.

]]>

We do the same things in different ways. This is what makes our work unique. Everyone has their own workflow and life hacks to fasten things up and make their work more productive.

Working with Visual Composer is no exception. Even my teammates use features I don't and vice versa. And we work at the same company.

As I had my first Facebook live video, I decided to share some of the tricks I use when working with Visual Composer. The response was brilliant. Messages like “Oh, I did not know that!” made me think about sharing more tips to help you to become more productive.

In this article, I have collected 10 life hacks that I use when working with Visual Composer:

  1. Custom row names
  2. Global templates
  3. Column cloning
  4. Global and local CSS
  5. Right-click controls
  6. Template export and import
  7. Page to page copy
  8. Element presets
  9. Row resizer
  10. Append and prepend columns

After seeing how much our users love to both use and share their own Visual Composer hacks, our lovely colleague Irma created a walkthrough video showcasing just how to use each of the hacks mentioned in this article. Enjoy!

Custom row names

You can give custom names to your content elements, including rows and columns. To change the element name, click on the element title in the edit window or in the Tree view.

Why do you even need to rename the elements?

As your page layout becomes bigger, it can get harder and harder to navigate around. Especially, if you need to make changes after some time.

Plus, working in an agency has a high probability of someone else working on the same page. The same applies to delivering your project to the customer.

Name your rows, columns, and sections in Visual Composer

How to name your elements?

I do not name all of my elements. It feels like a waste of time.

Instead, I like to name my first-level rows and sections. I think you will agree that names like “Header”, “Hero section”, and “Features” make a lot more sense than “Row”, “Row”, “Row” when navigating around the page.

Global templates

A global template is a powerful tool available to Visual Composer users. It allows you to create a template that you can manage from one place and it will automatically get updated all across your website.

As I design a page, I search for the sections that I may want to reuse later on. If the content won't change, it makes sense to convert this part into a global template.

In Visual Composer, you can save any row as a template. And this is what I often do.

Save row and section as a block template

I save my reusable rows as global templates. Delete the content I have just created and replace it with the global template.

Visual Composer global templates

Such an approach also helps me to instantly see the template in a real layout.

Plus, I can easily add the same content on different pages and make changes to the template from one place whenever I need it.

Column cloning

Imagine you have four features you want to display in four columns next to each other. The easiest way (in my opinion) is to create a single feature and clone to result.

To illustrate the process, let's imagine that each feature consists of the icon followed by a description.

I will start my design process by adding a row with a single column. In the column, I will add my icon element and description.

Visual Composer column cloning

To save extra time, I will style the icon element and description by applying the Design Options needed.

Once my boilerplate is ready, I use column controls to clone the column (in our case making three additional copies).

Four features in columns in Visual Composer

Now that I have four columns with features ready, all I need to do is change the icons and update the copy.

Global and local CSS

As a web creator, you like to adjust parts of your content with CSS even when using Visual Composer. There is nothing wrong with that.
The question is whether to use local or global CSS.

Visual Composer offers both options - apply CSS to a certain page or to the whole site.

Whenever I write custom CSS, I insert it locally (page-specific CSS).

Add custom CSS to Visual Composer

Then, I ask myself a question if I will need this CSS on another page. If the answer is yes, I move it to the global CSS.

Of course, there can be cases when CSS is needed on the majority but not all pages. In such a case, you need to decide. For me, 70% is enough coverage to go after the global CSS.

As a workaround, you can use global templates to add custom CSS.

Last, but not least, just like naming the elements makes sense, don't forget to comment and separate your CSS code. You will thank yourself later.

Oh, almost forgot, you can apply the same principles to the custom JavaScript as well.

Right-click controls

Introduced recently, right-click controls are a handy way to quickly access element options.

Due to the fact that you need to use right-click to find out about the controls, some of you may have missed it.

Right click controls in Visual Composer

There is not much to say about it apart from “Give it a try”. I found myself saving lots of time with it.

Template export and import

Web creators love boilerplates. The good news is that Visual Composer template export allows you to have them.

There are certain layouts, elements, and maybe even media you like to use across different projects. The question is how to move those presets across your sites easily.

Visual Composer offers a template export option that allows you to move templates across different sites together with all the content elements and media files.

Yes, once you import a template to your newly created WordPress site, Visual Composer will automatically download all the elements used in the template and upload the media to your Media Library.

On my projects, I don't like to download my most used elements over and over again. Instead, I have a template that contains those elements. Once I upload the template to the site, all the elements get downloaded automatically.

Page to page copy

I think this is one of the most popular life hacks in my arsenal and I love it so much.

Did you know that you can copy Visual Composer elements from page to page (within the scope of one site)?

When working with Visual Composer, I usually have at least two browser tabs opened to quickly copy/paste the elements from already created pages to the new one.

No need to recreate the element or use global templates. A simple copy/paste will do the work.

Element presets

You can create global templates or copy elements from page to page.

Yet, there is another way (probably even better) to make sure you don't have to adjust the basic things for your elements over and over again.

Element presets allow you to save any element of Visual Composer as a preset with preconfigured styles.

Customized elements in Visual Composer

All of the element presets will appear right in your “Add Content” window and can be used just like any other element.

An additional benefit for web creators is an option to name your presets though giving your customers an idea of what elements to use when managing content on their own.

As I design sites for my friends, I often use element presets to create already branded buttons, images, and text blocks they can use out of the box.

Plus, I don't need to style the same elements over and over again.

Row resizer

Before release 44.0, you were able to adjust row sizes and width within your page or post layout, only within the row layout options.

Now there is an option to stretch and shrink rows via the brand new row resize controls.

Simply hover over the edge of a row you wish to adjust, and click on the vertical dotted control. Now, drag and drop the borders right and left to change the width of your rows to see faster results.

Resize row width feature

While this option allows you to change the margins of any row easily, it keeps the columns intact, adjusting them proportionally to the new row sizes.

And, you can still check and correct the values in the row layout options, same as before.

This feature truly is a cherry on top of what makes the Visual Composer editor true to WYSIWYG.

Append and prepend columns

Before the release 44.0, you were able to add extra columns to a row by selecting from the pre-set layouts or adding an extra row by typing in a new value in custom row layout options.

Now, when you hover over the edge of the first or last column of a row, you will see an additional plus icon. To add a new column simply click hover over the outline of a row, and click the plus icon.

Add extra columns to row sides feature

This is such a simple yet handy feature that allows you to create layouts in Visual Composer even quicker.

Outro

I have shared 10 life hacks of mine that I use when working with Visual Composer.

I hope you find them useful and applicable to your workflow. Maybe it will save your time and you will be able to create more projects or spend more time with your family.

If you are looking for ways to learn more about certain features - visit our Help Center.

Also, I encourage you to share your tips and tricks in the comments below and in our official community on Facebook.

See you online.

The post 10 life hacks for faster and more efficient web design with Visual Composer appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/life-hacks-for-faster-and-efficient-web-design/feed/ 0
Visual Composer Year in Review 2021 https://visualcomposer.com/blog/visual-composer-year-in-review-2021/ https://visualcomposer.com/blog/visual-composer-year-in-review-2021/#respond Thu, 16 Dec 2021 08:32:18 +0000 https://visualcomposer.com/?p=33923 It's another year around and we are thrilled to look back at what has happened to Visual Composer in 2021. This year, we released new features for web creators, built a stronger community, launched partnership programs, and more.

The post Visual Composer Year in Review 2021 appeared first on Visual Composer Website Builder.

]]>

It's another year around and we are thrilled to look back at what has happened to Visual Composer in 2021.

This year, we released new features for web creators, built a stronger community, launched partnership programs, and more.

Visual Composer team and community members

Visual Composer Community

In 2021, we have spent a lot of time talking to our community (you guys) and building relationships. We believe that a strong community is the cornerstone of a successful product that delivers the value customers want.

This year, we have managed to grow our community by more than 100%.

We understand that being a community-focused company is about giving rather than taking and being transparent. This is why we have launched our new help center to improve the way you can request features and access our public roadmap.

Releases and features

This year, we have managed to deliver 9 major releases - all containing essential features for web creators.

Here are a few of the top features and improvements you received during 2021.

Layout Builder, Role Manager, Font Manager, Global Design Options, Insights

UI/UX design

Every release we make, every breath we take, we are listening to you. Thanks to your feedback and feature requests, we have introduced Visual Composer Dashboard, right-click controls, optimized the navigation bar, and more. All this allows you to work faster and more intuitively.

Layout Builder

Our most important feature of 2021 is the Layout Builder. Layout Builder allows you to create completely custom templates for your pages, posts, and archives. With the Visual Composer Layout Builder, you become less dependent on the theme settings and remove unnecessary restrictions.

Font Manager

Another mind-blowing feature of 2021 was the Font Manager. Font Manager gives you the ability to define your site typography (font family, colors, letter spacing, etc.) for headings, paragraphs, and more. You can easily overwrite your theme settings and control the smallest piece of your site typography.

More Visual Composer Insights

Visual Composer Insights has received well-deserved recognition among the community. To improve it, we have introduced more quantitative and qualitative analysis (WCGA 2.0 contrast check) to help you build better sites.

Role Manager

As you create a website for your clients, you may want to restrict parts of your layout or even some Visual Composer features. For that, we have introduced a powerful Role Manager that allows you to adjust the access rights for your site user roles. No more human errors or unwanted design manipulations.

Page Design Options

Always wanted to apply our powerful row design options to the whole page? We have introduced page design options to control the overall look and feel of your WordPress pages.

New pricing for growing business

In 2021, we have paid extra attention to our license types and the feedback we received.

Since we saw a gap in our licenses, we have introduced new license plans to ensure it supports your growth.

Even more, we have increased the number of active sites for one of our most popular license types (from 3 sites to 5 sites) while keeping the same price.

And the cherry on top. For the first time, Visual Composer offers a lifetime license to remove the need for license management when working with your clients.

More partners, better opportunities

We know that you don't rely on a single product when building a site. All experts have their own technical stack when it comes to web development. Our goal was to make sure that we support your workflow by introducing strategic partnerships with well-established and promising tools from the WordPress ecosystem.

Hosting is always an essential part of web development. Having reliable hosting makes you feel safe about the uptime, performance, and even SEO. In 2021, we partnered with Cloudways to deliver you a 1-click install bundle. Now you can easily start your next web design project by choosing an award-winning Cloudways WordPress hosting with Visual Composer Website Builder installed by default.
This bundle ensures that you receive the best performance on the market and can easily comply with Google Core Web Vitals.

Our second partnership was made with Bertha.ai. Bertha is the world's first fully-integrated AI writing assistant for WordPress. With Bertha, you can reduce the time you spend on copywriting and focus on your business. More than that, integration between Visual Composer and Bertha allows you to instantly generate content right in the frontend editor.

WPGivesAHand 2021 movement in WordPress community

WPGivesAHand

Launched for the first time in 2020, WPGivesAHand is a charity movement across the WordPress community. The goal is simple, make our world a better place by donating a portion of your sales revenue to the charity of your choice.

In 2021, we ran the WPGivesAHand movement for the second time and it was a blast. The majority of existing partners joined together with the new (but well-known) WP companies. All with a clear goal, support global and local charity organizations during these hard times.

The Visual Composer team is happy to be an ambassador of the WPGivesAHand and we can not wait for more companies to join the movement in 2022.

What's next?

Needless to say, we have huge plans for 2022 with a focus on you guys.

Getting closer to our community experts and being transparent about our roadmap is an essential part of our goal. So is the introduction of features to improve the speed and the quality of your work.

In 2022, we have plans to deliver more options for global controls and reusability, boost Visual Composer Insights, and enhance responsive controls.

On the community side, we are looking into introducing a platform for web creators to capitalize on their skills and expertise.

The Visual Composer team wants to thank you for your dedication and trust. We wish you a happy holiday season and look forward to supporting you through 2022.

The post Visual Composer Year in Review 2021 appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/visual-composer-year-in-review-2021/feed/ 0
Web Design Trends of 2022 https://visualcomposer.com/blog/web-design-trends-of-2022/ https://visualcomposer.com/blog/web-design-trends-of-2022/#comments Fri, 05 Nov 2021 11:43:49 +0000 https://visualcomposer.com/?p=33389 Today, it is not enough to build a website to be successful. You have to look into web design trends and see how you can benefit from them. To help you out, we have collected the hottest web design trends of 2022.

The post Web Design Trends of 2022 appeared first on Visual Composer Website Builder.

]]>

In 2010, there were around 210 million websites online. Today, the number has grown to 1.8 billion.

Today, it is not enough to build a website or understand technologies. You need to adapt to the ever-changing environment, experiment to stand out.

To help you out, we have collected the most important web design trends to dominate in 2022.

Accessibility matters

Accessibility is surely not a new kid on the block. In many countries, it is already a requirement to build websites with accessibility in mind. The web should be accessible to everyone.

Of course, building websites with integrated features for accessibility requires additional effort and raises costs. This is why businesses sometimes require a trigger to boost it.

Google Lighthouse project is such a trigger. With the booming popularity of Core Web Vitals, everyone aims to get a higher score when it comes to performance, SEO, best practices, and accessibility.

With high scores, websites work faster and rank higher. What kind of business wouldn't want that?

In 2022, we can expect more and more businesses paying attention to accessibility. Incorporating analysis tools for accessibility, like Google Lighthouse and Visual Composer Insights, to comply with WCAG standards will become a norm of modern web development.

Web design trends 2022 - centred buttons

Focus on actions

Next Best Action is a part of the customer-centric approach where businesses think of what is the next action their customer should take.

On the web, this means giving customers a clear message on what they should do next. It is not about hero messages anymore. It is about pushing customers to the next stage of your sales funnel.

We are talking about replacing fluffy messages with call-to-action buttons and removing disturbance around them.

It is time to experiment with your buttons, shape, color, size, animation - whatever comes to your mind to make it unique.

What's the outcome? Better user experience and higher conversion rates.

Web design trends 2022 - red color

Red alert

Often considered as aggressive or oversaturated, red makes things stand out.

In the past, people avoided using red in web design. Ask any expert and you will receive the same answer.

But, just like red lipstick, red buttons or titles can be a powerful instrument for grabbing visitors' attention.

If we look into the latest nominees at Awwwards, top web designers start to adopt the red color more and more. With different tones and variations, there is plenty of room for experimenting.

While it is really easy to oversaturate your website with red, there is a case when red can become your advantage.

Retro style web design trend by Gucci

Back to the future

Design trends tend to repeat. The small cycle takes around seven years. The large is something around thirty years.

Want to know what's coming next? Look back into 1991 and what was trendy back then.

Vibrant colors, disordered typography, standalone elements, and various shapes. These things are coming back into the web.

To keep up, look into how you can colorize your online presence. Become more fun in design and communication.

Less jQuery, more ReactJS

The web is becoming fast. This means there is no room for legacy technologies.

jQuery library has served us well for a long time. Don't get me wrong, we've managed to create awesome things with it. But, it is about time to move forward.

ReactJS is booming right now. Early adopters, like Visual Composer, have been using it for a while already. WordPress moved into ReactJS as well.

With the market size of WordPress, ReactJS is the thing.

In 2022, we expect to see even more React-based solutions. So, if you haven't looked into ReactJS yet - this is the right time to do so.

Blogging and beyond

Content marketing has always been on top of your marketing activities. It helps you raise awareness, generate traffic, deliver messages, and rank higher for desired keywords.

SEO is a neverending battle. You have to get into a brawl with your competitors and look for opportunities. The question is, how do you manage all of that if you have limited resources.

It may look that you are not able to cover all the topics you want and need.

Well, we have some good news for you.

Ai is a hot thing for a while already. In 2021, we've seen new tools, like Bertha.ai, rising to help businesses handle content marketing with the help of artificial intelligence. You have to spend less time writing content which means you can produce more content.

In 2022, we expect people to dive even deeper into Ai-generated content to strengthen their content marketing efforts.

From a simple proposition to complete blog articles, businesses will take advantage of artificial intelligence when it comes to their online presence.

Web design trends 2022 - large buttons

Large buttons

We talked about putting buttons in the middle of everything. As we do, it is time to think about the size.

Button size matters. If you follow the Next Best Action approach, you want a button to be the thing that you spot easily.

Large buttons are easier to click no matter what device type you are using. They are good for accessibility. The size allows you to play around with shapes and details.

How to convert your existing website?

This shouldn't always be about a complete re-design. You can start small by simply increasing paddings and font size.

After, run experiments with Google Optimize or similar tools to see how button size increases your clickthrough rate.

Web design trends 2022 - video

Video killed the radio star

Why do we even talk about videos? They are getting popular anyway.

Exactly! If you go around the web, you will see videos being at almost every corner.

Nevertheless, with social media networks, like Instagram and Facebook, pushing more video content through stories and similar features, we expect videos to blow up the web.

Some people still think that producing videos is hard and time-consuming. Think again.

It has never been easier to create video content for your brand or company. It has never been easier to jump into real-time marketing.

Various tools and apps allow you to quickly film the video, add effects, apply filters, and publish it on the web.

If you think about your web in 2022, make sure you have a solid ground for video content, like video elements and social media integrations.

Conclusions

Whatever your business niche is, you should always keep up with the latest trends.

They can help you stay fresh, show your growth, and most importantly - increase your conversions.

You can go with just one idea from the list above or think about how you can monetize on all of them. The most important is that you do not leave your site unattended.

At Visual Composer, we believe that your site-building processes don’t end with the launch. It is just the beginning of the journey. Look into data, analyze your site with Insights, Lighthouse, Hotjar, or any other tool out there and think how you can improve.

And, if you are looking for additional ideas, check out NFT artworks - another booming topic that is supposed to grow enormously in 2022.

The post Web Design Trends of 2022 appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/web-design-trends-of-2022/feed/ 1
Introducing Page Design Options https://visualcomposer.com/blog/page-design-options/ https://visualcomposer.com/blog/page-design-options/#comments Thu, 05 Aug 2021 11:56:17 +0000 https://visualcomposer.com/?p=32407 Get ready for full-page design options - an easy way to style your pages without coding. Visual Composer 38.0 comes with Design Options controls you can apply not only to a row or section but a whole post or page.

The post Introducing Page Design Options appeared first on Visual Composer Website Builder.

]]>

Get ready for full-page design options - an easy way to style your pages without coding. Visual Composer 38.0 comes with Design Options controls you can apply not only to a row or section but a whole post or page.

Visual Composer page design options for WordPress

We continue to enhance your design experience with Visual Composer. With familiar design options being a part of every content element, we aim to extend this functionality to the posts and pages you design.

Page design options allow you to control the background color, image, margin, padding, and border of your page. It overwrites the default styles of your theme making page design options a perfect companion for creating landing pages.

How to Use Page Design Options

To access page design options, go to the On-Page Settings from the Visual Composer frontend editor and click on the Design Options tab.

From there, you will see the well-known design options controls which can be adjusted to your needs. All changes will be automatically displayed on your page.

Page and post design options for WordPress

Moreover, we created page design options with responsiveness in mind. This means you can add different styling for different device types. For example, add a background image on a desktop and replace it with the background color or mobile to improve performance.

The page design options are available to all Visual Composer page layouts and the Starter theme. Some other themes may experience compatibility issues due to their styling options and layout structure.

When to Use Page Design Options

From the landing page styling and up to small design tweaks, there are many cases where page design options can be applied.

Most marketers want their landing pages to be a bit different from the main site. With design options, you can easily add a background image or change the color to make it look different.

Your theme does not support background color controls or restrict using images? No worries, Visual Composer can handle that for you.

For a non-technical user, page design options allow adjusting page style without writing a single line of code.

Want to introduce a small and trendy border to make your page look like a card? Page design options allow you to control the border width and color of your page.

We are sure you can think of many more use cases or you can always find inspiration in our showcase.

Are you thrilled about page design options? Let us know in the comments or share your work in the official Visual Composer community on Facebook.

Happy designing!

P.S. Yes, page design options are available in the free version of Visual Composer.

The post Introducing Page Design Options appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/page-design-options/feed/ 1
Get 40% OFF Visual Composer Premium https://visualcomposer.com/blog/birthday-sale/ https://visualcomposer.com/blog/birthday-sale/#respond Mon, 10 May 2021 18:07:41 +0000 https://visualcomposer.com/?p=31642 Don’t miss out on the biggest sale of the year! To celebrate our 10 year anniversary we offer a massive 40% OFF discount on all Visual Composer Premium licenses. This deal won't last forever - hurry up!

The post Get 40% OFF Visual Composer Premium appeared first on Visual Composer Website Builder.

]]>
Visual Composer 10th Birthday Sale

Visual Composer birthday sale 40%

Don’t miss out on the biggest sale of the year! Get any of the Visual Composer Premium licenses with a chance to save up to $139.

Plus, upgrade your existing licenses with a discount. Hurry up - the sale won't last forever!

Single

For 1 website

$49/year

  • Drag & Drop Builder
  • 300+ Content Elements
  • 200+ Templates
  • Font Manager
  • Theme Builder
  • Popup Builder
  • Insights
  • Free Stock Images
  • Premium Support

Plus

For 5 websites

$99/year

New! More websites - same price

  • Drag & Drop Builder
  • 300+ Content Elements
  • 200+ Templates
  • Font Manager
  • Theme Builder
  • Popup Builder
  • Insights
  • Free Stock Images
  • Premium Support

Accelerate

For 20 websites

$149/year

  • Drag & Drop Builder
  • 300+ Content Elements
  • 200+ Templates
  • Font Manager
  • Theme Builder
  • Popup Builder
  • Insights
  • Free Stock Images
  • Premium Support

Growth

For 100 websites

$349/year

  • Drag & Drop Builder
  • 300+ Content Elements
  • 200+ Templates
  • Font Manager
  • Theme Builder
  • Popup Builder
  • Insights
  • Free Stock Images
  • Premium Support

Agency

For 1000 websites

$849/year

  • Drag & Drop Builder
  • 300+ Content Elements
  • 200+ Templates
  • Font Manager
  • Theme Builder
  • Popup Builder
  • Insights
  • Free Stock Images
  • Premium Support

How to upgrade Visual Composer with a discount?

You've come at the right time. During our birthday sale, you can upgrade your existing licenses with 40% OFF. How? Simple. Go to My Visual Composer and select the premium subscription you want to upgrade. The discount will be applied automatically. 

Visual Composer five star review from WordPress.org

The most powerful plugin

I really appreciate Visual Composer’s powerful set of tools — making page design quick and simple. The out-of-box components are really helpful, but the real power lies in the options they provide for each. It’s so easy to add, clone, manipulate and test on multiple screen sizes!

Michael Temple

Visual Composer five star review from WordPress.org

Greatest customer support ever

I’ve been using Visual Composer for a number of years now, and I continue to suggest it to all of my clients simply because of the customer support.

Sydney Bling

Visual Composer five star review from WordPress.org

Great tool for building websites

I know Visual Composer as the oldest and experienced website editor creators. No pointless bells and whistles — a straight tool to work on your website. Working with them I must admit superb support that helped just in time. Every version becomes only better and focuses you to work on your project, not examining complicated UI.

Kplaude

Why start with Visual Composer?

Building your site should not be hard. As a business owner, you don't need to care about coding or dedicate your time to learn web development. Visual Composer will help you to build your WordPress site without hassle through an intuitive interface that anyone can handle.

Easy to use WordPress editor

Drag and drop live editor

Experience the power of building your own WordPress site with just drag and drop. See what you build right away.

Elements and templates for WordPress

Elements and templates

Choose from a variety of templates, elements, and integrations. Customize it with powerful design options.

WordPress page builder for everyone

Easy to use for everyone

Website builder for everyone - business owners, designers, marketers, developers, agencies, theme authors, and online store owners!

BBDO Logo
Martini Logo
Tedx Logo
British Salt Logo
Tethr Logo
Michael, CEO at Visual Composer

The magic of number 10 and Visual Composer

"Ten years have passed at a speed of a moment. Over the years, we have gained invaluable experience, joy, success, fall, and rise, love, and gratitude. Everything that encourages the Visual Composer team to create new things to make website creation convenient, simple, and rewarding."

Michael Makijenko, CEO and Founder

Visual Composer team

Team

The strength of the team is each individual member. The strength of each member is the team — developers, designers, support, copywriters, video creators - happy birthday!

Visual Composer user

Users

We have fallen in love with our users! The websites you create reflect your virtuoso in which you adapt the features of Visual Composer - beautiful, creative, impressive, and inspiring.

WordPress

Hello World! Community, volunteers, gurus, believers, doers, and dreamers, thank you for making website creation so easy. We stand together and no outstream weakness will stop us.

Visual Composer technologies

Technology

Many thanks to Berners-Lee for inventing the Internet. Without it, we would not know what is a zoom meeting or what is a beautiful website. Everything else is the HTML-JavaScript-CSS-PHP language we speak.

Visual Composer Support

Support

Kudos to our supporters - the online community, plugin translators, theme authors, affiliates, and developers who are having fun with our API.

Visual Composer goal

Challenge

Challenges strengthen and move us forward. The last two years have turned the world upside down, but it has not stopped us from hearing our users, creating new things, and being open to new adventures.

Visual Composer dedication

Dedication

We believe that dedicating some of our lives to others will be an exhilarating experience. The #wpgivesahand is a testament to the good works that yield the most fruit. Thanks to everyone who gets involved!

Visual Composer Vision

Vision

Make the website creation process easier, faster and clearer so that our users can present their business in the online environment to the highest standards. Offer users simplicity, transparency, speed, and power.

Visual Composer Partners

Partners

We are really proud of the integrations and compatibility elements developed by our partners within the WordPress environment. They all complement the Visual Composer Hub perfectly, allowing users to make pages on the spot.

Visual Composer share love

Love

Love for code, design, WordPress, people, animals, beer, Fridays, meetups, sport, fun, family, friends - the greatest love for these and many other things.

Are you ready for the Visual Composer sale? Hurry up!

Copyright © 2021 Visual Composer Website Builder. All Rights Reserved.
Proudly powered by Visual Composer and WordPress

The post Get 40% OFF Visual Composer Premium appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/birthday-sale/feed/ 0
Introduction to Visual Composer UI/UX design improvements https://visualcomposer.com/blog/visual-composer-ui-ux-design-improvements/ https://visualcomposer.com/blog/visual-composer-ui-ux-design-improvements/#comments Fri, 12 Mar 2021 15:27:46 +0000 https://visualcomposer.com/?p=31241 In the last couple of updates, we introduced several important Visual Composer UI/UX improvements that did not receive enough attention in our blog. Although these improvements may not be as glamorous as some of our other features, they still make a huge difference to how you use the product.

The post Introduction to Visual Composer UI/UX design improvements appeared first on Visual Composer Website Builder.

]]>

In the last couple of updates, we introduced several important Visual Composer UI/UX improvements that did not receive enough attention in our blog. Although these improvements may not be as glamorous as some of our other features, they still make a huge difference to how you use the product.

In this article, I want to quickly guide you through the most important of our recent UI/UX updates so you can start working faster and design better sites:

New image and video selector

A more intuitive media selector allows you to quickly manage images and videos. Replace images with dynamic content or assets from the Media Library. Reorganize images within gallery elements with a simple drag and drop. Add static or dynamic URLs to your media assets.

Tabs in On-Page Settings

Access any on-page settings available in Visual Composer Frontend editor by simply switching between the tabs. Scroll through the multiple tabs to quickly access the one you need, just like in Google Sheets.

Experience enhanced link selector that allows you to quickly switch between adding URLs, triggering popups, or applying dynamic content links.

Better publishing options

Not ready to publish yet? Choose between publishing and saving your content as a draft right under the Save option.

New Device Preview

Check how your site looks on different devices right in the Frontend editor. See the exact viewport sizes and set the default editor view in the Visual Composer settings.

Edit with double click

Modify your texts by double-clicking to open the inline editor. Double click on other elements to open the element edit window.

WordPress Post and Page settings

Add featured images, choose categories and tags, enable comments, add excerpts, and access other core WordPress post and page options right from the Visual Composer on-page settings.

New Row layout controls

Build your row and column structure faster with the brand new row layout controls. Take advantage of autocomplete option and instant editing to modify existing row layouts.

Delete elements and templates

Keep your content window clean by removing unnecessary elements and templates. And don't worry, Visual Composer will identify if elements you want to delete are in use and will inform you.

Add Content window

Access your elements and templates from one place. Use Add Content window to switch between elements and templates.

Element grouping and favorites

Find needed elements faster with smart element and template groups introduced in Add Content window. Plus, the most used elements and templates will always be on top.

New column resize controls

Experience cleaner row and column layouts with a reduced number of borders and a slick column resizer for quick manual adjustments.

Did you know all our recent UI/UX improvements?

Have you tried all our new design improvements? Which one is your favorite? What else you want us to improve? Share your thoughts in the comments below. Don't have Visual Composer on your plugin list yet? It's about time to change the way you build your site and manage content forever.

The post Introduction to Visual Composer UI/UX design improvements appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/visual-composer-ui-ux-design-improvements/feed/ 1
Free vs Premium: Is It Worth Upgrading? https://visualcomposer.com/blog/free-vs-premium-is-it-worth-upgrading/ https://visualcomposer.com/blog/free-vs-premium-is-it-worth-upgrading/#comments Tue, 16 Feb 2021 12:15:54 +0000 http://t.visualcomposer.com/?p=31002 If you’ve ever considered upgrading from a free version to the premium, you’re probably wondering if it’s worth the investment. The answer is yes! Keep reading for how to determine whether or not your business needs Visual Composer Premium and some of its best features.

The post Free vs Premium: Is It Worth Upgrading? appeared first on Visual Composer Website Builder.

]]>

If you’ve ever considered upgrading from a free version to a premium, you’re probably wondering if it’s worth the investment. The answer is yes! Keep reading for how to determine whether or not your business needs Visual Composer Premium and some of its best features.

Let' start with a simple statement - Visual Composer is for everyone. If you've ever used Visual Composer - you already know that.

While other products raise prices and limit features, we have only expanded the feature list available for free. No surprise that the Visual Composer free version is the most powerful WordPress page builder on the market.

Ok, but if the free version is so good - why do I have to consider premium? The answer is simple.

Once you start your business you need to get online fast. The Visual Composer free version can help you to do just that. 

As your business and objectives grow, there are more opportunities and challenges on the horizon. Improve sales funnel, run marketing experiments, incorporate e-commerce, and so on.

This is where the premium version comes into play. Below, I have summarized all differences between the two versions and outlined the benefits of the Premium version.

WordPress Content Editing

The free version of the Visual Composer is a page builder that allows you to edit the content of your page. In WordPress, content is defined by your theme. This means you have a specific block you can edit.

But what if you want to edit something that is beyond the content? For example, a header, or footer. 

Visual Composer Premium allows you to edit the whole page. You can choose a layout of your page, create custom headers, footers, sidebars, and create content.

A common practice in e-commerce sites is to reduce distractions on the checkout page. With a custom header created in Visual Composer, you can place only needed elements, like logo, though increasing your conversion rate.

Premium Elements and Templates

Right from the start, you will get 40 free elements and 10 free templates to build your page. The very basic elements, like text blocks, buttons, and separators allow you to build a decent site.

But at some point, you may need more elements. Of course, you can find an add-on or even create your own elements. Yet, there is an easy way out.

Visual Composer Hub is a library available in Visual Composer that gives you access to more elements and templates. To be exact, there are 500+ elements and templates available and the numbers keep on growing.

The best part is that Visual Composer Premium gives you access to all those elements and templates completely free of charge. No download limits applied.

Premium Design Options

All Visual Composer elements come with design options - feature-rich controls to apply background effects.

While the free version covers all the basics, you may want to look into the Premium version to access more styling options and parallax effects.

Plus, as Visual Composer Premium has more elements you can have more styling options.

Premium Addons

Available exclusively to the Premium version, add-ons can significantly increase the number of features. 

Tailored for professional web designers and marketers, different add-ons can help you:

  • Create custom popups;
  • Create global templates;
  • Export/Import templates;
  • Manage element access;
  • Add dynamic content to your page;
  • and more.

And, just like the elements and templates, all addons can be downloaded for free from the Visual Composer Hub with an active Premium subscription. 

Visual Composer and Woo Commerce

E-commerce is a huge topic these days with everyone wanting to benefit from the online sales boom.

Visual Composer Premium version offers a seamless integration with WooCommerce and other online business tools you may need to start your online store.

Premium Support

Being a premium version user is not only about the elements, templates, and features. As a premium customer, you get a reliable partner that offers premium-class support and assistance whenever you need it.

In fact, over 70% of premium users admit that support availability is one of the key factors when it comes to business sustainability.

Premium Pricing

When talking about premium products, we tend to think about the hundreds of dollars we will have to spend every month. This is surely not the case with Visual Composer.

You can start as low as $49 annually for a single site subscription and enjoy all the premium benefits. Similar tools in other industries may cost you hundreds if not thousands of dollars.

In fact, the Visual Composer Premium subscription costs around 4 Big Macs from McDonald's 🙂 

Plus, with a 30 days refund guarantee you are completely risk-free.

Summary

Visual Composer Premium offers great price vs benefit value to anyone who wants to improve their website. There are no additional fees. Plus, with regular feature, element, and template updates you can always stay up to date with the latest trends.

Still not convinced? Check out what our premium users think and go premium.

The post Free vs Premium: Is It Worth Upgrading? appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/free-vs-premium-is-it-worth-upgrading/feed/ 1
Porto Theme Integration https://visualcomposer.com/blog/porto-theme/ https://visualcomposer.com/blog/porto-theme/#comments Wed, 27 Jan 2021 15:49:55 +0000 http://t.visualcomposer.com/?p=30930 The #1 best-rated WordPress and WooCommerce theme on ThemeForest now comes with Visual Composer Website Builder integration and a set of custom elements and templates.

The post Porto Theme Integration appeared first on Visual Composer Website Builder.

]]>

Porto is the highest-rated top WordPress theme available on ThemeForest. Being a perfect solution for both - beginners and professionals, the Porto theme offers more than 120 unique demos for business sites and e-commerce stores.

What makes the Porto theme stand out is powerful theme options and integration with the most advanced WordPress website builder - Visual Composer.  

Porto theme logo transparent
WordPress theme Porto elements

"We could see Visual Composer has high potential compared to Elementor or other builders, especially on user performance and server load response time. We're happy to integrate Visual Composer into our major WordPress theme, Porto!"

Alex, Porto Theme

Porto Theme & Visual Composer

With the Porto theme, you receive a powerful combo. Porto theme options give you all you need to style the overall look of your theme.

When it comes to content, nothing comes close to what you can achieve with Visual Composer.

120+

Porto theme full site templates

28

Unique Porto content elements

40+

Visual Composer elements & templates

Porto theme logo transparent
Edit Porto theme in the Visual Composer Frontend Editor
Visual Composer controls in Porto theme

Porto Theme Templates

Porto themes offer a wide range of full site templates for business sites, portfolios, landing pages, blogs, and online stores.

For the Visual Composer and Porto theme, a heavy accent has been put into WooCommerce templates.

Browse Popular Porto Templates

Check out the most popular Porto theme templates. All templates come with full Visual Composer Website Builder support.

Looking for a WordPress Theme?

Not sure which theme to choose for your new or existing website? We highly recommend giving Porto theme a try. A theme that has all the needed features and is highly appreciated among beginners and professionals.

The post Porto Theme Integration appeared first on Visual Composer Website Builder.

]]>
https://visualcomposer.com/blog/porto-theme/feed/ 5