Page Comparison

...

4. Create website using Glitch

   1. Go to https://glitch.com/

   2. Create an account and create a new project
      <image>
      

   3. Select the glitch-hello-website option

   4. You will need a long website screenshot which you upload in the assets folder of glitch and use its URL in the html code of the website (insert it in the highlighted area below)
      <image>
      

   5. You can use the following code for the website

      1. HTML: https://pastebin.com/ZQZFyCrr

      2. CSS: https://pastebin.com/t664cP1D
         <image>
         

   6. Insert Copy your ‘code snippet you copied snippet’ from the widget setup UI into the HTML script as also seen in the HTML script above. https://documentation.gomeddo.com/widg/how-to-use-the-booker25-widget-on-your-website
      <image>
      

5. Go go to the ready widget page and see how all the settings come to life 

   1. See the Resources with their corresponding descriptions and pictures

   2. Test how the ‘date picker’ generates available time slots from the calendar (it looks at the lightning calendar in salesforce and checks availability of the resources based on the settings in the previous step)

   3. Check styling - Logo, colours and texts within the widget

   4. Make a reservation to test if there are any setup errors
      

6. Check the results in Salesforce (in the Lightning Calendar)

   1. Switch tabs back to your Salesforce environment

   2. Go to your Lightning Calendar and check the new reservation that appeared in the system as the result of the widget

...