Power up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time! Spectra is the first Gutenberg plugin to make website building an ultimate journey. Simply pick your favorite blocks from Spectra that speed up the process of website building with easy-to-use settings and customizations for intuitive visual styling.

Use Spectra to create content and designs with a visual, drag-and-drop editor. To help you learn more about Spectra and why it’s the most popular page builder plugin at WordPress.org, we’ve created this introduction that will cover everything you need to know about what Spectra is and how it helps you create better WordPress sites.

What is Spectra for WordPress?

Spectra is an ultimate add-on for Gutenberg page builder. It is the ultimate & free WordPress drag-and-drop editor that lets you create beautiful WordPress websites most easily and quickly as possible.

Why Spectra for WordPress?

The default WordPress editor is fine for simple blog posts, but it doesn’t offer many design options, and you can’t see what your design will look like until you click the preview button.

Spectra fixes that by giving you complete drag-and-drop design flexibility with a live, visual builder – no CSS or HTML knowledge needed. 

How does Spectra work?

Spectra – an ultimate add-on for Gutenberg, is a visual WordPress website builder that replaces the basic WordPress editor with a live frontend editor, so you can create complex layouts visually and design your website live without having to switch between the editor and the preview mode. 

How to Install Spectra?

Spectra is a free WordPress plugin. To install it on your site, kindly follow the steps-

• Login to your WordPress Dashboard.
• Go to Plugins > Add New
• Search for – Spectra
• Install and activate the plugin

Note: If you need the plugin’s zip file, you can download it from the WordPress Repository.

How To Use Spectra in WordPress

Now that you’ve installed Spectra, let’s talk about how you can use Spectra to create your first design and build your website.

To begin, create a new post or page and click the + icon to access the spectra blocks.

Once you drag and drop the block of your choice, You can click the vertical three dots to see more block settings. You should now see a live preview of your design on the right and the sidebar on the left.

To change the settings and design of a block, all you need to do is select it to open its settings in the sidebar: