內容簡介
Swiffle Grid 讓您在 WordPress 中建立動態數據網格，並可使用 Gutenberg 或 Elementor 嵌入到任何地方，包括不運行 WordPress 的網站。此外掛支援多種數據來源，讓您輕鬆設計和發布內容。
【主要功能】
• Tinder 風格的滑動與翻轉卡片
• 使用 Gutenberg 或 Elementor 可視化設計網格
• 內建 14 種語言翻譯
• 從 WordPress 文章、CSV、XLSX 和 RSS 獲取數據
• 依檔名更新，無需重新連結
• 輕量 HTML 嵌入，適用於各種平台
外掛標籤
開發者團隊
② 後台搜尋「Swiffle Grid – Flip & Swipe Cards from Posts, CSV, Excel & RSS」→ 直接安裝（推薦）
原文外掛簡介
Swiffle Grid lets you build dynamic data grids inside WordPress — using Gutenberg or Elementor — then embed them anywhere, including sites that don’t run WordPress at all.
Available in 14 languages out of the box.
Design cards and grids from your WordPress posts, a CSV or XLSX file, or an RSS feed (including a YouTube channel’s video feed) — then publish with a lightweight HTML snippet that works on Shopify, Webflow, Wix, Squarespace, Ghost, static sites, mobile apps, or anywhere else HTML runs.
What you can build
Content hubs and data‑driven landing pages
Catalog‑style grids from a CSV or XLSX export
Swipeable, flippable card galleries — including video galleries from a YouTube channel
Headless or hybrid WordPress front‑ends
Custom data explorers
🧩 Key Features
🔹 Swipe & flip cards
A Tinder‑style swipe layout, with tap‑to‑flip card reveal — a built‑in interaction mode, usable with any data source.
🔹 Build grids visually
Use Gutenberg or Elementor to design cards, grids, and layouts. No coding required.
🔹 Built‑in translations
The plugin interface and grid labels are available in 14 languages out of the box — no translation plugin required.
🔹 Connect your data
Fetch and display data from:
– WordPress posts
– CSV files
– Excel (XLSX) files
– RSS feeds (including a YouTube channel’s video feed)
🔹 Update by filename, not by link
CSV and XLSX sources — and any images referenced inside them — are matched by file name in your Media Library, not by a fixed attachment link. Upload a new version with the same file name, and every grid using it updates automatically, including on external, non‑WordPress embeds. No re‑linking, no broken sources.
🔹 Embed anywhere
Publish your grid with a lightweight HTML snippet. Works on Shopify, Webflow, Wix, Squarespace, Ghost, static HTML, mobile apps, and any site that supports HTML.
🔹 No CORS headaches
The embed is built to avoid CORS issues out of the box, so a grid behaves the same on any non‑WordPress site it’s embedded in — as long as that site doesn’t itself block iframes (e.g. via a strict Content-Security-Policy).
Swiffle Grid PRO
A separate, paid companion plugin adds:
– Live Google Sheets sync — connect a grid to a Google Sheet; edit a cell, the grid updates everywhere, including on non‑WordPress sites.
– A full remote WooCommerce store, anywhere — browse, add to cart, save to a wishlist, and sign in from an external, non‑WordPress site. Checkout completes back on your WordPress store.
– Custom connectors — fetch data from any external API using a developer‑defined PHP connector.
– WooCommerce enhancements: color swatches, custom product options.
Learn more: https://swiffle-grid.com/
Links
Docs: https://swiffle-grid.com/getting-started-with-swiffle-grid-free/
Teaser: https://swiffle-grid.com/teaser/
External services
This plugin connects to a small number of external services to provide some of its features. Each one is described below, including what is sent and when.
1. Remote RSS feeds you configure
Swiffle Grid’s core purpose is to display data from a source you choose — including, optionally, an RSS feed URL you enter yourself. When a block is set to fetch from an RSS URL, this plugin makes a server‑side HTTP request to that exact URL to retrieve its content. No data about your site or its visitors is sent beyond what is normally included in an HTTP request (like the User‑Agent). This only happens for the RSS URLs you explicitly configure — nothing is fetched by default. CSV and XLSX sources, by contrast, are always local files selected from your Media Library, never a remote URL.
This service is provided by whoever operates the feed URL you enter; consult that provider’s own terms and privacy policy.
2. OpenStreetMap Nominatim (address geocoding, CSV/XLSX only)
If a CSV or XLSX column meant to hold map coordinates contains free‑text instead (e.g. an address), this plugin’s server sends that text to the Nominatim geocoding API (https://nominatim.openstreetmap.org) to resolve it into coordinates, and caches the result — using only the text already present in your own imported file. If that server‑side lookup did not already resolve an address, the visitor’s own browser repeats the same Nominatim lookup when the map card is displayed, sending that address text (not otherwise identifying the visitor beyond what any HTTP request includes).
Nominatim Usage Policy: https://operations.osmfoundation.org/policies/nominatim/
OpenStreetMap Privacy Policy: https://osmfoundation.org/wiki/Privacy_Policy
3. OpenStreetMap map tiles and fallback map (map cards only)
Once a map card has resolved coordinates, the visitor’s browser loads the map imagery directly from OpenStreetMap’s tile servers (*.tile.openstreetmap.org) via the bundled Leaflet library. If tile loading fails, the card falls back to an embedded map from umap.openstreetmap.fr (OpenStreetMap France’s uMap service) or, in some card layouts, from www.openstreetmap.org/export/embed.html. In every case only the coordinates/address already in your data are sent — no other visitor data.
OpenStreetMap Tile Usage Policy: https://operations.osmfoundation.org/policies/tiles/
OpenStreetMap Privacy Policy: https://osmfoundation.org/wiki/Privacy_Policy
4. Leaflet and Pico CSS (bundled, not remote)
Map cards and custom filter forms use the Leaflet mapping library and Pico CSS, both of which are bundled directly with this plugin (not loaded from a CDN) — no external request is made to load the library files themselves (see services 2 and 3 above for the map data they then display).
5. YouTube, Vimeo, Dailymotion and SoundCloud
If a WordPress post displayed in a grid already contains a video/audio embed you added yourself (via WordPress’s native embed feature or Elementor), this plugin adjusts that existing embed so it keeps working when the card is shown on another site — the video/audio then continues to load directly from its original provider, exactly as it would on your own site (for an Elementor YouTube widget with its “Privacy Mode” option enabled, the player loads from youtube-nocookie.com, YouTube’s privacy-enhanced domain, instead of youtube.com). Separately, if a card’s data source is a YouTube channel’s own RSS feed (see service 1 above), the visitor’s browser loads a youtube.com/embed/
Leaflet 1.9.4 (BSD-2-Clause) — js/vendor/leaflet/leaflet.js, css/vendor/leaflet.css. Unminified source: https://github.com/Leaflet/Leaflet
Pico CSS 2.1.1 (MIT) — css/vendor/pico.min.css. Unminified source: https://github.com/picocss/pico
