Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates

설명

Bring your creative visions to life with Essential Blocks for Gutenberg, the ultimate blocks library for WordPress!
Enhance your Gutenberg experience with 50+ unique blocks. Add power to the block editor using our easy-to-use blocks, which are designed to make your next WordPress page or post design easier and prettier than ever before.

DESIGN OUTSTANDING WEB PAGES WITH ADVANCED GUTENBERG BLOCKS LIBRARY!

See It In Action: Check out all the interactive block demos in one place.

✨ COMPLETELY CUSTOMIZABLE

Each block comes with a bunch of options to control every possible aspect of your website design. You can design your page with endless customization options using this amazing Gutenberg blocks plugin.

🌐 GLOBAL BLOCK STYLES

Now, any block can be saved with customized styling so that it can be reused in other posts or pages. This boosts efficiency, so you do not have to recreate the same block styling repeatedly on all pages or posts.

⚙️ BLOCKS MODULAR CONTROL

No extra resources; Enable and disable individual blocks to make your page load faster and smoother with instant live editing, keeping your Gutenberg site lightweight.

🚀 ASSET REGENERATION & RESPONSIVENESS

Keep your website’s loading speed fast and secure against heavy scripts and CSS files with the Asset Regeneration feature. And control each block’s responsiveness individually to make your website user-friendly for all devices.

🖊️ COMPATIBILITY WITH GOOGLE FONTS

Choose any Google Font you prefer from a collection of 1,000+ font families available using Essential Blocks. Now, you can give your websites a customized look with stunning typographies.

⚡ DYNAMIC TAGS & ACF SUPPORT (PRO)

Enhance the flexibility and customization options of your Gutenberg-built website and easily add custom fields to posts, pages, or custom post types with dynamic placeholders or variables generated from various parameters or data sources.

🖼️ READY GUTENBERG BLOCK PATTERNS

Get stunningly designed, ready-to-use block patterns for your WordPress website. Instantly add a block layout to Gutenberg or your site editor to make your website-building experience faster and more effective.

🎯 STUNNING GUTENBERG TEMPLATES

Explore and get access to 2,500+ ready Gutenberg templates from Templately. You can easily customize the fully responsive templates, upload the designs to the cloud to use again later, and collaborate with your team with ease. You will find a wide variety of stunning Gutenberg website or web page templates in any niche such as Blog & Magazine, eCommerce, etc.

👨‍💻 EXPERT SUPPORT

We have a very friendly support team ready to help you out. Ask your questions in the support forum, we will get back to you immediately.

50+ FREE & ADVANCED BLOCKS AND COUNTING

Design without limits in WordPress block editor, using 50+ of the most useful Essential Blocks for Gutenberg.

  • Accordion – Add beautiful accordions in your pages, posts, anywhere & reduce scrolling
  • Button – Quickly add modern buttons with hover effect in your post or page
  • Call To Action – Design call-to-action buttons quicker than a blink
  • Countdown – Include a countdown timer to boost your click-through rates
  • Flipbox – Use animated Flip Boxes to highlight any content inside your page in a great way
  • Infobox – Design a beautiful info box from predefined styles
  • Notice – Inform your users with specific Notice information and let them stay well aware of what’s important
  • Pricing Table – Create Pricing Tables within minutes that convert
  • Social Icons – Let them share your content with different social media platforms
  • Team Member – Feature your team members with a few clicks
  • Testimonial – Showcase what others said about your brand & Increase Your Credibility
  • Progress Bar – Display how far the specific task or still is in the process
  • Interactive Promo – Showcase your content heading in an amazing way
  • Image Comparison – Let your viewers compare two images interactively
  • Wrapper – Place any block within the wrapper and style the wrapper
  • Instagram Feed – Display your Instagram posts beautifully
  • Image Gallery – Show your image gallery with a beautiful grid and lightbox
  • Advanced Heading – Advanced Heading block with lots of customization options
  • Dual Button – Show dual button with nice text or icon separator
  • Parallax Slider – Create a fancy slider to showcase your team or any image gallery
  • Typing Text – Design your page using Typing text with an eye-catching typing effect
  • Toggle Content – Switch content or blocks with a beautiful switcher
  • Number Counter – Put the spotlight on important statistics to attract visitors
  • Row – Create complex Row layouts with plenty of styling controls & responsive options
  • Post grid – Create a stunning and interactive visualization for your blogs in a grid layout with Post Grid block
  • Table of Contents – Insert Table of Contents (TOC) on your posts/pages and enhance user experience on your WordPress website
  • Feature List – Display information interactively with the feature list
  • Slider – Display all your beautiful images in the slider with motion effects and dazzle your audiences
  • Advanced Tab – Display nested tabs to display key information on an instance in an interactive manner
  • Fluent Forms – Design your Forms container and fields and choose your preferred form layout to style Fluent Forms
  • Advanced Image – Customize images in Gutenberg to fit your exact needs
  • WPForms – Design stunning WPForms in minutes with plenty of controls & styling options
  • Woo Product Grid – Display WooCommerce products with stunning layouts, buttons, tags, ratings, and more
  • Post Carousel – Showcase your posts creatively with an animated, dynamic carousel
  • Advanced Video – Add extra styling and unique customization to your videos and amaze site visitors
  • Advanced Navigation – Display pages & posts with easy navigation on your website with a stunning & organized appearance
  • Popup – Showcase your videos, images, or other content with popup & trigger actions
  • NFT Gallery – Display your NFT items & collections in a stunning gallery view without any coding
  • Social Share – Share your posts & pages instantly on popular social platforms in one click from your website
  • Openverse – Easily search & use royalty free images, stock photos, etc CC-licensed images from Openverse for your website
  • Google Maps – Present a fully responsive map on your website with your preferred configurations, styles, etc.
  • Shape Divider – Make your website designs stand out by showcasing different sections with stunning shape dividers
  • Form – Create responsive forms of any type – contact forms, RSVP forms, or subscription forms – in Gutenberg and manage easily them from your WordPress dashboard
  • Timeline Slider (PRO) – Showcase your posts & pages in an attractive timeline slider and design with stunning presets & styling options
  • Advanced Search (PRO) – Let visitors find any content on your website easily with a customizable, dynamic search bar
  • Data Table (PRO) – Insert an advanced data table on your website without any code and display information in an eye-catching way
  • Woo Product Carousel (PRO) – Display your WooCommerce products with dynamic Product Carousels and designs using limitless styling options
  • News Ticker (PRO) – Show the latest news or highlights on your website with a dynamic ticker in an engaging way that instantly drives attention
  • Fancy Chart (PRO) – Design visually stunning & interactive charts to bring life to dull datasets
  • Multicolumn Pricing Table (PRO) – Use a variety of table layouts to showcase price comparisons and mention features, display icons, and so on.
  • Stacked Cards (PRO) – Easily make your stacked cards sticky in place and provide users with an interactive experience when they scroll through your website.
  • Testimonial Slider (PRO) – Display engaging and credible customer testimonials, reviews and ratings in a sleek slider to build trust
  • Offcanvas (PRO) – Showcase a sidebar menu on your website and grab visitors’ attention with various stunning transitions & effects.

📄 SUPPORT & DOCUMENTATION

LIKED ESSENTIAL BLOCKS?

Join our Facebook Group.
Or rate us on WordPress. 😊

CONTRIBUTE

The full source code is available on GitHub Repository. Feel free to contribute or report an issue.

🔥 WHAT’S NEXT?

🎨 Templately – Ultimate templates cloud for WordPress with hundreds of ready Gutenberg website layout designs and unique cloud collaboration features.

🔔 NotificationX– Best social proof & FOMO marketing solution to boost conversions & designing stunning WordPress notification bars.

🗒️ BetterDocs – Best documentation & knowledge base plugin for WordPress to help you reduce support tickets

📌 EmbedPress – Easiest WordPress solution for embedding videos, images, posts, audio, maps and PDF, DOC, PPT & all other types of content into your website using Gutenberg.

🔗 BetterLinks – Advanced WordPress link management plugin for link shortening, tracking & analyzing with Instant Redirect for Gutenberg.

스크린샷

블록

이 플러그인은 52(을)를 제공합니다.

  • Social Icons Add icon links to your social media profiles and grow your audience with animated social icons
  • Countdown Highlight upcoming events with countdown timer
  • Advanced Image Customise images in Gutenberg to fit your exact needs.
  • Select Field Form Block Select Field
  • Pricing Table The pricing table block will let you create an effective product pricing table with perfect styling to get more sales from your prospective buyers.
  • Testimonial Display testimonials & gain instant credibility
  • Post Grid Create a stunning and interactive visualization for your blogs in a grid layout
  • Number Field Form Block Number Field
  • Woo Product Grid Display WooCommerce products in a stunning, organized layout & help customers with EB Woo Product Grid.
  • Team Members Present your team members beautifully & gain instant credibility
  • Progress Bar Make your website interactive with stunning progress bars.
  • Form Create Beautiful and Professional Contact, Subscription or any other custom Forms easily with a few clicks.
  • Google Maps Display locations from Google Maps seamlessly and style how they look to match your site design.
  • Openverse Easily search & use royalty free images, stock photos, CC-licensed images from Openverse for your website
  • Image Gallery Impress your audience with high-resolution images
  • Accordion Display your FAQs & improve user experience with Accordion/Toggle block
  • Icon Picker Icon Picker Block lets you choose any Font Awesome icon to customize your design as per your preference.
  • Dual Button Create two buttons to be stacked together
  • Advanced Navigation Display pages & posts with easy navigation in your website with stunning & organised appearance.
  • Post Carousel Showcase your posts & blogs in a stylish way on your website and make it more engaging
  • Radio Field Form Block Radio Field
  • Slider Display multiple images and content in beautiful slider & reduce page scroll
  • Interactive Promo EB Interactive Promo lets you decorate your website outlook with its amazing Promo effects
  • Feature List Make your website interactive with feature list.
  • Textarea Field Form Block Textarea Field
  • Number Counter Put spotlight in important data using Counter block for Gutenberg. Customize the designs by adding proper Animation effects with flexibility and many more!
  • Call To Action Call to action lets you create an interactive CTA for the website to draw visitor's attention on the spot.
  • Instagram Feed Showcase instagram posts for your web visitors.
  • Table Of Contents Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website
  • Image Comparison Let the visitors compare images & make your website interactive.
  • Parallax Slider Create a captivating visual experience & impress your audience
  • Button Create a stunning button through the button block. You can make it look outstanding by adding exclusive button styles & effects and add links to redirect your visitors to a specific page.
  • Notice Put spotlight on news, announcements & let the visitors find it easily
  • Fluent Forms Design your Forms container, fields and choose preferred form layout to style Fluent Forms
  • Text Field Form Block Text Field
  • Flipbox Deliver your content beautifully to grab site visitor's attention.
  • Advanced Heading Create advanced heading with title, subtitle and separator controls
  • WPForms Design stunning WPForms in minutes with plenty of controls & styling options
  • NFT Gallery Display your NFT items & collections in a stunning gallery view without any coding
  • Checkbox Field Form Block Checkbox Field
  • Wrapper This is a wrapper block for other blocks within it.
  • Infobox Deliver your content beautifully to grab attention with an animated Infobox block.
  • Shape Divider Make your website designs stand out by showcasing different sections with stunning shape dividers
  • Toggle Content Toggle Contents or blocks with a beautiful switcher.
  • Advanced Tabs Display nested tabs to display key information on an instance in an interactive manner.
  • Row Create complex Row layouts with plenty of styling controls & responsive options
  • Social Share Share your posts & pages instantly on popular social platforms in one click from your website.
  • Typing Text Make your website interactive with typing text animation.
  • Popup Showcase your videos, images or other content with popup & trigger actions.
  • Advanced Video Portray any attractive video content on your website and grow engagement
  • Email Field Form Block Text Field
  • Price Price Block lets you add both the regular price and a discounted price for your pricing package.

설치

Note: Since Essential Blocks is a Gutenberg library, you must activate Gutenberg editor to use it.

  1. Go to your WordPress Dashboard and navigate to wp-admin -> Plugins -> Add New. Search for Essential Blocks for Gutenberg. Then simply click on the Install Now button.
  2. Now click on Activate button to activate the plugin.
  3. That’s it. You can access all blocks easily from Gutenberg editor.

Or,

  1. You can download the plugin by clicking the Download button from Essential Blocks for Gutenberg
  2. Then go to wp-admin -> Plugins -> Add New and click on the Upload Plugin.
  3. The plugin will be instantly installed & activated on your website.
    For more detailed instructions, visit Essential Blocks Installation Guideline. Also, check out a quick video tutorial from Essential Blocks YouTube.

FAQ

How to insert blocks of Essential Blocks in your page or post?

Install and activate Essential Blocks for Gutenberg on your website. Create a new page and click the ‘+’ sign, and you will find all the creative Gutenberg blocks there. Now click on the block you want to insert in your page and create amazing pages.

How to save a block as a reusable block?

You can save any block from Essential Blocks for Gutenberg as a reusable block easily. Click on any block you want to save as reusable, then click on the ‘Add to reusable blocks,’ and instantly, that block will be converted into a reusable block.

What themes do Essential Blocks For Gutenberg support?

Essential Blocks for Gutenberg has no theme dependency. This Gutenberg blocks plugin is compatible with any updated WordPress theme.

Will Essential Blocks slow down my website speed?

No, Essential Blocks will not slow down your website. This Gutenberg blocks plugin brings you the outstanding facility of complete modular control over the activation of each individual block. We have also used optimized codes for this plugin which helps to load only the resources that are currently used.

I do not know how to code. Can I still use Essential Blocks?

Yes, you can still use Essential Blocks. These Gutenberg blocks are created in such a way that you can use them and customize them without code.

What other page builders can I use with this plugin?

You can only use Essential Blocks with the Gutenberg editor. It does not support any other website builder or editor.

Is Essential Blocks Responsive for Smaller Devices?

Also, the Gutenberg blocks available with Essential Blocks plugin are 100% responsive and have cross-browser compatibility. So it is responsive on smaller devices as well.

What is the best way to check for plugin conflicts on my website?

Uninstall all plugins on your website except Essential Blocks for Gutenberg. Then check if any conflict is still occurring or not. If you encounter conflicts, then contact our support team.

How to apply custom CSS to my blocks?

If you want to apply custom CSS with Essential Blocks for Gutenberg, then click on the specific block you want to add CSS code to. Then navigate to the ‘Advanced’ tab and add your custom CSS code. You have to create a class first and then add your custom CSS.

How can I get ready templates for Essential Blocks?

If you want to skip customizing each essential block on your own, you can use ready templates to create stunning blocks. You will receive access to elegant and sleek, ready templates for Essential Blocks and Gutenberg with the Templately plugin.

Can I get ready Gutenberg patterns from Essential Blocks?

Yes, Essential Blocks provides you with a ready, professionally designed Gutenberg pattern.

Does Essential Blocks has any plugin dependency?

You only need the Gutenberg block editor to use Essential Blocks plugin on your WordPress website. Then you can use Essential Blocks and create stunning pages.

Does Essential Blocks provide any WooCommerce blocks for Gutenberg?

Yes, you can effortlessly display your WooCommerce products on your store website using Woo Product Grid Block from Essential Blocks. More blocks are coming soon.

What should I do to use an earlier version of Essential Blocks?

If you found the recent version of Essential Blocks isn’t working or conflicting with other plugins, then you can use earlier versions of the plugin.

후기

2024년 2월 19일
This plugin offer many blocks to help make your website look and work great. It is very stable and the times I had to reach out to support due to CSS issues, both were resolved very quickly. Thank you WPDeveloper Team.
2024년 1월 5일
EB plugin has many cool features that are free out of the box, and if you want even more, you can upgrade to the pro version. It's an awesome plugin to have.
2023년 12월 27일 2 replies
Essential Blocks Pro is great choice for all WP developers. But one important basic functionality missed - flexbox dedicated block. EB Pro has a wrapper block, row block and column block. But these blocks is very painful to use in WP Gutenberg editor.For example - "Container block" by Spectra (used in Astra theme) is very smart and has all things of flexbox will done by one useful block.This is great choice, better than Essentials Blocks Pro.Summarized, without basic blocks Essential Blocks Pro is very painful to use. Especially in Gutenberg Editor. You must add some CSS for rich functionalities for example RWD.
모든 124 평가 읽기

기여자 & 개발자

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates”(이)가 5(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

4.5.2 – 27/02/2024

  • Fixed: Form block not loading when used inside patterns
  • Fixed: Pricing Table block feature icon color not updating properly
  • Fixed: Images not loading properly on *Image slider** block
  • Fixed: Font loading issue
  • Improved: Security enhancement
  • Improved: Gradient color opacity default value in all blocks
  • Improved: Reduce dynamic query
  • Improved: Updated new fonts in Google font library
  • Few minor bug fixes & improvements

See changelog for all versions.