FSE in Stackable


What is Full Site Editing (FSE) ?

Full Site Editing (FSE) allows you to edit all elements of a WordPress website using the Block Editor, including the headers, footers, sidebars, and other elements.

How to Enable Full Site Editing (FSE)

Stackable Support for FSE

Use blocks normally

With FSE, you can use Stackable blocks like you would on a normal page. You have the ability to edit the blocks and even create your own templates using Stackable blocks. You can place blocks anywhere you like and then change the style of the blocks from one interface.

Use Blocks in Headers, Footers, and Page Templates

The ability to customize site-wide blocks like your header and footer, site title, and other elements is one of the most important features in FSE. Stackable allows you to use its blocks in your site’s Header and Footer sections.

For example, you wish to add a button in your website’s Header and an Icon List in your Footer, you can do these with Stackable blocks while also being able to customize it like you would on a normal post or page.

FSE also provides you with a template editor. There are already existing templates that come with the theme you are using, and you have the ability to edit or change them using Stackable blocks. On the other hand, you can also create your own custom templates using entirely Stackable blocks.

How to use Stackable Blocks in Page Templates in FSE

Dynamic content

In the example stated earlier with adding a Button block in your Header or an Icon List in your Footer, those type of content are static, meaning that the same button and icon list will appear anywhere on your site.

However, with Stackable’s compatibility with FSE, this also means that you can use premium features such as Dynamic Content to improve your site if you’re a premium user.

For example, if you wish to add a dynamic CTA block in your Footer based on what product category is displayed in your main content, you could do so by adding a Stackable CTA block and set the title to depend on the category of the product being shown.

Before FSE, it wasn’t possible to add such a convenient block in your site’s Header or Footer since you could only add blocks in your main posts or pages.

Using Dynamic Content

Conditional display

As mentioned previously, if you’re a premium Stackable user, you can use premium features to further improve your site. Another example is being able to use the Conditional Display feature.

You have the ability to assign conditions to every block you add in your site’s Header or Footer, which when fulfilled will show or hide the block in the frontend.

A perfect example of this is if you want to add a countdown in your site’s Footer. You can add the Condition Type Date & Time and set it so that the block will only show at a certain timeframe.

Or if you want to add a Button block in your site’s Header, but you only want it to show when the viewer is not logged in. You can add the Condition Type Login Status.

How to Use Conditional Display