Messenger Icon

Alternative Elementor output

Elementor is a widely-used page builder ideal for no-code and low-code development.

However, it has its drawbacks; at times, the core functionality can falter, leading to lag and a disorganized data output that doesn’t always align with the source site.

Fortunately, we present a powerful alternative: Gutenberg. With Gutenberg, you can achieve comparable results while enjoying complete control over customization.

Plus, you can seamlessly embed shortcodes just like you would with an Elementor template. Don’t compromise on quality – choose Gutenberg for a smoother, more organized experience.

Troubleshooting in Elementor when cloning website

For example, we will replicate a section that features a diversity of icons and a complex structure as illustrated below.

alternative-elementor-gutenberg-editor

Paste data into Elementor editor

alternative-elementor-gutenberg-editor2

The results in Elementor might not meet your expectations. The icons and layout seem to lack organization and cohesion.

In this case, let’s check out the result in Gutenberg.

Gutenberg Editor

Access Softlite.io Section in your WP dashboard, you can reach to Block Templates option which operates similarly to Elementor Templates.

You can create Block Templates by Gutenberg and embed shortcodes to anywhere even you use any WP page builders.

In the ClonewebX panel control, choose the section you desire to clone and process to copy.

alternative-elementor-gutenberg-editor6

Paste data by “Ctrl”/”Cmd”+ V

Customize content and elements with full style controls.

  • Layout
  • Typography
  • Background
  • Border
  • Custom Css
  • Advanced
alternative-elementor-gutenberg-editor7

The result in Gutenberg can accomplish more than 90% compared to the source site.

After customizing the content and elements, you can embed the block template to anywhere by shortcode.

alternative-elementor-gutenberg-editor5

Embed shortcodes

Elementor shortcode widget

In your Elementor page/post/template, drag “shortcode” widget.

alternative-elementor-gutenberg-editor9

Fill out the shortcode of your Softlite block template

alternative-elementor-gutenberg-editor81

The final Gutenberg result dynamized in Elementor.

alternative-elementor-gutenberg-editor10

Softlite shortcode widget

Similarly, find out the “Block by Softlite.io” widget in Elementor Panel

alternative-elementor-gutenberg-editor11

A dropdown menu appears, prompting you to select your Softlite block templates.

Please choose the template that best suits your needs.

alternative-elementor-gutenberg-editor12

You have the same query similar to “shortcode”.

For more detail, you can reach out to our documentation.

Back to top