{"id":274348,"date":"2026-01-18T01:34:58","date_gmt":"2026-01-18T01:34:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/agora-live-shopping\/"},"modified":"2026-08-22T06:36:29","modified_gmt":"2026-08-22T06:36:29","slug":"hdwebmobile-live-shopping-with-agora","status":"publish","type":"plugin","link":"https:\/\/id.wordpress.org\/plugins\/hdwebmobile-live-shopping-with-agora\/","author":9757813,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.4","stable_tag":"1.0.4","tested":"7.1","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"HDWebmobile Live Shopping with Agora","header_author":"htrxuan - Han Tran","header_description":"Enable Live Shopping functionality with Agora.io and WooCommerce.","assets_banners_color":"0f5847","last_updated":"2026-08-22 06:36:29","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/htrxuan\/20","header_plugin_uri":"https:\/\/hdwebmobile.com\/plugins\/hdwebmobile-live-shopping-with-agora\/","header_author_uri":"https:\/\/hdwebmobile.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":480,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"htrxuan","date":"2026-01-18 06:08:45"},"1.0.3":{"tag":"1.0.3","author":"htrxuan","date":"2026-07-22 13:10:47"},"1.0.4":{"tag":"1.0.4","author":"htrxuan","date":"2026-08-22 06:36:29"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3620714,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3620714,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3620714,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3620714,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2","1.0.3","1.0.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3623037,"resolution":"1","location":"assets","locale":"","width":2560,"height":1267},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3623037,"resolution":"2","location":"assets","locale":"","width":2560,"height":1267},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3623037,"resolution":"3","location":"assets","locale":"","width":2560,"height":1267},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3623037,"resolution":"4","location":"assets","locale":"","width":2560,"height":1675}},"screenshots":{"1":"Settings screen \u2014 enter your Agora App ID\/Certificate and REST API credentials, with a live diagnostic checklist.","2":"The live stream player as embedded on a page: video area, chat, like button, and shopping-bag product panel.","3":"The aggregate dashboard: lifetime viewers, peak viewers, airtime, Agora usage minutes, and recent streams.","4":"The stream edit screen: host details, featured products, analytics, and the ready-to-copy embed shortcode."}},"plugin_section":[],"plugin_tags":[197509,701,40825,39526,286],"plugin_category":[45],"plugin_contributors":[254181],"plugin_business_model":[],"class_list":["post-274348","plugin","type-plugin","status-publish","hentry","plugin_tags-agora","plugin_tags-commerce","plugin_tags-live-shopping","plugin_tags-livestream","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-htrxuan","plugin_committers-htrxuan"],"banners":{"banner":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/banner-772x250.png?rev=3620714","banner_2x":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/banner-1544x500.png?rev=3620714","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/icon-128x128.png?rev=3620714","icon_2x":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/icon-256x256.png?rev=3620714","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/screenshot-1.png?rev=3623037","caption":"Settings screen \u2014 enter your Agora App ID\/Certificate and REST API credentials, with a live diagnostic checklist."},{"src":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/screenshot-2.png?rev=3623037","caption":"The live stream player as embedded on a page: video area, chat, like button, and shopping-bag product panel."},{"src":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/screenshot-3.png?rev=3623037","caption":"The aggregate dashboard: lifetime viewers, peak viewers, airtime, Agora usage minutes, and recent streams."},{"src":"https:\/\/ps.w.org\/hdwebmobile-live-shopping-with-agora\/assets\/screenshot-4.png?rev=3623037","caption":"The stream edit screen: host details, featured products, analytics, and the ready-to-copy embed shortcode."}],"raw_content":"<!--section=description-->\n<p>HDWebmobile Live Shopping with Agora allows you to host interactive live shopping events directly on your WordPress site.\nBroadcasters can feature products from WooCommerce during the stream, and viewers can chat and purchase items in real-time.<\/p>\n\n<p><strong>Key Features:<\/strong>\n*   Live Video Streaming via Agora.io RTC.\n*   Real-time Chat via Agora.io RTM.\n*   Host\/Broadcaster UI with camera\/mic controls.\n*   Product integration with WooCommerce.\n*   \"Floating Hearts\" user engagement.\n*   Analytics dashboard (viewers, duration, peak count).<\/p>\n\n<h3>External Services<\/h3>\n\n<p>This plugin relies on the third-party service <strong>Agora.io<\/strong> to provide real-time video, audio, and messaging functionality, as well as usage analytics for the admin dashboard.<\/p>\n\n<p><strong>What the service is and what it is used for:<\/strong>\nAgora.io provides the Real-Time Engagement platform required for live streaming (RTC) and real-time chat (RTM). This plugin uses these services to enable broadcasters to stream video\/audio and interact with viewers. Additionally, it uses the Agora REST API (specifically <code>https:\/\/api.agora.io\/dev\/v3\/usage<\/code>) to fetch and display streaming usage data in the WordPress admin dashboard.<\/p>\n\n<p><strong>What data is sent and when:<\/strong>\n*   <strong>Live Stream (RTC):<\/strong> Real-time video and audio data are transmitted through Agora's servers whenever a stream is active.\n*   <strong>Chat Messaging (RTM):<\/strong> Text messages and \"like\" interactions are sent through Agora's messaging servers when users communicate in the chat.\n*   <strong>Usage Analytics (REST API):<\/strong> The plugin sends the Agora project ID and date ranges to <code>api.agora.io<\/code> to retrieve monthly usage minutes. This occurs when an administrator views the plugin's dashboard.\n*   <strong>User Identification:<\/strong> A randomly generated or non-personally identifiable User ID (UID) is sent to manage connection sessions. No personal WordPress user data (like emails or passwords) is sent to Agora.<\/p>\n\n<p><strong>Terms and Privacy:<\/strong>\nThis service is provided by <strong>Agora.io<\/strong>:\n*   <a href=\"https:\/\/www.agora.io\/en\/terms-of-service\/\">Agora.io Terms of Service<\/a>\n*   <a href=\"https:\/\/www.agora.io\/en\/privacy-policy\/\">Agora.io Privacy Policy<\/a><\/p>\n\n<h3>How to Use<\/h3>\n\n<h4>1. Get your Agora.io credentials<\/h4>\n\n<p>Sign up at <a href=\"https:\/\/www.agora.io\/\">agora.io<\/a> and create a project in the Agora Console. You'll need:<\/p>\n\n<ul>\n<li><strong>App ID<\/strong> \u2014 always required.<\/li>\n<li><strong>App Certificate<\/strong> \u2014 optional, but strongly recommended; it enables token-based security for your stream.<\/li>\n<li><strong>Customer ID<\/strong> and <strong>Customer Secret<\/strong> (found under RESTful API in the console) \u2014 optional, only needed if you want usage-minutes tracking on the dashboard.<\/li>\n<li><strong>Project ID<\/strong> (found under Project Management \u2014 different from the App ID) \u2014 also only for usage tracking.<\/li>\n<\/ul>\n\n<h4>2. Enter your credentials<\/h4>\n\n<p>Go to <strong>Live Shopping &gt; Settings<\/strong> (Screenshot 1) and paste in your App ID and Certificate. If you also want the \"Agora Service Usage\" figure on the dashboard, fill in the Customer ID\/Secret and Project ID too. The Diagnostic Checklist on this page tells you at a glance what's configured and what's still missing \u2014 including a reminder that <strong>Signaling (RTM)<\/strong> must be enabled for your project in the Agora Console, or chat won't work even with a correct App ID.<\/p>\n\n<h4>3. Create a livestream<\/h4>\n\n<p>Go to <strong>Live Shopping &gt; Add New Stream<\/strong>. Give it a title, and configure:<\/p>\n\n<ul>\n<li><strong>Host Name \/ Host Avatar<\/strong> \u2014 who's shown as the broadcaster.<\/li>\n<li><strong>Featured Products<\/strong> \u2014 tick any WooCommerce products you want pinned to the shopping bag during this stream.<\/li>\n<\/ul>\n\n<p>Publish the post. In the <strong>Embed Shortcode<\/strong> box in the sidebar, copy the <code>[hdlsa_stream id=\"...\"]<\/code> shortcode (Screenshot 4).<\/p>\n\n<h4>4. Embed it on a page<\/h4>\n\n<p>Paste the shortcode into any page or post. Your theme's header\/footer wraps around it normally \u2014 the stream itself renders as a self-contained player with chat, a \"floating hearts\" like button, and a shopping-bag button that opens the Featured Products you selected (Screenshot 2).<\/p>\n\n<h4>5. Go live<\/h4>\n\n<p>Open the page as the host (the same WordPress user who owns the livestream post, or an administrator) to get broadcaster controls (camera\/mic, start\/stop). Anyone else who opens the same page joins as a viewer automatically \u2014 no separate viewer link needed.<\/p>\n\n<h4>6. After the stream<\/h4>\n\n<p>Duration, unique viewers, and peak concurrent viewers are recorded automatically and shown both on the stream's own edit screen and on the aggregate <strong>Live Shopping &gt; Dashboard<\/strong> (Screenshot 3), which also totals your last-30-days Agora usage minutes if you entered REST API credentials. Chat history and the analytics report are both exportable as CSV from the stream's edit screen.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/hdwebmobile-live-shopping-with-agora<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Go to \"Live Shopping\" -&gt; \"Settings\" to configure your Agora App ID and Certificate.<\/li>\n<li>Create a new Livestream post and start selling!<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Confirmed compatibility with WordPress 7.1.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Confirmed compatibility with WordPress 7.0.<\/li>\n<\/ul>","raw_excerpt":"Enable live shopping streams on your WordPress site using Agora.io.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/274348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=274348"}],"author":[{"embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/htrxuan"}],"wp:attachment":[{"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=274348"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=274348"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=274348"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=274348"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=274348"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/id.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=274348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}