His theme is imploring him to install Elementor, which is a popular pagebuilder for WordPress. He decides to install it and, subsequently, another message appears recommending that he install another plugin: Gold Addons for Elementor.
These are both free pagebuilder plugins, but you can bet your bananas that they’re both going to offer pro versions. I’ve used the Divi builder and TagDiv composer (Newspaper theme) extensively. Both are paid plugins (or come with their respective themes) so I was a bit excited to try Elementor. Perhaps sometime I’ll write a review and compare, but that’s not the focus of this post.
But, for now, the free versions.
Should I use a pagebuilder?
Zip installed these pagebuilder plugins because they were “recommended.” But he did NOT have to do so. His theme would have worked without using a pagebuilder. Using a pagebuilder comes with some pros and cons. Note that the Gutenberg block editor is actually a pagebuilder, but it’s the WordPress default now, so we’re not considering that here.
Pros and Cons of Pagebuilders
- Drag and drop interface.
- Easy for beginners.
- Offers features that would be difficult to otherwise configure without coding skills. For example, post grids, sliders, etc.
- Offers settings your theme may not for customizations for different devices (i.e. desktop, mobile.)
- Pages built with a pagebuilder will often have at least somewhat slower loading times than those written with the default editor.
- Proprietary. A page built, for instance, with the TagDiv composer isn’t going to work if you want to switch to Divi.
- Pages are built with shortcodes. If you disable the pagebuilder, you’re left with a page full of shortcodes that you need to rebuild. Or, you’re stuck with that pagebuilder.
Because of the last “con” listed above. I’d recommend that Zip only use a pagebuilder on certain pages that he feels he absolutely MUST style with post grids and such. And I’d recommend that you write your posts with the regular WordPress block editor.
Some themes offer the ability to use templates to style posts. That’s OK if your theme applies a style to your post — if you then disable that theme, you’ll at least be left with your post intact and you can apply more styling in your new theme.
But suppose I wrote a post with the TagDiv composer. It might look something like this in the WordPress editor:
[tdc_zone type="tdc_content"][vc_row full_width="stretch_row_content td-stretch-content" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjQwIiwiYmFja2dyb3VuZC1jb2xvciI6InJnYmEoMCwwLDAsMCkiLCJiYWNrZ3JvdW5kLXBvc2l0aW9uIjoiY2VudGVyIGNlbnRlciIsImdyYWRpZW50LWRpcmVjdGlvbiI6IjkwIiwiZGlzcGxheSI6IiJ9LCJsYW5kc2NhcGUiOnsiZGlzcGxheSI6IiJ9LCJsYW5kc2NhcGVfbWF4X3dpZHRoIjoxMTQwLCJsYW5kc2NhcGVfbWluX3dpZHRoIjoxMDE5LCJwb3J0cmFpdCI6eyJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3NjgsInBob25lIjp7Im1hcmdpbi1ib3R0b20iOiI0MCIsImRpc3BsYXkiOiIifSwicGhvbmVfbWF4X3dpZHRoIjo3Njd9" row_divider_bottom="" svg_background_color_bottom="#ffffff" svg_height_bottom="200"][vc_column][td_block_slide image_size="td_1920x0" meta_info_vert="content-vert-center" nav_icon_size="eyJhbGwiOiIzMCIsInBvcnRyYWl0IjoiMzgifQ==" color_overlay="eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiJyZ2JhKDAsMCwwLDAuOSkiLCJjb2xvcjIiOiJyZ2JhKDAsMCwwLDAuMykiLCJtaXhlZENvbG9ycyI6W3siY29sb3IiOiJyZ2JhKDAsMCwwLDAuMykiLCJwZXJjZW50YWdlIjo3NX1dLCJjc3MiOiJiYWNrZ3JvdW5kOiAtd2Via2l0LWxpbmVhci1ncmFkaWVudCgwZGVnLHJnYmEoMCwwLDAsMC4zKSxyZ2JhKDAsMCwwLDAuMykgNzUlLHJnYmEoMCwwLDAsMC45KSk7YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDBkZWcscmdiYSgwLDAsMCwwLjMpLHJnYmEoMCwwLDAsMC4zKSA3NSUscmdiYSgwLDAsMCwwLjkpKTsiLCJjc3NQYXJhbXMiOiIwZGVnLHJnYmEoMCwwLDAsMC4zKSxyZ2JhKDAsMCwwLDAuMykgNzUlLHJnYmEoMCwwLDAsMC45KSJ9" content_width="1200px" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJzaGFkb3ctc2l6ZSI6IjE1Iiwic2hhZG93LWNvbG9yIjoicmdiYSgwLDAsMCwwLjE1KSIsImRpc3BsYXkiOiIifSwicGhvbmUiOnsibWFyZ2luLXJpZ2h0IjoiLTIwIiwibWFyZ2luLWxlZnQiOiItMjAiLCJkaXNwbGF5IjoiIn0sInBob25lX21heF93aWR0aCI6NzY3fQ==" prev_tdicon="tdc-font-tdmp tdc-font-tdmp-arrow-left" next_tdicon="tdc-font-tdmp tdc-font-tdmp-arrow-right" image_height="eyJhbGwiOiIxMDB2aCIsInBob25lIjoiNTAwIiwicG9ydHJhaXQiOiI3NjBweCIsImxhbmRzY2FwZSI6IjkwMHB4In0=" meta_info_horiz="content-horiz-center" image_alignment="0" limit="4" category_padding="eyJhbGwiOiIxMHB4IDI1cHggIiwicGhvbmUiOiI1cHggMThweCAifQ==" meta_padding="eyJhbGwiOiIwIDgwcHggNDBweCIsInBob25lIjoiMCA0MHB4IiwicG9ydHJhaXQiOiIwIDYwcHggNDAifQ==" cat_bg_hover="#ff4033" msf_title_font_family="297" msf_title_font_transform="" msf_title_font_weight="600" msf_title_font_size="eyJhbGwiOiI3MCIsImxhbmRzY2FwZSI6IjYwIiwicG9ydHJhaXQiOiI1NCIsInBob25lIjoiMzAifQ==" msf_title_font_line_height="1" show_com="none" msf_cat_font_family="297" msf_cat_font_weight="500" cat_bg="rgba(0,0,0,0.5)" cat_txt="#ffffff" cat_txt_hover="#ffffff" msf_meta_font_family="297" msf_meta_font_transform="uppercase" msf_meta_font_weight="500" msf_meta_font_size="14" msf_meta_font_line_height="1" art_title_space="15px 0 25px" el_class="td-influencer-menu" category_id=""][vc_row_inner absolute_align="bottom" absolute_position="yes" absolute_width="absolute_inner_1200 absolute_inner" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6Ii0zNSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXQiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4LCJwaG9uZSI6eyJkaXNwbGF5Ijoibm9uZSJ9LCJwaG9uZV9tYXhfd2lkdGgiOjc2N30="][vc_column_inner][td_flex_block_1 modules_on_row="33.33333333%" limit="3" show_com="none" image_width="" image_floated="hidden" meta_padding="eyJhbGwiOiIxNXB4IDMwcHggMjBweCIsInBvcnRyYWl0IjoiMjBweCAxNXB4IiwibGFuZHNjYXBlIjoiMTVweCAzMHB4In0=" image_radius="" image_height="50" meta_info_horiz="content-horiz-center" modules_category="above" modules_category_margin="" show_excerpt="none" show_btn="none" show_review="none" show_cat="" m_padding="eyJhbGwiOiIyNXB4IiwibGFuZHNjYXBlIjoiMTBweCIsInBvcnRyYWl0IjoiNXB4In0=" shadow_shadow_color="rgba(0,0,0,0.14)" f_title_font_family="297" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJzaGFkb3ctc2l6ZSI6IjEwIiwic2hhZG93LWNvbG9yIjoicmdiYSgwLDAsMCwwLjIpIiwic2hhZG93LW9mZnNldC12IjoiLTciLCJiYWNrZ3JvdW5kLWNvbG9yIjoiI2ZmZmZmZiIsImRpc3BsYXkiOiIifX0=" f_title_font_size="eyJhbGwiOiIyMiIsInBvcnRyYWl0IjoiMTUiLCJsYW5kc2NhcGUiOiIxNiJ9" underline_height="0" f_title_font_weight="700" show_author="none" show_date="none" art_title="6px 0 0 0" cat_bg="rgba(255,255,255,0)" cat_bg_hover="rgba(255,255,255,0)" cat_txt="#ff4033" cat_txt_hover="#ff4033" f_cat_font_family="297" f_cat_font_transform="uppercase" f_cat_font_weight="600" f_cat_font_size="12" modules_divider="" h_effect="" title_txt_hover="#ff4033" art_excerpt="0" f_title_font_line_height="1.2" f_cat_font_line_height="1" modules_gap="0" category_id="7" all_modules_space="0" ajax_pagination="next_prev" pag_text="#dd3333"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row_content td-stretch-content"
That’s actually a page, not a post, but you get the idea. And that’s only part — there’s a lot more. If I no longer want the TagDiv composer, I’m left with this. I’d have to recreate the entire post or page.
Zip tries out the free Elementor plugin
Elementor, like most pagebuilders is drag-and-drop. Zip notes he has a new button that says Edit with Elementor now if he wants to edit a page with the pagebuilder. When he click it, he find that he has a left-sided bar that has some Elementor items:
But only the Basic ones are available to him. He’d have to pay and buy the Pro version to get any of the other ones. But wait! There’s an area beneath the pro blocks called General and at least some of these are available as well!
And if he scrolls down, there are a few elements available from the Gold addon:
Zip decides to use a few of theme to customize his homepage. He didn’t want the sidebar on his homepage and found that some new tempate settings existed now in his post editor’s right hand settings panel. He chose the fullwidth template, which omits the sidebar and then Edit with Elementor.
This post isn’t meant to be an Elementor tutorial, just to explore the benefits and drawbacks of pagebuilders. Zip find that he can customize his font sizes, colors, etc. if he wants. After adding some text and a post grid, his homepage looks like this:
Still pretty basic, but the pagebuilder makes it easier to configure items like category post grids and the like. Zip hasn’t chosen any fonts or theme colors now, we’ll come to that later.
Of course, now if he goes into his page editor, it looks like this:
You’ve lost the ability to add any Gutenberg blocks and now need to edit the page front the front end in the block editor.
Still indecisive about his theme choice, Zip switches to the child theme he made for the Hueman theme. Now he finds that Hueman is recommending something called “Nimble Page Builder.”
I point out to him that he can still use Elementor with the Hueman theme. However, he can’t use BOTH pagebuilders on his homepage.1 So we disable Elementor for a bit and install Nimble Builder.
This one runs right from the customizer. At first, we don’t find it very intuitive, but after using it a bit, we find we like it a great deal. In addition to plenty of blocks, the builder offers some easy-to-configure sections such as hero sections with buttons and text. And the post grids offer the same options as the Elementor free builder did.
Elementor, of course, is more widely used than Nimble builder but, Nimble appears to have more free features. For now, Zip decides to forgo the sparkly constellations of the Agama theme and go with Hueman and keep the Nimble builder but only use it sparingly to build a few pages.
We are sorry that you found this post to be like a weak cup of decaf.
Let us improve this post!
Tell us how we can improve this post?
- Also note that when we had both pagebuilders installed we ended up with errors and we could not scroll down in Nimble builder.