About this plugin
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
- RSS grids and news walls that stay up to date on every site
🧩 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.
🔹 Content syndication, the easy way
Share your WordPress posts, news or product data on your other websites, partner sites or landing pages: build the grid once, paste the snippet, and every site shows the same live content. An RSS feed becomes an RSS grid of cards in a few clicks.
🔹 No CORS headaches
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.
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)
g. 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).
org/policies/nominatim/
org/wiki/Privacy_Policy
3. OpenStreetMap map tiles and fallback map (map cards only)
org ) via the bundled Leaflet library. html. In every case only the coordinates/address already in your data are sent — no other visitor data.
org/policies/tiles/
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
com ). com/embed/<video id> player directly from YouTube for each video in that feed.
com/privacy
com/privacy
com/legal/privacy
com/pages/privacy
6. Gravatar (commenter avatars, WordPress source only)
com ) using WordPress core’s own get_avatar(), the same as anywhere else on a WordPress site — including on an external, non‑WordPress page the card is embedded on. This is governed by your site’s own Discussion Settings, not a setting of this plugin.
com/privacy/
com/tos/
Source Code
js (the Gutenberg block’s editor script).
txt for the exact mapping and the build tools used to produce each file — Parcel for the Gutenberg block, Webpack + Babel for the web component). Nothing needs to be downloaded separately: install this plugin and the source is already there, ready to be read, studied, or forked.
This plugin also bundles two third-party libraries, each minified, under their own open-source license:
- 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