By default, the chat widget is positioned at the bottom corner of the right side. You can move the position of the chat widget from the right to the left side from the Admin settings.
How do you change the widget from right to left?:
- Navigate to your Admin settings> Channels > Web Chat > Choose your widget
- Choose the Appearance Tab, select the Position and Behaviour section and choose the widget position to the left
- Save the changes
How do you customize the widget position on my website at the code level?:
To modify the position of the widget, kindly embed the code provided below into the body tag of your website:
HTML:
<script>
window.fcWidgetMessengerConfig = {
config: {
headerProperty:{
direction: 'ltr'
}
}
}
</script>
<script
src='//fw-cdn.com/---/---.js'
chat='true'>
</script>CSS:
You can also change the widget's position using your CSS stylesheet instead. To do this, use the below code in your stylesheet.
<script>
window.fcWidgetMessengerConfig = {
config: {
headerProperty:{
direction: 'ltr'
},
cssNames: {
widget: "custom_fc_frame"
}
}
}
</script>
<script
src='//fw-cdn.com/---/---.js'
chat='true'>
</script>
<style>
.custom_fc_frame {
right: 80px !important;
bottom: 50px !important;
}
</style>