How To Build Attractive Pages in WordPress Without Coding

By WP Saviour •  Updated: 03/06/21 •  5 min read

This will come as a shock to some, however bloggers are usually not essentially educated on each side of net design, particularly writing HTML or CSS codes to construct a web site. Myself included, some bloggers know sufficient to have the ability to construct a web site by means of a CMS software like WordPress, however not essentially construct it from scratch.

For non-coding bloggers like me, instruments like WordPress and plugins are important to construct web sites on our personal. However even with these tips, we generally discover that we want extra assist designing an online web page. So what does a non-coding blogger do? Use drag-and-drop web site builders that don’t require writing a line of code.

There are various of those instruments on the market, however one current discovery I made was Website Origin’s Web page Builder plugin for WordPress. It lets you construct a web page’s format with interactive objects you can drag and drop round an online web page. It form of jogged my memory of Elegant Theme’s Divi, however the beauty of this plugin is that it’s free.

Upon putting in the plugin, you may go forward and add a brand new web page or publish from the Dashboard menu panel. Discover the Web page Builder tab on the highest proper nook of the textual content editor. Click on on this to begin utilizing Web page Builder.



Clicking on the Web page Builder tab prompts the drag and drop interface and exhibits you the toolbar to begin constructing the web page. There are two main buttons you’ll be utilizing: Add Row and Add Widget. To have the ability to add a widget, that you must add a row first.

When including a row, the plugin enables you to select what number of columns can be in that row and what sort of spacing will probably be used between columns.

page-builder_rows-9269481When you set the row and column format, you may click on the “Insert” button on the decrease proper nook.

Subsequent, now you can add widgets to every part of a row. You may add any widget that you’ve got put in, along with widgets offered by the Web page Builder plugin. These widgets may be dragged and dropped into any of the columns in a row.


Within the instance under, I added totally different widgets to a three-column row. Within the first column on the left, I added a Current Posts widget, then a Textual content widget within the center row and a Gravatar widget on the proper column.


To edit the contents of most widgets, simply mouse over the widget field and it is best to get an choice to edit it. As an illustration, the Textual content and Gravatar widgets required me to enter particulars earlier than the widget may be displayed correctly, so I needed to mouse over and click on on the “Edit” button. It’s also possible to delete or duplicate a widget by hovering the mouse over a widget field.

A preview of my new web page seems like this:


One other wonderful thing about Web page Builder is that it will also be utilized in current net pages. Simply edit the web page and click on on the Web page Builder tab. Click on “OK” on the popup asking in the event you’d like to repeat the prevailing content material to Web page Builder.


Web page Builder doesn’t solely work on normal pages, however on particular person weblog posts as effectively. Simply add or edit a publish as regular and it is best to see the Web page Builder tab on the WordPress textual content editor. If this isn’t the case, then go to Settings>Web page Builder and make sure that Pages and Posts are each checked underneath the Normal tab.

Why ought to I take advantage of a Web page Builder plugin?

Web page Builder is nice for newbie bloggers and even seasoned ones who simply need to save time when making a web page. No matter talent stage, this software can show helpful.

As somebody who’s been running a blog for some time, I might say this software is nice if you would like a fast and free approach to design an online web page with out coding data. I might suggest it in the event you don’t have the finances for costly themes and fancy net design instruments. It’s additionally ultimate in the event you’re solely seeking to construct one or two pages that serve a single goal, resembling a touchdown gross sales web page or a portfolio. Nonetheless, I don’t suggest utilizing this software for your whole pages or for creating common weblog posts, as this may decelerate the method because you’ll spend extra time designing relatively than creating content material

Which Web page builder WordPress plugin you might be utilizing?

Whereas there are undoubtedly extra superior and extra absolutely featured net web page builders on the market, Web page Builder by Website Origin is the way in which to go if you would like a easy net web page design with out having to spend a dime. Are you utilizing Website Origin’s Web page Builder plugin or another Pagebuilder WordPress plugin? What sort of web page you might be planning to construct with web page builder plugins?

gp-4717031 as-2332925

WP Saviour

I am a WordPress specialist. My mission is to help you create beautiful websites with ease!