{"id":7395143,"date":"2020-11-09T11:05:39","date_gmt":"2020-11-09T11:05:39","guid":{"rendered":"https:\/\/wpml.org\/?p=7395143"},"modified":"2023-06-01T04:47:33","modified_gmt":"2023-06-01T04:47:33","slug":"wpml-compatible-plugins-that-take-the-gutenberg-editor-from-good-to-great","status":"publish","type":"post","link":"https:\/\/wpml.org\/th\/compatibility\/2020\/11\/wpml-compatible-plugins-that-take-the-gutenberg-editor-from-good-to-great\/","title":{"rendered":"WPML-compatible plugins that take the Gutenberg editor from good to great"},"content":{"rendered":"\n

These five plugins allow you to build beautiful sites without additional page builders. Because they\u2019re built on the WordPress Block Editor, they are fully compatible with WPML.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Almost two years ago, when Gutenberg arrived to WordPress, many felt that it was a half-baked product. Today, the Block Editor is mature and solid. Just like WordPress itself, the Block Editor provides a solid foundation for building the basics. Plugins add the design features that you\u2019ll need to build great looking, responsive and custom sites.<\/p>\n\n\n\n

In this article, we\u2019re highlighting five great plugins that add this functionality to the Gutenberg Block Editor. Each of these expand on Gutenberg\u2019s foundation and offer unique blocks and features to help you build beautiful, usable, multilingual sites.<\/p>\n\n\n\n

On top of that, each of these plugins is WPML-recommended<\/a>. This means the plugin authors test thoroughly and work closely with WPML to ensure ongoing compatibility.<\/p>\n\n\n\n

Page Builders vs. Blocks<\/h2>\n\n\n\n

Both 3rd-party page builders and the built-in Block Editor in WordPress allow you to design great sites. The benefit of using Gutenberg is that it\u2019s part of the WordPress Core. By basing your design on blocks, you reduce the number of plugins running on your site, avoid compatibility issues and improve the site\u2019s performance. This means fewer support issues from your clients.<\/p>\n\n\n\n

Translating is simple, and the process is similar for all of them. Read more about translating content created with Gutenberg block plugins<\/a>.<\/p>\n\n\n\n

Gutenberg block plugins at a glance<\/h2>\n\n\n\n

Each plugin has its own great lineup of blocks to build on Gutenberg\u2019s functionality. The table below compares the plugins on some of the more popular blocks.<\/p>\n\n\n\n

Even if a plugin doesn\u2019t have a specific block, you may still be able to create it using a different block. For instance, you can make a great looking testimonial using a banner block. Or, you can add social sharing buttons using an icon block.<\/p>\n\n\n\n

<\/td>PublishPress Blocks<\/a><\/strong><\/td>Kadence Blocks<\/strong><\/a><\/td>Spectra<\/strong><\/a><\/td>Stackable Gutenberg Blocks<\/strong><\/a><\/td>Toolset<\/strong><\/a><\/td><\/tr>
Cost<\/strong><\/td>Free<\/td>Free or Pro for $59 per year<\/td>Free<\/td>Free or Premium for $35-99<\/td>$69-299<\/td><\/tr>
Layout-related blocks<\/strong><\/td>Columns, Tabs, Tables, Accordion, List<\/td>Row\/Layout, Tabs, Accordion, Spacer\/Divider, Info Box, Split Content (Pro), Post Grid\/Carousel (Pro)<\/td>Columns, Sections, Post Layouts<\/td>Container, Advanced Columns & Grid, Accordion, Card, Separator, Divider, Spacer<\/td>Grid, Container<\/td><\/tr>
Media<\/strong><\/td>Video, Image, Slider<\/td>Advanced Gallery, Image Overlay (Pro), Video Popup (Pro), Advanced Slider (pro), Gallery Extras (Pro)<\/td>None<\/td>Image Box, Video Popup<\/td>Image, Video, YouTube, Slider, Gallery<\/td><\/tr>
Map<\/strong><\/td>Yes<\/td>No<\/td>Yes<\/td>No<\/td>Yes<\/td><\/tr>
Customizable Button<\/strong><\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Custom Search<\/strong><\/td>Yes<\/td>No<\/td>Yes<\/td>No<\/td>Yes<\/td><\/tr>
Social Sharing<\/strong><\/td>Yes<\/td>No<\/td>Yes<\/td>No<\/td>Yes<\/td><\/tr>
Testimonial<\/strong><\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Counting\/Number Visualization<\/strong><\/td>Count Up<\/td>No<\/td>No<\/td>Count Up<\/td>Progress Indicator, Countdown<\/td><\/tr>
Inline Notice<\/strong><\/td>No<\/td>No<\/td>Yes<\/td>Yes<\/td>No<\/td><\/tr>
Forms<\/strong><\/td>Contact Form, Login & Register, Email Opt-In<\/td>Form, Form Extras (Pro)<\/td>Contact Form 7 Styler, Gravity Form Styler<\/td>No<\/td>Form<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Each plugin has unique blocks and features. Keep reading for more on what sets each of them apart.<\/p>\n\n\n\n

PublishPress Blocks<\/h2>\n\n\n\n

PublishPress Blocks<\/a> is a free plugin that offers 22 additional blocks for the Gutenberg editor.<\/p>\n\n\n\n

Some standout blocks include their variety of form blocks. Add a Contact Form, Login & Register, or Email Opt-In block to keep in touch with your users and offer more specialized content. The email and contact forms include the option to add a Google reCAPTCHA so you\u2019re not bothered by bots or spam.<\/p>\n\n\n

\n
\"\"
PublishPress’s Login & Register block<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

PublishPress is also unique in its ability to create editor profiles. This means you can control who can use certain blocks. It can be useful if, for instance, you want to keep your site\u2019s design consistent by only using a set number of blocks.<\/p>\n\n\n\n

Learn more about translating your PublishPress content WPML<\/a>.<\/p>\n\n\n\n

Kadence Blocks<\/h2>\n\n\n\n

Kadence Blocks<\/a> is another free plugin. You can add even more options by upgrading to the affordable Pro version.<\/p>\n\n\n\n

The basis of Kadence Blocks is its Row\/Layout block. This allows you to easily choose and adjust your page\u2019s layout just by clicking and dragging. You can also change up your layouts with easy-to-use Tabs and Accordion blocks.<\/p>\n\n\n\n

Kadence Blocks offers an amazing design library of pre-built sections. In this way, Kadence Blocks acts like a page builder by allowing you to pick a beautiful layout and customize it with your own content. Set block defaults like custom color palettes and fonts. This makes it easy and fast to keep consistent design elements across your site.<\/p>\n\n\n

\n
\"\"
Choose from pre-built layout sections with Kadence Blocks<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

The Form block is easy to add and doesn’t require any extra plugins to work.<\/p>\n\n\n\n

Spectra<\/h2>\n\n\n\n

Spectra<\/a> is developed by the same team that created the popular Astra theme. It includes a library of pre-built demo sites for you to see what\u2019s possible with their plugin and provide great starting templates.<\/p>\n\n\n\n

Spectra offers 22 blocks, including some unique ones. Included are two SEO-related blocks, with which you can create How-To and FAQ schemas. Expand your layout options with a Content Timeline and Post Timeline blocks. Improve your site navigability with a Table of Contents block and WP Search block.<\/p>\n\n\n

\n
\"\"
Ultimate Addons for Gutenberg supports search engine-friendly structures with blocks like the How-To Schema block <\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

If you use Contact Form 7 or Gravity Forms, it includes styling blocks to make your forms stand out.<\/p>\n\n\n\n

Read more about translating your Ultimate Addons for Gutenberg content with WPML<\/a>.<\/p>\n\n\n\n

Stackable Gutenberg Blocks<\/h2>\n\n\n\n

Stackable<\/a> adds 25 blocks and almost 300 pre-built block designs to the Gutenberg editor. Like Kadence Blocks, these pre-built designs offer a page-builder-like experience.<\/p>\n\n\n\n

You can test different preset layouts and shapes with just a click, and use their Separator block to add super unique section separators in between your content. Stackable contains lots of design options to further customize your blocks.<\/p>\n\n\n\n

You can display your media beautifully with their Image Box and Video Popup blocks. Draw attention to important content with Feature, Feature Grid, Call to Action, and Card blocks.<\/p>\n\n\n

\n
\"\"
Create eye-catching banners with Stackable’s Feature block<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

Check out this video to learn more about translating Stackable Gutenberg content with WPML<\/a>.<\/p>\n\n\n\n

Toolset<\/h2>\n\n\n\n

Toolset<\/a>\u2019s unique ability is to display Dynamic Content. Toolset lets you set-up custom types, fields and taxonomy and display them using blocks. Toolset makes it easy to build custom directory, listing<\/a>, membership<\/a> and e-commerce<\/a> sites without coding.<\/p>\n\n\n\n

This ability to display dynamic content also allows you to build robust search features<\/a>. Add fields and filters to display exactly what your users are looking for. Plus, design exactly how you would like search results to appear.<\/p>\n\n\n

\n
\"\"
Populate search results dynamically using the Toolset View block<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

The View Block<\/a> is Toolset\u2019s most powerful and advanced feature. It allows you to create custom lists of content with any design and styling that you choose. With the View block, you can create grids, tables, lists, custom searches and even plot markers on maps.<\/p>\n\n\n\n

Leave a comment<\/h2>\n\n\n\n

Do you use any of these plugins to add functionality to the Gutenberg editor? Which blocks do you find most useful? Let us know in the comments below, and we\u2019ll respond!<\/p>\n","protected":false},"excerpt":{"rendered":"

These five plugins allow you to build beautiful sites w […]<\/p>\n","protected":false},"author":76577,"featured_media":7407297,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"categories":[1371],"tags":[],"class_list":["post-7395143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-compatibility"],"_links":{"self":[{"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/posts\/7395143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/users\/76577"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/comments?post=7395143"}],"version-history":[{"count":7,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/posts\/7395143\/revisions"}],"predecessor-version":[{"id":13750637,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/posts\/7395143\/revisions\/13750637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/media\/7407297"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/media?parent=7395143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/categories?post=7395143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpml.org\/th\/wp-json\/wp\/v2\/tags?post=7395143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}