You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ Made by the team at [♠ Calibre](https://calibreapp.com/), your performance com
18
18
3.[Usage](#-usage)
19
19
4.[Supported Providers](#-supported-providers)
20
20
5.[Adding a Provider](#-adding-a-provider)
21
-
6.[Examples](#-examples)
21
+
6.[Examples](#%EF%B8%8F-examples)
22
22
7.[Contributing](#-contributing)
23
23
8.[Resources](#-resources)
24
24
9.[License](#-license)
@@ -170,7 +170,7 @@ Currently the Help Scout component only supports the icon button style.
170
170
</details>
171
171
172
172
<details>
173
-
<summary>Intercom</summary>
173
+
<summaryid="intercom">Intercom</summary>
174
174
175
175
To use Intercom import the `LiveChatLoaderProvider` and set the `provider` prop
176
176
as `intercom` and the `providerKey` prop as your Intercom App ID.
@@ -200,7 +200,7 @@ the `Intercom` component.
200
200
</details>
201
201
202
202
<details>
203
-
<summary>Messenger</summary>
203
+
<summaryid="messenger">Messenger</summary>
204
204
205
205
To use Messenger, import the `LiveChatLoaderProvider` and then set the `provider` prop as `messenger` and the `providerKey` prop as your Facebook Page ID.
206
206
@@ -249,7 +249,7 @@ For a list of options, refer to [Facebook Customer Chat Plugin documentation](ht
249
249
</details>
250
250
251
251
<details>
252
-
<summary>Drift</summary>
252
+
<summaryid="drift">Drift</summary>
253
253
254
254
To use Drift import the `LiveChatLoaderProvider` and set the `provider` prop
255
255
as `drift` and the `providerKey` prop as your Drift App ID.
@@ -276,7 +276,7 @@ You can customise the Drift Messenger by passing the following props to the
276
276
</details>
277
277
278
278
<details>
279
-
<summary>Userlike</summary>
279
+
<summaryid="userlike">Userlike</summary>
280
280
281
281
To use Userlike import the `LiveChatLoaderProvider` and set the `provider` prop
282
282
as `userlike` and the `providerKey` prop as your Userlike Widget secret.
@@ -310,7 +310,7 @@ You can customise the Userlike Widget by passing the following props to the
310
310
</details>
311
311
312
312
<details>
313
-
<summary> Chatwoot</summary>
313
+
<summaryid="chatwoot">Chatwoot</summary>
314
314
315
315
To use Chatwoot import the `LiveChatLoaderProvider` and set the `provider` prop
316
316
as `chatwoot` and the `providerKey` prop as your Chatwoot secret.
@@ -346,19 +346,19 @@ To add a new live chat provider, follow the steps in [Contributing: Adding a Pro
346
346
347
347
## 🖥️ Examples
348
348
349
-
The [/website](https://github.com/calibreapp/react-live-chat-loader/tree/master/website) directory of this repository includes a [Next.js](https://nextjs.org) app with example implementations of all currently supported providers.
349
+
The [website](https://github.com/calibreapp/react-live-chat-loader/tree/master/website) directory of this repository includes a [Next.js](https://nextjs.org) app with example implementations of all currently supported providers.
350
350
351
-
For initial setup of the example website, be sure to first run `npm install` + `npm run build` in the root level of the repository, before running `npm install` in the `/website` directory.
351
+
For initial setup of the example app, be sure to first run `npm install` + `npm run build` in the root level of the repository, before running `npm install` in the `website` directory.
352
352
353
-
The following scripts in `/website` will then be available:
353
+
The following scripts in example app will then be available:
354
354
355
355
-`npm run dev` (run a local server)
356
356
-`npm run build` (run next build)
357
357
-`npm run start` (run next start)
358
358
359
-
> 📝 Some provides require whitelisted publically accessable domains served over HTTPS — a service like [ngrok](https://ngrok.com/)can be helpful in acheiving this locally
359
+
Visit [react-live-chat-loader.vercel.app](https://react-live-chat-loader.vercel.app/)for a hosted version of the example app.
360
360
361
-
Visit [react-live-chat-loader.vercel.app](https://react-live-chat-loader.vercel.app/)for a hosted version of the examples.
361
+
> 📝 Note that some providers require whitelisted publicly accessible domains served over HTTPS — a service like [ngrok](https://ngrok.com/)can be helpful in achieving this locally
0 commit comments