How to Install and Add the Booking System Widget to Your WordPress Site
There are many ways to add external code to WordPress. In this article, we will cover methods that are easy to implement, even for those with no prior coding experience.
Add a Button Visible Across the Entire Website
Install and activate the plugin programe "Simple Custom CSS and JS".
Click on Costum CSS & JS in the menu panel and select Add Custom JS.
Create a title for the code.
Under options, set "Linking type" to "Internal", "Where on page" to "Footer", "Where on site" to "In Frontend".
Paste the widget code with the floating button into the code text block. Read more here about how to create the widget.
Click "Publish".
Add a Button Visible Only on Specific Pages or Posts
From the panel menu, open Pages or Posts, depending on where the button should appear, and then select the page or post.
Insert the code on the page/post where the button should be shown by adding a new code block (Add block > Code).
Note: How you insert the code can vary depending on your theme or method of building your WordPress site. Look for an option to add "Custom HTML/JS/JavaScript/Code".
Don't forget to save the changes to the page/post.
Great! You’ve now integrated the booking system with your website! 🖥️