Troteseil Lucas

This plugin adds interactive Instagram-style video stories to WooCommerce product pages using a simple shortcode <code>[bulle_video_finale]</code>.
Features: 
* Adds up to 4 video story bubbles per product. 
* Automatically integrates with YouTube videos (simply provide the URL or ID). 
* Utilizes Advanced Custom Fields (ACF) to manage fields elegantly in the backend. 
* Creates a modernized, app-like feeling for eCommerce web stores. 
* Lightweight, secure, and fast!
Please note: This plugin relies on Advanced Custom Fields (ACF) to fetch its data. You need to configure fields (<code>id_video_youtube_X</code>, <code>apercu_video_bulle_X</code>, <code>label_bulle_X</code>) on the Product post type.
<h3>Configuration</h3>
Important behavior:
<ul>
<li>Up to 4 bubbles are supported per product (<code>_1</code> to <code>_4</code>).</li>
<li>A bubble is displayed only when both <code>id_video_youtube_X</code> and <code>apercu_video_bulle_X</code> are provided.</li>
<li>If no complete story set is configured, the shortcode outputs nothing.</li>
</ul>

Product Video Story Bubble

Add interactive Instagram-style video stories to WooCommerce product pages.

peiche

A single chat component is one piece of conversation: one chat bubble. Using a single chat bubble as the building block, any number of chat bubble components can comprise the end result. Short or long, it’s completely up to you, the content creator.
Please note that this plugin builds upon existing functionality provided by Aesop Story Engine, and will not function without it.
<h3>Options</h3>
Using the component’s built-in options, the chat colors can vary on a post-by-post basis. Multiple conversations in a single post can have varied colors, due to the modular nature of the components.
Appearance defines the style of chat bubble. There is a default style, but it’s not very interesting. There are options to imitate the appearance of chat styles used by Google Hangouts, Facebook Messenger, and iOS Messaging.
Width defines the maximum width of the chat bubble. It will never exceed this value, but it can be shorter, if there is not enough text to fill a single line. Please note that the “px” suffix is already included, so all this field requires is a number.
Background Color defines the background color behind the chat bubble. It’s always the full width of the screen.
Chat Color defines the background color of the chat bubble itself. The bubble arrow also takes on this color.
Text Color defines the text color in the chat bubble.
Direction defines where the chat bubble, its arrow, and avatar (optional) come from: left or right.
Content defines the text inside the chat bubble. Enter as much or as little as you want!
Avatar defines the picture associated with the chat bubble. This is optional.
Avatar Style defines the shape of the avatar. By default, it’s just a square image. It can be changed to rounded corners (I call this a “squircle”) or a circle.

Chat for Aesop Story Engine

Stylized conversation content driven by Aesop Story Engine.

Product Video Story Bubble vs Chat for Aesop Story Engine