{"id":294961,"date":"2026-05-12T11:09:02","date_gmt":"2026-05-12T11:09:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/lst-video-story-bubble\/"},"modified":"2026-05-12T16:09:29","modified_gmt":"2026-05-12T16:09:29","slug":"lst-video-story-bubble","status":"publish","type":"plugin","link":"https:\/\/sk.wordpress.org\/plugins\/lst-video-story-bubble\/","author":23325312,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.6","stable_tag":"1.1.6","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Product Video Story Bubble","header_author":"Lucas Troteseil","header_description":"Add interactive Instagram-style video stories to WooCommerce.","assets_banners_color":"bebfc2","last_updated":"2026-05-12 16:09:29","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/Lucas-tsl\/lst-video-story","header_author_uri":"https:\/\/github.com\/Lucas-tsl","rating":0,"author_block_rating":0,"active_installs":0,"downloads":109,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.1":{"tag":"1.1.1","author":"lucastsl","date":"2026-05-12 13:53:40"},"1.1.2":{"tag":"1.1.2","author":"lucastsl","date":"2026-05-12 13:53:40"},"1.1.3":{"tag":"1.1.3","author":"lucastsl","date":"2026-05-12 14:03:28"},"1.1.4":{"tag":"1.1.4","author":"lucastsl","date":"2026-05-12 15:30:35"},"1.1.5":{"tag":"1.1.5","author":"lucastsl","date":"2026-05-12 15:56:37"},"1.1.6":{"tag":"1.1.6","author":"lucastsl","date":"2026-05-12 16:09:29"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3529716,"resolution":"128x128","location":"assets","locale":"","width":1024,"height":1024}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3529716,"resolution":"772x250","location":"assets","locale":"","width":1024,"height":323}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.1","1.1.2","1.1.3","1.1.4","1.1.5","1.1.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3529716,"resolution":"1","location":"assets","locale":"","width":1024,"height":572}},"screenshots":{"1":"Visual example of how the video story bubbles look on a standard WooCommerce product layout."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[311,34928,5297,222,286],"plugin_category":[45,50,56],"plugin_contributors":[262647],"plugin_business_model":[],"class_list":["post-294961","plugin","type-plugin","status-publish","hentry","plugin_tags-instagram","plugin_tags-product-display","plugin_tags-story","plugin_tags-video","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_category-media","plugin_category-social-and-sharing","plugin_contributors-lucastsl","plugin_committers-lucastsl"],"banners":{"banner":"https:\/\/ps.w.org\/lst-video-story-bubble\/assets\/banner-772x250.png?rev=3529716","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/lst-video-story-bubble\/assets\/icon-128x128.png?rev=3529716","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/lst-video-story-bubble\/assets\/screenshot-1.png?rev=3529716","caption":"Visual example of how the video story bubbles look on a standard WooCommerce product layout."}],"raw_content":"<!--section=description-->\n<p>This plugin adds interactive Instagram-style video stories to WooCommerce product pages using a simple shortcode <code>[bulle_video_finale]<\/code>.<\/p>\n\n<p>Features:\n* Adds up to 4 video story bubbles per product.\n* Automatically integrates with YouTube videos (simply provide the URL or ID).\n* Utilizes Advanced Custom Fields (ACF) to manage fields elegantly in the backend.\n* Creates a modernized, app-like feeling for eCommerce web stores.\n* Lightweight, secure, and fast!<\/p>\n\n<p>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.<\/p>\n\n<h3>Configuration<\/h3>\n\n<p>Important behavior:<\/p>\n\n<ul>\n<li>Up to 4 bubbles are supported per product (<code>_1<\/code> to <code>_4<\/code>).<\/li>\n<li>A bubble is displayed only when both <code>id_video_youtube_X<\/code> and <code>apercu_video_bulle_X<\/code> are provided.<\/li>\n<li>If no complete story set is configured, the shortcode outputs nothing.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install the plugin directly through the WordPress plugins screen.<\/li>\n<li>Ensure you have the <code>Advanced Custom Fields<\/code> (ACF) plugin installed and active.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>In <strong>Custom Fields &gt; Add New<\/strong>, create a field group (for example: <code>LST Video Stories<\/code>).<\/li>\n<li>Add the following fields (Field Type in parentheses):<\/li>\n<\/ol>\n\n<ul>\n<li><code>id_video_youtube_1<\/code> (Text)<\/li>\n<li><code>apercu_video_bulle_1<\/code> (URL)<\/li>\n<li><code>label_bulle_1<\/code> (Text)<\/li>\n<li><code>id_video_youtube_2<\/code> (Text)<\/li>\n<li><code>apercu_video_bulle_2<\/code> (URL)<\/li>\n<li><code>label_bulle_2<\/code> (Text)<\/li>\n<li><code>id_video_youtube_3<\/code> (Text)<\/li>\n<li><code>apercu_video_bulle_3<\/code> (URL)<\/li>\n<li><code>label_bulle_3<\/code> (Text)<\/li>\n<li><code>id_video_youtube_4<\/code> (Text)<\/li>\n<li><code>apercu_video_bulle_4<\/code> (URL)<\/li>\n<li><code>label_bulle_4<\/code> (Text)<\/li>\n<\/ul>\n\n<ol>\n<li>In the field group <strong>Location Rules<\/strong>, set: <code>Post Type<\/code> <strong>is equal to<\/strong> <code>Product<\/code>.<\/li>\n<li>Save the field group.<\/li>\n<li>Edit a WooCommerce product and fill at least one complete story set:<\/li>\n<\/ol>\n\n<ul>\n<li><code>id_video_youtube_X<\/code>: YouTube video ID (example: <code>GfUYq9lvZLQ<\/code>) or full YouTube URL.<\/li>\n<li><code>apercu_video_bulle_X<\/code>: Direct MP4 preview URL used inside the bubble.<\/li>\n<li><code>label_bulle_X<\/code>: Bubble label shown under the circle (example: <code>Texture<\/code>).<\/li>\n<\/ul>\n\n<ol>\n<li>Place the shortcode <code>[bulle_video_finale]<\/code> in the product description (or template\/builder area shown on the product page).<\/li>\n<li>View the product on the frontend. If <code>id_video_youtube_X<\/code> and <code>apercu_video_bulle_X<\/code> are both filled, the bubble appears.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20advanced%20custom%20fields%20%28acf%29%3F\"><h3>Do I need Advanced Custom Fields (ACF)?<\/h3><\/dt>\n<dd><p>Yes, the plugin depends on ACF to load the parameters from the WooCommerce product page.<\/p><\/dd>\n<dt id=\"can%20i%20use%20self-hosted%20videos%3F\"><h3>Can I use self-hosted videos?<\/h3><\/dt>\n<dd><p>Currently, the plugin focuses on embedding YouTube videos securely and cleanly.<\/p><\/dd>\n<dt id=\"the%20shortcode%20is%20visible%20but%20no%20bubble%20is%20shown.%20why%3F\"><h3>The shortcode is visible but no bubble is shown. Why?<\/h3><\/dt>\n<dd><p>Check that for at least one index (<code>1<\/code>, <code>2<\/code>, <code>3<\/code>, or <code>4<\/code>), both fields are filled:\n    id_video_youtube_X and <code>apercu_video_bulle_X<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Release for 1.1.3: bumped versions and minor fixes.<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Release for 1.1.4: publish renamed plugin and minor tweaks.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Hide the shortcode wrapper completely when no story bubble is configured.<\/li>\n<li>Keep YouTube video sound enabled in the modal player.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release. Setup of shortcode, WP best practices and escaping methods.<\/li>\n<\/ul>","raw_excerpt":"Add interactive Instagram-style video stories to WooCommerce product pages.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/294961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=294961"}],"author":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/lucastsl"}],"wp:attachment":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=294961"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=294961"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=294961"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=294961"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=294961"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=294961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}