The installation of Symplicy on website happens in two steps.
Add the following script between each tag of the pages
<head> where you want to use the Symplicy app
Replace the part
*UUID* with the identification code (UIDD) that was provided to you when you subscribed.
Code example with UUID
There are 4 ways to communicate our script which buttons should open the popup;:
To trigger our contact form by clicking on a button (or link) on your website, you just have to add the class
js-symplicy-button. When the litigant clicks on this button, our form will open in popup on your site.
You can place this class on any element of your page. However, for accessibility reasons, we recommend that you place this class on an element of type button
button or link
You can apply this class on several elements of the same page, the contact form will open in all cases.
Example with a button
Example with a link
<a href="#" class="js-symplicy-button">Link</a>
In order for Symplicy to create the button(s) on a sheet, you should apply the class
js-symplicy-container on the element that will welcome the button. The buttons will be automatically created on the places choosen on your sheet.
You can apply that class as many times as you want, this will create several buttons.
Note :It is possible to customize the style of the buttons created by the script by passing certain parameters to it. To learn more about this option, we invite you to consult the page
It is possible that you do not have access to the code of your website (if you use Wordpress, Wix, etc. for example). In this case, you must add a link that redirects to https://symplicy.com#symplicy. Our script will prevent the redirection when a user clicks on this link and will open the popup instead.
This can be useful in case your buttons are not yet in the DOM of the page when the script initializes.
<script> window.Symplicy.addButtons('.symplicy-buttons'); </script>
<script> var buttons = document.body.querySelectorAll('.symplicy-button'); window.Symplicy.addButtons(buttons); </script>
<script> var button = document.body.querySelector('#symplicy-button'); window.Symplicy.addButtons(button); </script>
A piece of advice, a problem ? Contact us firstname.lastname@example.org