How do I add the myPets booking widget to my website?


The myPets booking widget allows your clients to easily book appointments online. The widget will appear in the bottom right corner of your website and can be expanded to book an appointment directly. 


This article explains step-by-step how to add the widget to your website in the simplest way. 


Please note: a certain level of IT knowledge is necessary for this operation.


Required Information


In order to add the myPets booking widget to your website, you will need your mypets-urlsuffix. You can find this in Fuga under:


Configuration > Practice Preferences > myPets. 



Access to the html source code


If you have access to the HTML source code of your website, you can manually add the widget by following these steps: 


    1.    Add the following two lines of HTML to your website. These can be placed in either the <head> or the <body> of your website (the location doesn't matter): 


<mypets-bubble url-suffix="mypets-urlsuffix" web-component-base-url="https://mypets.eu"></mypets-bubble>
<script src="https://mypets.eu/bubble/mypets-bubble.js">
</script>
HTML


    2.    Replace "mypets-urlsuffix" with the specific URL you’ve set in myPets. For example, if your myPets URL is set to theBestPractice in Fuga, it becomes: 


url-suffix="theBestPractice"


    3.    Save your changes and publish your webpage. 


What happens after publishing? 


Once published, the widget will automatically load when the page is opened. A small icon will appear in the bottom right corner of your website. 


When clients click on this icon, the widget opens, allowing them to easily book appointments with your practice. 


Important:


Make sure to replace the mypets-urlsuffix in the HTML with the specific URL you’ve set in myPets.