Over the last few years, the WordPress ecosystem has seen a lot of Page Builders and introduction of Gutenberg led to an interesting discussion. Will Page Builders disappear from WordPress? Will Gutenberg be the new Page Builder? How will Page Builders exist in the Gutenberg Era?

1. Puneet Sahalot
IdeaBox Creations
@psahalot // @helloideabox
Future of Page Builders
in Gutenberg Era

2. What is Gutenberg?
@psahalot // @helloideabox
🤔

3. 01
The New WordPress Editor
@psahalot // @helloideabox
😍

4. 02
Blocks
@psahalot // @helloideabox
😎

5. 03
Creating Content & Layout
1. Distraction free writing experience
2. Almost-Live Preview
3. Media rich content
4. Switching between block types
5. Creating column based layouts is easy
6. Simple page layouts
@psahalot // @helloideabox
💻

6. 04
Good things about Gutenberg
1. A move forward for the WP visual editor
2. New tech stack
3. Core functionality
4. Bridging the gap for Writers & Website Builders
@psahalot // @helloideabox
☺

7. 05
Limitations with Gutenberg
1. Lacks true front-end visual editing
2. Significantly fewer features
3. Relies on theme styling
4. Built for a wider user base
5. Work in progress
@psahalot // @helloideabox
😑

8. What is a Page Builder?
@psahalot // @helloideabox
🤔

9. 01
Page Builder Capabilities
1. True front-end visual editing
2. Build custom page layouts
3. Build header, footer.
4. Build templates for archives, pages, posts, etc.
@psahalot // @helloideabox
💪

10. 02
Advantages of Page Builders
1. Built for website builders, business owners.
2. Advanced layout and styling options
3. Intuitive UI for building all kind of layouts
@psahalot // @helloideabox
🚀

11. 03
Challenges with Page Builders
1. Several Page Builders to choose from
2. Difficult for beginners to adapt
3. Different terminology for every Page Builder
4. Lock-in effect
@psahalot // @helloideabox
😓

12. Page Builders vs. Gutenberg
@psahalot // @helloideabox
🙊

13. 01
Similarities
1. Content Blocks (Blocks, Modules, Widgets, etc.)
2. Create Custom Layouts
3. Visual Editing
@psahalot // @helloideabox
🤝

14. 02
Differences
1. Layout & Styling Options
2. True Visual Editing
3. Extensive Design Controls
4. Target Users
@psahalot // @helloideabox
🤜🤛

15. 03
Things to Consider
1. Usability
2. Capabilities
3. Extensibility
@psahalot // @helloideabox
🤓

16. Can Page Builders & Gutenberg co-exist?
@psahalot // @helloideabox
👫

17. Let’s Connect!
@psahalot // @helloideabox
puneet@ideabox.io
www.ideabox.io
👋