How do I move the position of my bot on my website?
Written by Soham Amburle
Updated on August 26th, 2022
- Getting Started
- Bot Building
- Smart Agent Chat
- Conversation Design
-
Developer Guides
Code Step Integration Static Step Integration Shopify Integration SETU Integration Exotel Integration CIBIL integration Freshdesk KMS Integration PayU Integration Zendesk Guide Integration Twilio Integration Razorpay Integration LeadSquared Integration USU(Unymira) Integration Helo(VivaConnect) Integration Salesforce KMS Integration Stripe Integration PayPal Integration CleverTap Integration Fynd Integration HubSpot Integration Magento Integration WooCommerce Integration Microsoft Dynamics 365 Integration
- Deployment
- External Agent Tool Setup
- Analytics & Reporting
- Notifications
- Commerce Plus
- Troubleshooting Guides
- Release Notes
There are various ways in which you can move the position of your bot. You can use the widget-positioning parameter. But if you want to have a custom configuration, then you can do that via CSS.
To do so, you can use the following lines of code:
<style>
.xdk-iframe{
margin-bottom: 15%;
}
</style>This will ensure the entire SDK moves, including the bot prompts. The margin-bottom is not that important here but when choosing a class, you should select .xdk-iframe in order to customize the position for the Web SDK.
