前言介紹
- 這款 WordPress 外掛「Lottie Player- Great Lottie Player Solution」是 2021-12-01 上架。
- 目前有 5000 個安裝啟用數。
- 上一次更新是 2025-04-23，距離現在已有 9 天。
- 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.1 以上。
- 有 4 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
abuhayat | bplugins | freemius | charlescormier |
外掛標籤
block | lottie | motion | animations | Gutenberg block |
內容簡介
Lottie Player 是 WordPress 的 Gutenberg 區塊編輯器中一個非常有用的區塊外掛程式，其中包含了許多功能，可以幫助您將 LottieFiles 動畫嵌入到 WordPress 網站中。 LottieFiles 提供了現代網站所需的動畫和運動圖形元素。
您可以將任何 LottieFiles 動畫、JSON 檔案嵌入到 WordPress 文章、頁面、小工具等中。 此外，這個外掛程式還擁有許多有用的功能，您可以根據自己的需要來展示 Lottie 檔案。 此外，此外掛程式還具有大量的選項，可以幫助您實現所需的目標。
現場展示
購買 PRO 版本
功能
完全自定義：此外掛程式中包含您需要的所有將展示功能安排到心儀狀態的選項。
自定義樣式：在播放器中應用樣式，如寬度、對齊、背景顏色。 另外，還可以應用控制高度、背景顏色、圖示顏色、圖示懸停顏色、圖示活躍顏色、軌道顏色、拇指顏色。
輕量：只使用了一個JavaScript庫，使得此播放器非常輕量。
PRO 版本功能
上傳檔案：可以從媒體庫中上傳 Lottie JSON 檔案。
方向：在 Lottie 播放器中可以進行方向設定。
鏈接標籤：可以選擇在新標籤中開啟鏈接的選項。
互動性：Lottie 播放器的互動選項。
字幕：用於顯示 Lottie 播放器的標題。
字幕樣式：樣式化標題，如文本對齊、字體、顏色（文本和背景）、填充和邊距底部設定。
如何使用
首先安裝 Lottie Player 區塊外掛程式。
從 Gutenberg 編輯器中的「小工具」區塊類別中添加 Lottie Player 區塊。
您可以從右側的設定側邊條更改區塊設定。
享受吧！
如需安裝支援，請點擊「安裝」選項卡。
反饋
喜歡此外掛程式嗎？ 討厭它？ 希望有新功能？ 給我發送一些反饋信息
⭐ 查看此外掛程式的父級外掛程式：
🔥 bBlocks - 最佳的 WordPress Gutenberg 區塊集合。
⭐ 查看我們的其他 WordPress 外掛程式：
🔥 HTML5 音訊播放器 - 最佳的 WordPress 音訊播放器外掛程式。
🔥 HTML5 影片播放器 - 最佳的WordPress影片播放器外掛程式。
🔥 PDF 海報 - 為 WordPress 提供功能完整的 PDF 查看器外掛程式。
🔥 StreamCast - 具有完整功能的 WordPress 播放器外掛程式。
🔥 3D Viewer - 在網頁上顯示互動式 3D 模型。
原文外掛簡介
You can embed any LottieFiles animations, .json or .dotlottie files to your WordPress Posts, Pages, Widgets, and more. This plugin is packed with many useful features. You can show your Lottie files exactly the way you want.
This plugin has a huge number of options that you can use to achieve your desired goal.
This WordPress plugin empowers you to easily integrate Lottie animations into your website with customizable features to enhance user interaction and design.
You can easily configure controls, autoplay, looping, links, and player alignment to seamlessly integrate animations into your website pages.
With the pro version, unlock advanced functionalities including the ability to upload both .json and .lottie file formats directly to the Lottie Player. Enable hover interactions, choose playback modes, set animation direction and counts, and adjust playback speed and interval for precise control over animation behavior.
Increase user experience by opening links in new tabs, and adding interactivity options like scroll synchronization, cursor movement effects, and click-triggered animations.
Additionally, you can display captions below the player and customize their appearance with various styling options including text alignment, typography, colors, padding, and margins.
With its features, this plugin offers a comprehensive solution for integrating and customizing Lottie animations to elevate the visual appeal and interactivity of your WordPress website.
Plugin Demo | Documentation | Get Pro Version
Lottie Player Features
File: Enter both the .json and .lottie file url.
Controls: You can show controls to allow users to interact with the player.
Autoplay: You have the option to enable autoplay, allowing the animation to start automatically.
Loop: You can enable looping, making the animation repeat seamlessly.
Link: You can add a link to the player, allowing users to navigate to a specific URL.
Width and Align the player: You can set the width for the player to match your desired design. Also, can align the player to the left, center, or right within its container.
Customize the player controls: Adjust the Height, Background Color, Icons Color, Icons Hover Color, Icon Active Color, Tracker Color, and Thumb Color to fit your website’s style.
Lottie Player Pro Features
Upload File: Upload both the .json and .lottie file formats to use with Lottie Player.
Hover: The hover feature lets you enable interaction when the mouse hovers over the player.
Mode: You can choose from different playback modes to control how the animation behaves.
Direction: You can set the animation’s direction, such as forward or backward.
Count: This feature allows you to specify the number of times the animation should play.
Speed: You can adjust the playback speed of the animation.
Interval: This option enables you to set an interval between animation loops.
Open link in a new tab: Enable to open the link in the new tab.
Interactivity: Set different Interactions such as Sync with scroll, Scroll relative to the container, Scroll with offset, Sync animation with cursor position, Sync animation with cursor horizontal movement, Play animation on click, Play animation when visible.
Caption: Show caption below the player.
Caption Styles: Customize the caption’s appearance, including Text alignment, Typography, Colors(text and background), Padding, and Margin.
How to use Lottie Player
First, install the Lottie Player block plugin.
Add the Lottie Player block from the block category called “Widgets” in the Gutenberg editor.
You can change block settings from the right-side settings sidebar.
Enjoy!
For installation help click on Installation Tab
User Feedback
⭐⭐⭐⭐⭐ Perfecto
❛❛Genial para meter animaciones lottie❜❜
–juandemingo
⭐⭐⭐⭐⭐ Amazing Plugin!
❛❛This is a fantastic plugin to configure Lottie Animations. Simple and easy to use but still very customizable. The support team helped me a lot while i built my site. Thank you very much guys❜❜
–bueroblanko
⭐⭐⭐⭐⭐ Recommended
❛❛Currently, we have little choice when we need to embed a Lottie animation into a WordPress website built with the block editor. Luckily, this plugin is far above average and offers many options to finetune your animation.
(Tip: You can even use it to embed a Lottie animation with the Divi builder – simply create a sidebar, insert the animation there, and then bring it into your page using Divi’s sidebar module.)❜❜
–Martin Sauter
– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
Blocks
This plugin provides 1 block.
Lottie Player – Lottie player for display lottie files.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Lottie Player- Great Lottie Player Solution」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.7 | 1.0.8 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.2.0 | trunk |
延伸相關外掛（你可能也想知道）
Qi Blocks 》Qi Blocks 是由屢獲殊榮設計團隊之一的 Qode Interactive 開發的最大的 Gutenberg 區塊集合。基本版本的外掛帶有 48 個精心設計的自定義區塊，擁有前所未見的...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Map Block for Google Maps 》你正在使用 Gutenberg 編輯器，需要一個地圖嗎？這款地圖區塊插件就是為你而設！安裝、啟用、加入內容，這些就是全部步驟！沒有繁瑣的設置，功能清晰易用 - ...。
Justified Gallery 》這個簡單的外掛將Wordpress圖庫提升到更高的層級，加入了漂亮的合理化圖像網格和漂亮的燈箱。, 只需安裝和啟用外掛即可，就這麼簡單。, 像以前一樣創建圖庫，...。
Magic Content & CTA Box Builder – Advanced Gutenberg Blocks for Flexible Page Sections, Headers, Buttons, Shape Dividers, and Layout Options 》魔法內容方塊-頁面內容建構器Gutenberg區塊外掛程式, 我們為 WordPress 內容打造了美麗的頁面區塊，以幫助您快速建立一個一直渴望的網站。, 首頁 | 展示 | 說...。
Image Hover Effects Block 》使用這個 WordPress 插件「Image Hover Effects Block for Gutenberg」，您可以以簡單的方式添加 40 多種圖像懸停效果，包括標題和描述。, 功能, , 易於自定...。
Easy Accordion Block 》Easy Accordion Gutenberg Block 是使用 Gutenberg 原生元件開發的自訂 Gutenberg 區塊，可以輕鬆地創建手風琴或常見問題解答區。您不需要具備任何程式編輯知...。
Button Block – Get fully customizable & multi-functional buttons 》獲取多功能按鈕。Button Block 外掛提供許多方便實用和樣式選項，讓您能在幾個點擊內，建立具有響應性、互動性和時尚性的按鈕，讓您享受創建樂趣。, 示範, 特...。
B Slider- Gutenberg Slider Block for WP 》B Slider 是一個受 Gutenburg 區塊影像和文字幻燈片的 WordPress 外掛。使用此外掛，您可以非常輕鬆地快速建立您的幻燈片。B Slider 是最好的選擇，無論是對...。
Animated Text Block 》顯示文字或段落為動畫。, 範例展示, 特點, , 可全自訂：您可以從此處使用所有選項來安排櫥窗，以滿足您的喜好的需要。, , 如何使用, , 首先安裝 Animated Tex...。
Latest Post Shortcode 》「最新文章簡碼」外掛可以幫助您在頁面或側邊欄中顯示文章或頁面的列表或網格，無需編寫或了解 PHP。您可以在一個頁面中嵌入多個簡碼，每個簡碼都有不同的配...。
B Carousel Block – Create stunning responsive carousels effortlessly 》B Carousel 是一款輕量級、功能完備的 WordPress 輪播建構外掛，可用於製作專業的客戶標誌或任何圖像的幻燈片或輪播。, 範例展示, 功能特色, , 完全可定制：...。
Social Feed Block for Instagram 》Social Feed 提供簡單的嵌入功能，讓您能在 WordPress 網站上將 Instagram 帖子作為畫廊展示。您只需提供您的 Instagram 存取權杖，就可以開始使用了。, 演示...。
Parallax Section block – Parallax scrolling effects in section. 》視差效果是一種現代網頁設計技巧，其中背景元素滾動比前景內容慢。視差效果可用於登陸頁面、長文內容、銷售頁面或企業網站的主頁。這是一種突出長頁面不同部...。
Gutenberg Block for WooCommerce Product Table 》《Gutenberg 模塊 WooCommerce 產品表格》為 Barn2 的 WooCommerce 產品表格 外掛加入一個方便易用的編輯模塊，讓使用 Gutenberg 編輯器的用戶更輕鬆地建立產...。