shazdeh

<p>The shortcode requires the widget ID, but no need to guess, the plugin generates the code for you. To override the widget title for a widget you can use the “title” parameter:<br />
    [widget id=”text-1″ title=”New title”]<br />
You can also hide the widget title entirely if desired:<br />
    [widget id=”text-1″ title=”0″]</p>
<p>Additional Parameters:</p>
<ul>
<li><strong>container_tag</strong>: the HTML tag to use for the widget container, default: <code>div</code></li>
<li><strong>container_class</strong>: CSS classname added to the widget container, default: <code>widget %2$s</code> (Note: uses sprintf for variable substitution)</li>
<li><strong>container_id</strong>: HTML ID attribute for the widget container, default: <code>%1$s</code> (Note: uses sprintf for variable substitution)</li>
<li><strong>title_tag</strong>: HTML tag to use for the widget title wrapper, default: <code>h2</code></li>
<li><strong>title_class</strong>: CSS classname for the widget title wrapper, default: <code>widgettitle</code></li>
</ul>


Widget Shortcode

I had tried another plugin to use a widget in the gutenberg block editor on a page, however that plugin had some issues so was not ideal.

Widget shortcode enabled me to add my widget by copying the generated shortcode to the shortcode block in the block editor, resulting in the widget being displayed perfectly on the page. 

Works perfectly with the block editor

Adds [widget] shortcode which enables you to output widgets anywhere you like.

Themeum

Ari Stathopoulos

David Vongries

DannyCooper

Ignacio Cruz Moreno

wplemon

<p><a href="https://github.com/themeum/kirki" rel="nofollow ugc">Kirki</a> is a Customizer toolkit for WordPress. An open-source initiative by <a href="https://github.com/themeum" rel="nofollow ugc">Themeum</a> for WordPress theme developers.</p>
<p>Kirki allows you to build themes faster and more easily. With over 30 custom controls—ranging from simple sliders to advanced typography controls with Google Fonts integration—and features like automatic CSS generation and <code>postMessage</code> support, Kirki makes theme development a breeze.</p>
<h3>Features ✅</h3>
<ul>
<li>Increased Performance</li>
<li>Simplified API</li>
<li>Automatic CSS Generation</li>
<li>Automatic postMessage Generation</li>
<li>Partial Refresh</li>
<li>Conditional Logic</li>
<li>GDPR Compliance</li>
<li>Improved Page Speed</li>
<li>And more!</li>
</ul>
<h3>Controls 🎛️</h3>
<ul>
<li><a href="https://docs.themeum.com/kirki/controls/background/" rel="nofollow ugc">Background Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/code/" rel="nofollow ugc">Code Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/checkbox/" rel="nofollow ugc">Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color/" rel="nofollow ugc">Color Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color-palette/" rel="nofollow ugc">Color Palette Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dashicons/" rel="nofollow ugc">Dashicons Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/date/" rel="nofollow ugc">Date Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimension/" rel="nofollow ugc">Dimension Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimensions/" rel="nofollow ugc">Dimensions Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dropdown-pages/" rel="nofollow ugc">Dropdown Pages Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/editor/" rel="nofollow ugc">Editor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/generic/" rel="nofollow ugc">Generic Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/image/" rel="nofollow ugc">Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/url/" rel="nofollow ugc">Link Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicheck/" rel="nofollow ugc">Multiple Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicolor/" rel="nofollow ugc">Multicolor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/number/" rel="nofollow ugc">Number Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio/" rel="nofollow ugc">Radio Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-buttonset/" rel="nofollow ugc">Radio Buttonset Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-image/" rel="nofollow ugc">Radio Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/repeater/" rel="nofollow ugc">Repeater Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/select/" rel="nofollow ugc">Select Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/slider/" rel="nofollow ugc">Slider Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/sortable/" rel="nofollow ugc">Sortable Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/switch/" rel="nofollow ugc">Switch Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/text/" rel="nofollow ugc">Text Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/textarea/" rel="nofollow ugc">Textarea Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/toggle/" rel="nofollow ugc">Toggle Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/typography/" rel="nofollow ugc">Typography Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/upload/" rel="nofollow ugc">Upload Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/margin-padding/" rel="nofollow ugc">Margin & Padding Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/headlines-dividers/" rel="nofollow ugc">Headlines & Dividers</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/responsive-controls/" rel="nofollow ugc">Responsive Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/input-slider/" rel="nofollow ugc">Input Slider</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/tabs/" rel="nofollow ugc">Tabs</a></li>
</ul>
<h3>Documentation 📖</h3>
<p>You can find detailed documentation on how to use Kirki on https://www.themeum.com/kirki/</p>


Kirki Customizer Framework

The Ultimate Customizer Framework for WordPress Theme Developers

Widget Shortcode vs Kirki Customizer Framework