[et_pb_section fb_built=“1″ _builder_version=“4.21.0″ _module_preset=“default“ custom_padding=“120px||||false|false“ global_colors_info=“{}“][et_pb_row _builder_version=“4.21.0″ _module_preset=“default“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.21.0″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text _builder_version=“4.21.0″ _module_preset=“default“ header_font=“Poppins|700|||||||“ header_text_color=“#0536fc“ header_font_size=“36px“ header_letter_spacing=“-1.2px“ header_line_height=“1.2em“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″]<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=“4.21.0″ _module_preset=“default“ header_2_font=“Poppins|700|||||||“ header_3_font=“Poppins|600|||||||“ header_4_font=“Poppins|600|||||||“ header_5_font=“Poppins|600|||||||“ header_6_font=“Poppins|600|||||||“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″]<\/p>\n
The Patris.ai chat provides an easy way to embed a dynamic chat interface to your website. This guide will show you how to integrate the Patris.ai chat into your website using the provided JavaScript script.<\/span><\/p>\n – Access to your website’s source code or CMS (Content Management System). First, you need to load the Patris.ai script in your HTML. Place the following line of code before the closing `<\/body>` tag:<\/span><\/p>\n [\/et_pb_text][et_pb_dmb_code_snippet code=“PHNjcmlwdCBzcmM9Imh0dHBzOi8vdGVzdC5wYXRyaXMuYWkvcHVibGljL3BhdHJpcy1jaGF0LmpzIj48L3NjcmlwdD4=“ style=“atelier-cave-light“ linenums=“on“ copy_button=“on“ copy_button_tooltip=“Kopieren“ _builder_version=“4.21.0″ _module_preset=“default“ hover_enabled=“0″ border_radii=“on|12px|12px|12px|12px“ global_colors_info=“{}“ sticky_enabled=“0″][\/et_pb_dmb_code_snippet][et_pb_dmb_code_snippet code=“PHNjcmlwdD4KIHBhdHJpc0FJKHsKIGlkOiAnYjIyYjI2Y2U3NGI5MTI3OGRmZ3JlZWM3ZmNlMmI3OTBmODEnLCAgLy8gSW5zZXJ0IHlvdXIgbW9kdWxlIElEIGhlcmUKIHRleHQ6ICdDaGF0JywKIGNvbG9yOiAnIzc5YmFmZicsCiB1bmlxdWVJZDogJ3BhdHJpc0NoYXQnCiB9KTsKPC9zY3JpcHQ+Cg==“ style=“atelier-cave-light“ linenums=“on“ copy_button=“on“ copy_button_tooltip=“Kopieren“ _builder_version=“4.21.0″ _module_preset=“default“ hover_enabled=“0″ border_radii=“on|12px|12px|12px|12px“ global_colors_info=“{}“ sticky_enabled=“0″][\/et_pb_dmb_code_snippet][et_pb_text _builder_version=“4.21.0″ _module_preset=“default“ header_2_font=“Poppins|700|||||||“ header_3_font=“Poppins|600|||||||“ header_4_font=“Poppins|600|||||||“ header_5_font=“Poppins|600|||||||“ header_6_font=“Poppins|600|||||||“ hover_enabled=“0″ global_colors_info=“{}“ sticky_enabled=“0″]<\/p>\n After loading the script, you can initialize the chat by calling the `patrisAI` function. The only mandatory parameter is `id`, which should be the `id` of the Patris.ai module you wish to interact with.<\/span><\/p>\n You can also provide optional parameters to adjust the chat bubble appearance and behavior:<\/span><\/p>\n – `text`: An optional label for the chat bubble.<\/span><\/p>\n – `color`: An optional color for the chat bubble.<\/span><\/p>\n – `uniqueId`: The element id prefix to add custom stylings through CSS<\/span><\/p>\n Here’s a sample initialization:<\/span><\/p>\n „`javascript<\/span><\/p>\n <script><\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0patrisAI({<\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0id: ‚b22b26ce74b91278dfgreec7fce2b790f81‘,\u00a0 \/\/ Insert your module ID here<\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text: ‚Chat‘,<\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: ‚#79baff‘,<\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0uniqueId: ‚patrisChat‘<\/span><\/p>\n \u00a0\u00a0\u00a0\u00a0});<\/span><\/p>\n <\/script><\/span><\/p>\n „`<\/span><\/p>\n ## Optional Configuration Parameters:<\/span><\/p>\n – `id` (required): The Patris.ai module id you wish to interact with.<\/span><\/p>\n – `text` (optional): The text label for the chat bubble.<\/span><\/p>\n – `color` (optional): The color of the chat bubble. Default is blue.<\/span><\/p>\n – `uniqueId` (optional): The element id prefix to add custom stylings through CSS<\/span><\/p>\n ## Notes:<\/span><\/p>\n – Ensure you replace `b22b26ce74b91278dfgreec7fce2b790f81` with your actual Patris.ai module id.<\/span><\/p>\n – If the chat bubble’s appearance does not fit your website’s design, you can adjust the `text` and `color` properties to suit your needs.<\/span><\/p>\n – The chat bubble will dynamically adapt its size and position based on the viewport’s width.<\/span><\/p>\n ## Support<\/span><\/p>\n For any issues or further customization requirements, please reach out to Patris.ai support.<\/span><\/p>\n ## Conclusion<\/span><\/p>\n By following this guide, you can seamlessly integrate the Patris.ai chat interface into your website, offering your visitors an interactive and dynamic chat experience.<\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":" Patris Chat Integration GuideThe Patris.ai chat provides an easy way to embed a dynamic chat interface to your website. This guide will show you how to integrate the Patris.ai chat into your website using the provided JavaScript script. Requirements – Access to your website’s source code or CMS (Content Management System).- A valid Patris.ai module […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"dipi_cpt_category":[],"class_list":["post-1105","page","type-page","status-publish","hentry"],"yoast_head":"\n<\/strong><\/h2>\n
Requirements<\/strong><\/h2>\n
<\/span>– A valid Patris.ai module `id` which will be used to interact with the chat.<\/span><\/p>\n<\/strong><\/h2>\n
Integration Steps<\/strong><\/h2>\n
1. Load the Script:<\/strong><\/h3>\n
<\/span>2. Initialize the Chat:<\/strong><\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n
<\/h2>\n