Web widget

With the Plural Web Widget, you can seamlessly integrate your Plural avatar into your own website. This documentation will guide you through the simple steps to customize and embed the widget into your web pages.

What is the “Plural Web Widget”?

The Plural Web Widget is a powerful and user-friendly tool that allows you to seamlessly integrate your personalized Plural.io avatar into your own website. It allows you to enhance the interactivity and engagement of your website by bringing your avatar directly to your visitors.

With the Web Widget, you can:

Customize the appearance: Customize the look and feel of the chat window where your avatar is displayed to match the style and branding of your website.

Engage visitors: Offer visitors a convenient and interactive way to interact with your avatar so they can access information, ask questions, or participate in conversations.

Improve user experience: Enhance the overall user experience on your website by offering real-time support and information through your custom avatar.

No programming skills required: You don't need to be a developer to use the Plural Web Widget. It features an intuitive user interface that makes it easy to customize and integrate.

By using the Plural Web Widget, you can offer your website visitors a more dynamic and engaging experience and provide them with a personalized and interactive way to engage with your content or services.

Im obigen Beispiel können Sie sehen, wie das Plural Web Widget an das Farbschema und Design der Website angepasst wurde. Die Chat-Blase, der Widget-Titel und der Hinweistext wurden alle angepasst, um eine einheitliche und einladende Benutzererfahrung zu schaffen.

Denken Sie daran, dass das Plural Web Widget Anpassungsoptionen bietet, sodass Sie es genau auf die Ästhetik und Funktionalität Ihrer Website abstimmen können. Ob Sie nun ein schlichtes, modernes Aussehen oder ein verspielteres und farbenfroheres Design bevorzugen, das Plural Web Widget kann an Ihre Vorlieben angepasst werden.

Das Endergebnis ist ein Chat-Fenster, das nicht nur den Stil Ihrer Website ergänzt, sondern auch eine benutzerfreundliche Oberfläche bietet, über die Besucher mit Ihrem Avatar interagieren können. Durch diese Anpassung wird sichergestellt, dass sich das Plural Web Widget nahtlos in Ihre Website einfügt und die Benutzerbindung und -interaktion verbessert.

Um zu sehen, wie das Plural Web Widget auf Ihrer spezifischen Website aussehen wird, folgen Sie einfach den Anpassungsschritten in unserer Dokumentation und zeigen Sie es in Ihrer Webumgebung in der Vorschau an.

Wie kann ich das Web-Widget verwenden?

Sie finden das Web-Widget auf der linken Seite Ihrer Plural.io-Benutzeroberfläche in der Seitenleiste. Wenn Sie darauf klicken, gelangen Sie zu diesem Designer:

This designer helps you customize the appearance of your avatar widget on your own website.

Widget customization

General settings

Plural Avatar Link: Enter your plural avatar URL.

Avatar Live Link: Select the live link for your avatar.

Widget Position: Select the position of the widget, either left or right.

Widget Note Position: Set the placement of the note, either left, right, top, or bottom.

Chat Settings

Chat Bubble Color: Select the color of the chat bubble.

Chat bubble icon URL: Paste the URL of the icon (png, jpg, svg, webp) you want to use as the icon for launching the chatbot widget.

Chat hint settings

Chat hint title: Enter the hint text (e.g., “Click here to chat”).

Hint Background Color: Select the background color of the hint.

Hint Text Color: Select the text color of the hint.

Chat Widget Settings

Chat Widget Title: Enter the title (e.g., “Plural Assistant”).

Chat Widget Color: Select the color of the chat widget.

Chat widget text color: Select the text color of the chat widget.

Chat widget height: Set the height of the chat widget in pixels.

Chat widget width: Specify the width of the chat widget in pixels. Chat widget frame radius: Set the frame radius in pixels.

Embedding the widget Once you have customized your widget to your liking, you can embed it into your website. To do so, follow these steps:

Copy the embed code

You will find the embed code at the bottom right of this page.

Paste the code

Paste the copied code into the body area of your website where you want the avatar to appear.

Plural Web Widget vs. Plural Embedded

When it comes to integrating your Plural avatar into your applications or website, Plural offers two options: the Plural Web Widget and Plural Embedded. Each option serves a specific purpose and is tailored to different user needs. Here is a comparison to help you choose the right solution for your needs:

To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.

Creation process	No programming required; easy setup.	Requires programming for integration.
Operating environment	Controlled via Plural.io. Easy to integrate into your website.	Offers flexibility to be integrated into any product or service. Requires programmers.
Integration method	Website-based; code snippet integration.	Library-based; integration into apps/websites.
Adjustment	User-friendly designer for website chat.	Programmatic use for integrating apps/websites.
Pricing	Styler is included in the Plural.io subscription. Interaction-based billing.	Separate pricing based on the use of embedded.
User interface	Website-specific; easy even for non-developers.	Developer-centric; requires programming skills.
Control & Hosting	Managed by Plural.io; hosted externally on your website.	Self-hosted and controlled by customers.
Advanced features	Simplified features for website integration.	Advanced features such as standalone avatar, text-to-speech (TTS) and speech-to-text (STT) for custom applications.

Plural Web Widget is an excellent choice if you are looking for a hassle-free, code-free solution to add avatars to your website. It offers simplicity and ease of use for quick integration.

Plural Embedded, on the other hand, is designed for users who need deeper integration, have programming skills, and require advanced avatar features while maintaining control over their applications.