Swiffle Grid – Flip & Swipe Cards from Posts, CSV, Excel & RSS
| 开发者 | charmettesbros |
|---|---|
| 更新时间 | 2026年11月3日 17:14 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPL-3.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
- 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
- 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/
安装:
- Install the plugin from the WordPress plugin directory or upload it manually.
- Activate the plugin.
- Add the Swiffle Grid block in the Gutenberg editor, or the Swiffle Grid widget in Elementor.
- Choose your data source.
- Design your cards and layout.
- Publish your grid and copy the embed snippet.
- Paste the snippet into any external website or app.
屏幕截图:
常见问题:
Can I use Swiffle Grid outside WordPress?
Yes. Every grid can be embedded anywhere using a simple HTML snippet.
What data sources are supported?
WordPress posts, CSV files, XLSX files, and RSS feeds (including a YouTube channel's video feed) are supported out of the box. Live Google Sheets sync, WooCommerce, and custom API connectors are available through Swiffle Grid PRO, a separate companion plugin.
Will the embed run into CORS or network‑blocking issues on another platform?
The embed snippet is built to avoid CORS issues out of the box, so your grid behaves consistently across the platforms we've tested it on — the one exception is a site that blocks iframes itself (for example via a strict Content-Security-Policy), which no embed technology can work around.
Does the embed work on Shopify, Webflow, Wix, or static sites?
Yes. As long as the platform supports HTML and JavaScript, the embed works.
Does Swiffle Grid work with Elementor, or only Gutenberg?
Both. Grids can be designed and embedded using either Gutenberg or Elementor — neither is required over the other. If you use Elementor, version 3.5 or higher is required for the Swiffle widget to appear.
Does it support WooCommerce?
Not in this free plugin. Displaying WooCommerce products, and remote cart/wishlist/sign‑in features, are provided by Swiffle Grid PRO, a separate companion plugin.
Can I display YouTube videos in a grid?
Yes. Connect your YouTube channel's RSS feed as a source, then set the card action to flip — the back of each card plays the video. There's no dedicated YouTube connector; it works through the existing RSS source, combined with the swipe and flip layout options.
If I upload a new version of my CSV or XLSX file, do my grids update automatically?
Yes, as long as the new file has the same file name. Swiffle Grid matches CSV/XLSX sources by file name in your Media Library and always uses the most recent match — no need to re‑select the source or update any embed.
Is the embed secure?
Remote embeds only work for the URLs you explicitly authorize on the Swiffle Grid settings page, with per-source permissions you control.
Can very long browsing sessions cause the page to reload on iPhone?
On Safari for iOS specifically, extremely long, continuous scrolling sessions through very large grids can occasionally cause iOS to reload the page, due to Apple's own memory management on that browser. This is a known iOS Safari behavior, not specific to Swiffle Grid, and no data is lost when it happens — the grid simply reloads. This is rare in normal browsing and has not been observed on Chrome or Firefox for iOS, or on Android.
Can I connect external APIs?
Not in this free plugin. Developers can build custom PHP connectors to fetch data from any API through Swiffle Grid PRO.
Does it work with caching plugins?
Yes. The embed is designed to work well with caching and CDN layers.
Does it work with headless WordPress?
Yes. Swiffle Grid is ideal for headless or hybrid architectures.
更新日志:
- Fix: inside the block editor and Elementor, the map in a card now shows (OpenStreetMap embed with a marker) instead of an "Access blocked" image. Published pages keep the usual interactive map.
- Fix: a page listed in "URLs allowed to embed" without a trailing slash was refused when its address ends with one (and the other way round).
- Fix: in Elementor, the "No response from the source site" message is now visible.
- Improvement: in the "Service denied" window, the copy button now says what it copies: "Copy the address to allow".
- Fix: the "No response from the source site" message no longer appears at random while the source site is answering (for example in the Elementor editor). It is still shown when the source site does not answer at all, including right after switching to a wrong address.
- Fix: a "No response from the source site" message could appear even though the grid had loaded correctly, mostly in the Elementor editor.
- Fix: in the Elementor editor (Elementor 4), dragging a card in swipe mode now swipes to the next card instead of moving the whole widget, which could also show a "No response from the source site" message.
- New: "Create my demo page" button. One click creates a draft page with a ready-made grid and opens it in the block editor, or in Elementor when it is active. The grid shows your own posts, or a sample spreadsheet (with photos, videos and maps) on a site that does not have enough posts with a featured image yet. The button is shown after activation and in the settings page.
- New: optional dialog when you deactivate the plugin, asking why. Answering is never required and nothing is sent unless you click "Submit & deactivate" (see "External services").
- Fix: the comma-separated CSV reader no longer shows an empty card when the file ends with a blank line, as most spreadsheet exports do.
- Fix: in the Elementor widget, grids using an RSS feed, CSV or XLSX file now get the same zoomable image gallery as the block.
- Fix: pages with several grids no longer make mobile browsers (Safari, Firefox) crash when a grid is switched to swipe and back to row or column. Cards that are off screen are no longer drawn, which keeps memory use low.
- Fix: apostrophes and quotation marks in card titles (for example in RSS feed headlines) are displayed again instead of being removed.
- Fix: images and captions inside a feed's summary (for example an RSS description) now stay within the card or the modal, instead of overflowing onto the text.
- Fix: images of a WordPress post shown on the back of a card or in the modal keep their proportions instead of being squashed.
- Tweak: in the modal, videos are no taller than 70% of the screen and are centered.
- Tweak: on the back of a card, images and videos are spaced as in the modal.
- Fix: YouTube videos from an RSS feed keep their 16:9 format on the back of a card and in the modal, instead of a height tied to the screen.
- Fix: a grid pasted into a page that runs it inside an inline frame of the same site (such as some online code editor previews) could stay empty; it now displays.
- Improvement: when a page is not yet allowed to show a grid, the message now gives the exact address to add to "URLs allowed to embed".
- Fix: a grid pasted into a page that loads it inside an iframe from another domain (such as an online code editor or a website builder's HTML embed) now displays, and its links open in the full page.
- Fix: the review reminder now also recognizes sites that embed grids on external websites (authorized remote sites), not only sites with a published grid.
- New: an optional, dismissible reminder in the admin inviting site owners to rate the plugin, shown only after 14 days of use and only if a grid is published.
- Minor internal improvements.
- WordPress compliance pass.
- Initial version.