This section covers deploying the Confer With SDK to your eCommerce site so you can trigger calls or schedule appointments from any touchpoint in the customer journey. The SDK is generally deployed using a tag manager such as Google however you can deploy directly into your website if you prefer.
What are Embeddables?
Embeddables are powered by our Confer With SDK and allow you to build your own interactions to Confer With from other touchpoints such as a button, image, banner add etc. You can perform actions such as checking for Expert availability, launching our splash or triggering calls all from different elements of your website.
Embeddables can be deployed as well as the Confer With Widget so you can mix and max to provide the optimal customer journey.
How to add Embeddables directly to the page or via Tag Manager
The Confer With SDK can be easily deployed via a tag manager or directly into your page (before end body element(</body>)).
Please insert the following script(s) :
If you wish to have SDK functionality on the same page as the widget then please add the following two lines :
<script src="https://live.conferwith.io/cdn/conferwith_widget.js"></script>
If you wish to have SDK functionality on its own without the widget then please add the following line :
<script src="https://live.conferwith.io/cdn/gtm_sdk.js"></script>
We recommend direct deployment and not using tag manager for this due to add blockers preventing the tags from loading
SDK Methods
The following methods are available, once you deploy the SDK :
| Method | Data-id | Description |
| Conferwith.checkAvailability() | n/a | Checks if an Expert is available based on the context of the location |
| Conferwith.showSplash() | data-conferwith="showSplash" | Shows the Confer With Splash Screen |
| Conferwith.startCall() | data-conferwith="startCall" | Triggers a call to start |
| Conferwith.bookAppointment() | data-conferwith="bookAppointment" | Triggers the book appointment option (if configured) |
Example Configurations
You can add the functionality to any button on your page by adding a data-conferwith property onto it, e.g. :
<button type="button" data-conferwith="showSplash">Launch ConferWith</button>
Once the button is clicked, the showSplash method will be called, just as if you had clicked the button off our widget.
Link Configurations
You an also launch the screen via a simple hyper link, do this please format your link as follows :
<a href="currentURL"+ ?conferwith-show-splash=true" id="cta-button">Launch ConferWith</a>
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article