How to use advanced scripts

How to use advanced scripts

With Advanced scripts, you can control the widget with Javascript code.

How to get the script code:

In management Console, click Get Code, and then click "Advanced Script"

The code will be look like this:

advanced

Icon parameters:
Parameter Name Default Value Description
icon_name speaker (Optional) Alternative icon to show as the widget icon

Please refer to the List of icon_name at the end of the page
icon_position bottom-left (Optional) Position for the the widget to show up at
icon_position_offsets left:""
right:""
top:""
bottom:""
(Optional) Custom position offsets for the the widget to show up at
icon_color #0555B8 (Optional) Color of the icon
icon_size {width: "60px", height: "60px"} (Optional) icon size. Above 50px is recommended.
show_in_mobile true (Optional) false if you don't want the widget to show up on mobile.
mob_icon_position bottom-left (Optional) Position for the the widget to show up at on mobile.
mob_icon_size {width: "30px", height: "30px"} (Optional) icon size on mobile. Above 30px is recommended.
mob_icon_position_offsets left:""
right:""
top:""
bottom:""
(Optional) Custom position offsets for the the widget to show up at on mobile

Text box parameters:
Parameter Name Default Value Description
text_box true (Optional) false if you don't want to have a greeting text box
text_box_greeting Listen (Optional) Your greeting text in the text box
text_box_background_color ffffff (Optional) Background color of text box
text_box_font_color #0555B8 (Optional) Color of the text
text_box_font_size 18px (Optional)Font size of the text in text box.
mob_text_box false (Optional)false if you don't want to have a greeting text box on mobile.

Voices and Speed
Parameter Name Default Value Description
settings_default_voice Matthew * (Optional) Default voice for TTS
settings_default_speed 1 (Optional) Default speed for TTS

Others
Parameter Name Default Value Description
settings_highlight_colour_scheme dark (Optional) Default color scheme for highlighting text being read on pag
Light, Dark, Ice, Warm
custom_text_source (Optional) only read the text inside the HTML element with the id or class

List of icon_names
icon names

This article is always evolving and being updated when our product is being developed. Be sure to keep track of this article so you'll stay updated with the last version of it!