UserWay Widget Advanced Script Attributes Guide

<script>
(function(d){
   var s = d.createElement("script");

   /* uncomment the following line to override default position*/
   /* s.setAttribute("data-position", 1);*/

   /* uncomment the following line to override default size (values: small, large)*/
   /* s.setAttribute("data-size", "large");*/

   /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/
   /* s.setAttribute("data-language", "null");*/

   /* uncomment the following line to override color set via widget (e.g., #053f67)*/
   /* s.setAttribute("data-color", "#0048FF");*/

   /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/
   /* s.setAttribute("data-type", "1");*/

   /* s.setAttribute("data-statement_text", "Our Accessibility Statement");*/
   /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility");*/

   /* uncomment the following line to override support on mobile devices*/
   /* s.setAttribute("data-mobile", true);*/

   /* uncomment the following line to set custom trigger action for accessibility menu*/
   /* s.setAttribute("data-trigger", "triggerId");*/

   s.setAttribute("data-account", "PTR1249toR");
   s.setAttribute("src", "https://cdn.userway.org/widget.js");

   (d.body || d.head).appendChild(s);
})(document)
</script>

s.setAttribute("data-position", 1);

 -----------------------------------------------------------
| 7 - Top Left      8 - Top Middle      1 - Top Right      |
|                                                           |
| 6 - Middle Left                        2 - Middle Right  |
|                                                           |
| 5 - Bottom Left   4 - Bottom Middle   3 - Bottom Right  |
 -----------------------------------------------------------

s.setAttribute("data-size", "large");

s.setAttribute("data-language", "fr");

s.setAttribute("data-color", "#0048FF");

s.setAttribute("data-type", "1");

s.setAttribute("data-statement_text", "Our Accessibility Statement");

s.setAttribute("data-statement_url", "https://example.com/accessibility");

s.setAttribute("data-mobile", true);

s.setAttribute("data-trigger", "triggerId");

<button id="triggerId">Accessibility</button>

s.setAttribute("data-account", "PTR1249toR");

<script>
(function(d){
   var s = d.createElement("script");
   s.setAttribute("data-position", 3);
   s.setAttribute("data-size", "large");
   s.setAttribute("data-language", "es");
   s.setAttribute("data-color", "#0048FF");
   s.setAttribute("data-type", "1");
   s.setAttribute("data-statement_text", "Accessibility Statement");
   s.setAttribute("data-statement_url","https://example.com/accessibility");
   s.setAttribute("data-mobile", true);
   s.setAttribute("data-account", "PTR1249toR");
   s.setAttribute("src", "https://cdn.userway.org/widget.js");
   (d.body || d.head).appendChild(s);
})(document)
</script>