Merge pull request #15 from dayschedule/development

Development
dayschedule · Oct 30, 2023 · cd049e5 · cd049e5
2 parents 3ecf0e6 + 804c0f3
commit cd049e5
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -57,6 +57,14 @@ There are 2 types of embed option available on [DaySchedule](https://dayschedule
 
 ### Popup widget
 To embed as a button and open the appointment scheduling popup when clicked. We **recommends** the popup widget, because it's initialized when someone click on the book now button, instead of having it initialize upon page load to improve website speed and performance by avoiding unnecessary requests.
+
+1. Add the `dayschedule-popup.css` on website header.
+
+```
+<link href="https://cdn.jsdelivr.net/npm/dayschedule-widget@latest/dist/dayschedule-popup.css" rel="stylesheet" />
+
+```
+2. Add a `onClick` function to open the popup when clicked on a button
 ```
 daySchedule.initPopupWidget({
 	url: 'https://meet.dayschedule.com',

diff --git a/dist/dayschedule-widget.js b/dist/dayschedule-widget.js
diff --git a/examples/inline.html b/examples/inline.html
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>DaySchedule Inline Widget</title>
-    <link href="../dist/dayschedule-widget.css" rel="stylesheet" />
     <script src="../dist/dayschedule-widget.js" defer></script>
   </head>
   <body>

diff --git a/examples/popup.html b/examples/popup.html
@@ -5,8 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Booking popup for appointments - DaySchedule Widget</title>
-    <link href="../dist/dayschedule-popup.css" rel="stylesheet" />
-    <link href="../dist/dayschedule-widget.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/dayschedule-widget@latest/dist/dayschedule-popup.css" rel="stylesheet" />
     <script src="../dist/dayschedule-widget.js" defer></script>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dayschedule-widget",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Appointment scheduling widget to embed the booking calendar on your website for 1:1, round-robin and group bookings with Google meet, Zoom and MS Teams integrations",
   "main": "dist/dayschedule-widget.js",
   "files": [