Share

The Share tab in ChatNode allows you to embed your chatbot on various platforms, providing easy ways to integrate it into your website or application. This feature includes several options, such as a direct webpage link, popup chat, and embedded iframe, along with customization capabilities. Here’s a detailed look at each sharing option.

1. Web Page

Direct Link: The Web Page section provides a unique URL where your chatbot is hosted. You can share this link with users to access the chatbot directly on ChatNode’s platform.
Usage: This option is perfect if you don’t want to embed the chatbot on your own website but still want to provide access via a link.

2. Popup Chat

Popup Code: This option gives you a JavaScript code snippet that you can place in the <head> tag of your website or use with a tag manager. The popup chat script allows users to access the chatbot in a pop-up window on your site.
Customization: A Customize button is provided to adjust the appearance and behavior of the popup window, ensuring it aligns with your brand's style.
Use Case: Ideal for websites where you want the chatbot to appear as an optional popup, providing assistance without taking up space on the main page.

3. Embedded (Iframe)

Iframe Code: This section provides an iframe code that you can embed directly into a section of your website. You can place this code in any HTML section where you want the chatbot to appear as an integrated part of the page.
Customizable Size: You can adjust the width and height parameters to fit the frame size to your website's design.
Use Case: Embedding the bot within an iframe is perfect for creating a seamless user experience, making the chatbot look like a natural part of your website.

4. Popup Chat with Additional Data Attributes

Data Attributes: For a more personalized experience, you can use a popup chat with additional data attributes like data-name, data-email, data-phone, and data-info. These attributes allow you to map user information from your application to the chatbot, enriching the chat history and improving the user experience.
Code Example: The provided code snippet includes placeholders for these data attributes. Replace them with user information from your app as needed.
Use Case: Ideal for applications where you want to pre-fill user details, ensuring the bot has context for better interactions.

5. Embedded (Iframe) with Additional Data Attributes

Enhanced Iframe Code: Similar to the basic iframe option, this code snippet includes additional data attributes, allowing you to map user data into the chat.
Data Fields: The attributes data-name, data-email, data-phone, and data-info allow your chatbot to recognize users based on the details already in your app, creating a more personalized experience.
Use Case: This setup is ideal for applications where you want the embedded chatbot to have contextual information about the user for improved response accuracy.

6. Custom Domain (White Label)

White Label Option: This feature allows you to host the chatbot on your own domain, creating a fully branded experience. With a custom domain, users will interact with the bot on your domain rather than ChatNode’s, ensuring brand consistency.
Get the Addon: To activate this feature, click on Get the Addon, which will enable the white-label setup for a professional, cohesive look.
Use Case: This is best for businesses looking for a completely branded solution, where users won’t see any reference to ChatNode’s domain.

With these options, the Share tab in ChatNode offers flexible solutions for integrating your chatbot in a way that suits your website and user needs.