Welcome to the Block Chat Interface installation guide! Embed our chatbot widget into your site as a stylish block and enjoy comprehensive customization options for height, width, shadow, shape, positioning, and more.
Step 1: Access Your Dashboard
Visit the () to find the unique script for embedding the chatbot on your site.
Step 2: Locate and Copy the Code
In the βAdd to Websiteβ section of the dashboard, click the βAlternativeβ button to copy the code to your clipboard. The code looks like this:
Horizontal Position: Adjust margin-left and margin-right for horizontal control. For example:
Center: margin-left: auto; margin-right: auto;
Left Aligned: margin-left: 0;
Right Aligned: margin-right: 0;
Vertical Spacing: Control space above or below the widget using margin-top and margin-bottom. For example:
Space above: margin-top: 20px;
Space below: margin-bottom: 20px;
Additional Styling
Opacity: If you want the widget to be slightly transparent, you can use the opacity property. For example:
50% transparent: opacity: 0.5;
75% visible: opacity: 0.75;
Step 4: Insert the Modified Code
After tailoring the iframe code to your preferences, embed it in the preferred spot on your website. Ensure you place it in the section where you'd like the chatbot widget to manifest.
Step 5: Verification
Post adjustments, save all modifications, then navigate to your website. Confirm that the Block Chat Interface widget is appearing as intended and in line with your tweaks.
π Voila!
Congratulations! You've not only integrated the Block Chat Interface but also customized it to perfection. Now, your site visitors can relish an impeccable chat experience, precisely molded to your design inclinations.