Langflow Website Embed #3641
Replies: 1 comment
-
Hey there, @blissiraDC! I'm a bot here to help you out with any bugs, questions, or contributions you have regarding Langflow. Let's tackle this together! Yes, there are tutorials on how to custom style all the elements and embed Langflow into a web or app. The documentation provides detailed instructions for embedding the Langflow Chat Widget into HTML, React, and Angular applications, along with customization options for styling various elements of the chat widget. HTMLTo embed the Chat Widget into an HTML page: <script src="https://cdn.jsdelivr.net/gh/langflow-ai/langflow-embedded-chat@main/dist/build/static/js/bundle.min.js"></script>
<langflow-chat
chat_inputs='{"your_key":"value"}'
chat_input_field="your_chat_key"
flow_id="your_flow_id"
host_url="langflow_url"
></langflow-chat> ReactTo embed the Chat Widget using React:
AngularTo embed the Chat Widget using Angular:
CustomizationThe widget API allows for extensive customization of the chat widget's appearance and behavior. Here are some of the customizable properties:
These properties can be used to style the chat widget to match your application's design and branding. For more detailed instructions and code examples, you can refer to the Langflow documentation [1][2][3]. |
Beta Was this translation helpful? Give feedback.
-
Are there any tutorials on how to custom style all the elements and embed into web or app? I checked around the docs and Langlfow Youtube channel, can't see any ways of customising. Many thanks for any help you can provide.
Beta Was this translation helpful? Give feedback.
All reactions