Kasuga

<p>SheetMirror embeds a live Google Sheets spreadsheet into any WordPress post or page using a simple shortcode. Unlike basic CSV importers, SheetMirror can connect to the <strong>Google Sheets API v4</strong> to retrieve not just your data, but the full visual formatting of every cell – giving your readers a table that looks exactly like the one you designed in Google Sheets.</p>
<h4>Why SheetMirror ?</h4>
<p>Spreadsheet data on the web is often reduced to a bland, unstyled grid. The formatting you spent time on – the bold headers, the colour-coded rows, the carefully aligned columns – disappears entirely. SheetMirror solves this by faithfully translating your Google Sheets formatting into standard HTML and inline CSS, so the table your readers see on your site is a true reflection of the original.</p>
<h4>Two Fetch Modes</h4>
<p><strong>API Mode (recommended)</strong><br />
Uses the Google Sheets API v4 to retrieve both cell values and full formatting metadata. A Google Cloud API key is required. This is the mode that enables all the rich formatting features described below.</p>
<p><strong>CSV Mode (no API key needed)</strong><br />
Fetches data via Google’s public CSV export URL. No API key or account is required – just share your sheet as “Anyone with the link can view.” Cell values are displayed in a clean, readable table, without formatting. Ideal for simple data tables where styling is not a priority.</p>
<h4>Formatting Reproduced via the API</h4>
<p>When API Mode is enabled, SheetMirror retrieves and applies the following formatting properties from your spreadsheet:</p>
<ul>
<li><strong>Horizontal alignment</strong> – Left, Centre, Right, and Justify, applied per cell.</li>
<li><strong>Vertical alignment</strong> – Top, Middle, and Bottom.</li>
<li><strong>Text decoration</strong> – Bold (<code><strong></code>), italic (<code><em></code>), underline (<code><u></code>), and strikethrough (<code><s></code>) are each rendered using the appropriate semantic HTML element.</li>
<li><strong>Font family</strong> – The typeface specified in the spreadsheet is passed through as a CSS <code>font-family</code> value.</li>
<li><strong>Font size</strong> – Rendered as <code>pt</code> values, matching the size as set in Google Sheets.</li>
<li><strong>Font colour</strong> – Foreground text colour is reproduced as a CSS <code>color</code> value.</li>
<li><strong>Cell background colour</strong> – Background fill colours are rendered as CSS <code>background-color</code> values. White and black (the default colours) are suppressed to avoid overriding your theme’s own styling.</li>
<li><strong>Merged cells</strong> – Merge regions are faithfully reproduced using HTML <code>rowspan</code> and <code>colspan</code> attributes.</li>
<li><strong>Cell borders</strong> – Per-cell border styles (solid, dashed, dotted, double) and weights (1 px, 2 px, 3 px) are applied as individual CSS <code>border-{side}</code> declarations.</li>
<li><strong>Text wrap strategy</strong> – Wrap and Clip modes are translated to the appropriate CSS <code>white-space</code> and <code>overflow</code> rules. The Overflow mode (content spilling into adjacent cells) is a layout behaviour specific to Google Sheets and cannot be reproduced in an HTML table.</li>
<li><strong>Text direction</strong> – Right-to-left text is reproduced with CSS <code>direction: rtl</code>.</li>
<li><strong>Hyperlinks</strong> – Both cell-level hyperlinks and links set via the Google Sheets link format are rendered as <code><a></code> tags with <code>target="_blank" rel="noopener noreferrer"</code>.</li>
<li><strong>Column widths</strong> – Each column’s pixel width is retrieved from the spreadsheet and applied via <code><colgroup></code> elements, reproducing the exact column proportions of the original. Active when the “Auto column width” option is off (the default).</li>
<li><strong>Row heights</strong> – Each row’s pixel height is retrieved and applied as an inline <code>height</code> style on the <code><tr></code> element, preserving the vertical spacing of the original spreadsheet. Active when the “Auto column width” option is off (the default).</li>
</ul>
<h4>Table Display Options</h4>
<p>Each registered table can be configured independently with the following options:</p>
<ul>
<li><strong>Use Google Sheets API</strong> – Toggle between API Mode (full formatting) and CSV Mode (values only).</li>
<li><strong>Treat first row as header</strong> – Renders the first row inside a <code><thead></code> element using <code><th></code> cells with <code>scope="col"</code>, improving accessibility and allowing header-specific styling.</li>
<li><strong>Auto column width</strong> – When off (default), column widths are taken directly from the spreadsheet’s pixel dimensions via the API, reproducing the layout as designed in Google Sheets. When on, each column shrinks to fit its content (<code>table-layout: auto</code>). The “Auto” badge is shown in the table list only when this option is enabled.</li>
<li><strong>Borderless</strong> – Hides all cell borders for a cleaner, minimal presentation. When off, a standard 1 px grid is shown as a fallback, with per-cell API borders taking priority where available.</li>
</ul>
<h4>Caching</h4>
<p>All API and CSV responses are cached using WordPress transients for 5 minutes, keeping your page loads fast and your API quota usage low. A “Clear Cache” button is available for every registered table so you can force a refresh immediately after updating your spreadsheet.</p>
<h4>Shortcode Usage</h4>
<p>After registering a table in <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> SheetMirror</strong>, embed it anywhere using its tag name as a shortcode:</p>
<pre><code>[your_tag_name]
</code></pre>
<p>For example, if you registered a table with the tag <code>sales_2026</code>, place <code>[sales_2026]</code> in any post, page, or widget area.</p>
<p><strong>Scaling the table</strong></p>
<p>An optional <code>scale</code> attribute lets you render the table at a percentage of its original size. Accepted values are integers between 10 and 200.</p>
<pre><code>[sales_2026 scale="50"]
</code></pre>
<h4>Requirements</h4>
<ul>
<li>A Google Sheets spreadsheet shared as “Anyone with the link can view.”</li>
<li>For API Mode: a Google Cloud API key with the Google Sheets API enabled.</li>
</ul>
<h3>External Services</h3>
<p>This plugin connects to external services operated by Google. Depending on the fetch mode you choose, one or both of the following connections will be made.</p>
<h4>Google Sheets API v4 (API Mode)</h4>
<p>When API Mode is enabled, this plugin sends requests to the Google Sheets API v4 to retrieve cell values and formatting metadata from your spreadsheet.</p>
<ul>
<li><strong>Service:</strong> Google Sheets API v4, provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID and cell range you registered, together with your Google Cloud API key. No personal data of your site’s visitors is transmitted.</li>
<li><strong>When:</strong> Every time a page containing the shortcode is loaded and no valid cached response exists (cache duration: 5 minutes). A request is also made when you use the connection-test button in the settings page.</li>
<li><strong>Terms of Service:</strong> https://developers.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h4>Google Sheets CSV Export (CSV Mode)</h4>
<p>When CSV Mode is enabled, this plugin fetches data from Google’s public CSV export URL for your spreadsheet.</p>
<ul>
<li><strong>Service:</strong> Google Sheets public CSV export (<code>/export?format=csv</code>), provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID and numeric sheet identifier (gid). No API key or visitor data is transmitted.</li>
<li><strong>When:</strong> Every time a page containing the shortcode is loaded and no valid cached response exists (cache duration: 5 minutes).</li>
<li><strong>Terms of Service:</strong> https://policies.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h4>Google Sheets Sheet List (CSV Mode – sheet name resolution)</h4>
<p>When CSV Mode is enabled and a sheet name is specified in the cell range, this plugin fetches the spreadsheet’s HTML view page in order to resolve the sheet name to its numeric identifier (gid). This request is made once per spreadsheet and the result is cached together with the table data.</p>
<ul>
<li><strong>Service:</strong> Google Sheets HTML view page (<code>/htmlview</code>), provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID only. No API key or visitor data is transmitted.</li>
<li><strong>When:</strong> On the first load of a page containing a CSV Mode shortcode that specifies a sheet name, when no valid cached response exists. Not used when a gid is available directly from the registered URL, or when API Mode is enabled.</li>
<li><strong>Terms of Service:</strong> https://policies.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h3>Donate</h3>
<p>If you find this plugin useful and would like to support its development,<br />
you can make a voluntary donation via PayPal.</p>
<p>Your support helps keep this plugin maintained and improved.<br />
Thank you!</p>
<p>PayPal: https://www.paypal.me/Kasuga16</p>


SheetMirror for Google Sheets

Mirror your Google Sheets spreadsheet directly into any post or page as a fully formatted HTML table - colours, borders, fonts, merged cells and more.

SheetMirror for Google Sheets vs Google Forms