Using WP Live Chat Support with Gutenberg
If you use WordPress’s Gutenberg plugin (soon to be added to WordPress Core) as your WordPress Editor you can now place a WP Live Chat Support chat widget into a Gutenberg block. The first step is to enable Gutenberg blogs at WordPress Dashboard → Live Chat → Settings → Gutenberg Blocks.
Click the checkbox after Enable Gutenberg Blocks then scroll down and click the Save Settings button.
On this same panel you can customize the block so that your widget matches your branding.
Open the Post or Page where you want to use the WPLC block. Click the plus sign icon to add a Gutenberg block.
Click the WP Live Chat Box button to add your WPLC block to the Post or Page.
On the Select a style: dropdown click the style you wish to use to display your block. Normal, Center, or Wide.
Open the Post or Page where you want to use the WPLC trigger block. Click the plus sign icon to add a Gutenberg block.
Click the WP Live Chat Trigger button to add your WPLC block to the Post or Page.
Publish your post or page. When a visitor clicks the Live Chat mini-banner on your Post or Page, the chat box will appear in the location assigned in the Chat Box settings (in this case, the lower-right corner) rather than in the middle of the page as happens with the WP Live Chat block.