如何將產品影片添加到您的 WooCommerce 圖庫中

12/03/2023

為什麼要將 WooCommerce 產品影片添加到您的店鋪中?

通過將產品影片添加到您的 WooCommerce 商店,您可以更詳細和信息豐富地展示您的產品,這可以讓您的客戶更好地理解產品的功能和優點。由於觀看產品影片的訪客購買的可能性增加了 73%,這可以提高轉化率。

另外,通過影片展示您的產品使用情況,可以幫助建立潛在客戶的信任和可信度,使他們對購買更有信心。例如,如果您經營一家銷售耳機的在線商店,添加展示耳機音質和功能的產品影片可以幫助您獲得更多轉化。

此外,將產品影片添加到您的 WooCommerce 圖庫中還可以提高網站的 SEO 排名,因為搜索引擎更加優先考慮包含多媒體內容(包括影片)的網站。搜索結果中的更高可見性可以吸引更多人訪問您的店鋪並購買產品。這樣說來,讓我們看看如何輕鬆地將產品影片添加到您的 WooCommerce 圖庫中。您可以使用下面的鏈接跳到您想使用的方法:

方法 1:使用 YITH WooCommerce Featured Audio & Video Content (免費和付費)

在這種方法中,我們將向您展示如何使用高級插件將產品影片添加到 WooCommerce 圖庫中。如果您希望更好地控制影片顯示和播放設置,我們推薦這種方法。

首先,您需要安裝並激活 YITH WooCommerce Featured Audio & Video Content 插件。詳細說明請參閱我們的初學者指南:如何安裝 WordPress 插件。使用此插件,您可以從 YouTube 和 Vimeo 添加影片,或從媒體庫添加自己的影片到 WooCommerce 圖庫。

注意:還有一個免費的 YITH WooCommerce Featured Video 插件,但它不允許您配置大多數影片、模態和圖庫設置。

配置插件的通用設置

激活後,從 WordPress 管理員側邊欄導航到 YITH » Featured Audio & Video Content 頁面。這將打開影片設置頁面。從這裡,您可以先從下拉菜單中選擇產品影片的寬高比。如果您使用的是免費版本,這將是唯一可用的設置。

接下來,如果您希望影片在頁面加載時自動播放,可以將「自動播放」開關切換為啟用。您還可以切換「循環播放」開關,使影片播放結束後重新開始。一旦完成這些設置,您需要移動「音量」選項旁邊的滑塊來調整影片音量。然後,只需切換「可停止影片」開關,允許用戶暫停影片。

接下來,滾動到「YouTube 設置」部分,如果您希望推薦來自同一頻道的其他 YouTube 影片,可以將「顯示相關」開關打開。這些設置僅在您嵌入 YouTube 產品影片時才需要進行。

之後,您可以為 YouTube 播放器選擇一個主題和樣式。一旦完成,滾動到「Vimeo 設置」部分,打開「顯示影片標題」開關,以在 Vimeo 播放器中顯示影片標題。如果您的產品影片託管在 Vimeo 上,您需要更改這個設置。此外,您可以選擇 Vimeo 播放器的播放控制顏色。

接下來,移動到「VideoJS 播放器樣式」部分,選擇「自定義」作為「樣式」選項。這將打開自定義設置,您可以在此配置影片播放器的背景顏色、滑塊顏色、按鈕顏色等等。完成後,點擊「保存選項」按鈕來存儲您的設置。

配置模態設置(僅限高級插件)

現在,您需要從頁面頂部切換到「模態設置」標籤。請注意,如果您使用的是免費插件,這個標籤將無法使用。一旦進入此設置頁面,將「影片在模態」開關切換為啟用,這將在其他內容前顯示模態窗口中的特色影片。完成後,您可以從下拉菜單中選擇「模態顯示效果」。

接下來,點擊「保存選項」按鈕來存儲您的設置。

配置圖庫設置(僅限高級插件)

接下來,從頁面頂部切換到「圖庫設置」標籤。這個標籤僅在高級版本中可用。在這裡,您必須選擇「WooCommerce 圖庫」作為「影片和音頻圖庫模式」,以在 WooCommerce 圖庫中顯示產品影片。

或者,選擇「插件圖庫」選項,則會在相關圖庫中顯示特色影片。另一方面,如果您希望在側邊欄中顯示產品影片而不是 WooCommerce 圖庫或相關圖庫,可以將「側欄內的影片和音頻」開關打開。完成這些設置後,不要忘記點擊「保存選項」按鈕來保存您的設置。

將產品影片添加到 WooCommerce 圖庫中

現在是時候將 WooCommerce 產品影片添加到 WooCommerce 圖庫中。首先,從 WordPress 管理員側邊欄導航到產品 » 所有產品頁面。到達此頁面後,點擊產品名稱下的「編輯」鏈接以打開「編輯產品」頁面。

接下來,滾動到「產品數據」部分,並從左側列中點擊「影片」標籤。現在,您需要從下拉菜單中選擇如何添加影片。本文將選擇「通過網址」選項,因為我們將添加一個 YouTube 影片網址。

也可以使用 WordPress 媒體庫上傳影片,但我們不推薦這種方法,因為上傳影片會消耗大量帶寬。詳細信息可參閱我們的初學者指南:為什麼您絕不要將影片上傳到 WordPress。

接著,在「影片名稱」框中輸入影片名稱。完成後,將 YouTube 影片網址粘貼到「影片網址」框中並點擊「添加影片」按鈕。

最後,點擊頂部的「更新」或「發佈」按鈕保存更改。現在,您可以訪問您的在線商店查看影片是否已添加到產品的 WooCommerce 圖庫中。這是我們在演示網站上看到的產品影片顯示效果。

方法 2:使用 Really Simple Featured Video (免費)

如果您在尋找一個免費且簡單的方法來添加 WooCommerce 產品影片,那麼這種方法適合您。首先,您需要安裝並激活 Really Simple Featured Video 插件。詳細信息請參閱我們的教程:如何安裝 WordPress 插件。

配置插件的設置

激活後,從 WordPress 儀表盤導航到設置 » Really Simple Featured Video 頁面。從這裡,將「產品」開關打開,以啟用 WooCommerce 的視頻支持。然後,點擊「保存更改」按鈕來存儲您的設置。

接下來,從頂部切換到「控制」標籤。在這裡,您可以配置自託管和嵌入影片的設置。現在,只需移動到「自託管影片」部分,開始時打開「控制」開關,以在播放器中添加控制選項。之後,您還可以打開「循環播放」開關,使影片循環播放。此外,您還可以打開「靜音」開關,使影片默認靜音播放。一旦完成這些設置,只需打開「自動播放」開關,如果您希望影片自動播放。

接下來,滾動到「嵌入影片」部分,您會發現這些選項也適用於嵌入影片。根據您的喜好配置這些設置,並點擊「保存更改」按鈕來存儲您的設置。

將產品影片添加到 WooCommerce 圖庫中

要將產品影片添加到 WooCommerce 圖庫中,從管理員側邊欄導航到產品 » 所有產品頁面。到達此頁面後,點擊產品名稱下的「編輯」鏈接以打開產品編輯頁面。

進入編輯頁面後,滾動到右側欄中的「特色影片」部分並選擇影片來源。如果您希望從計算機或媒體庫上傳影片,請選擇「自託管」選項。但是,若要嵌入 YouTube 或其他平台的影片,請選擇「嵌入」選項。注意:我們不推薦上傳影片到網站,因為這會消耗大量帶寬。詳細信息可參閱我們的指南:為什麼絕不要在 WordPress 中上傳影片。本文我們將選擇「嵌入」選項,因為我們希望添加一個 YouTube 影片。

選擇此選項後,將顯示「影片網址在此」字段。簡單地在字段中添加 YouTube、Vimeo 或 Dailymotion 的影片鏈接。最後,點擊頂部的「更新」或「發佈」按鈕保存您的更改。現在,您可以訪問您的網站查看 WooCommerce 產品影片。

額外:在店鋪中添加 WooCommerce 產品圖庫

除了影片,在您的網站上添加產品圖像圖庫也不錯。多張圖像可以幫助展示產品的不同特性,增加 WooCommerce 商店的客戶互動。此外,這些圖庫也是展示不同產品變體,如顏色、尺寸或樣式的絕佳方式,幫助潛在買家做出明智的決策。再者,圖像圖庫還可以優化搜索引擎,幫助您的網站排名更高。

您可以使用 Envira Gallery 輕鬆在 WooCommerce 商店中添加產品圖像圖庫。這是市場上最好的 WordPress 圖庫插件,可讓您在 WordPress 中創建完全響應且美觀的圖庫。它超級快速,並具有許多功能,如燈箱彈出、高效圖像導航、拖放構建器、水印和專業圖庫模板。詳細信息可參閱我們的完整 Envira Gallery 審查。

這個插件使創建產品圖庫變得非常容易,甚至可以添加標籤和分類術語,幫助您的產品頁面排名更高。詳細操作請參閱我們的教程:如何創建 WooCommerce 產品圖像圖庫。

我們希望這篇文章幫助您學習如何將產品影片添加到您的 WooCommerce 圖庫中。您可能還想查看我們的教程:如何在 WooCommerce 中安排優惠券,以及我們推薦的增長網站的最佳 WooCommerce 插件。 如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道獲取 WordPress 教程影片。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>