Embed your Upbinger-hosted blog directly into any WordPress page with full CSS isolation, SEO meta injection, and anonymous visit analytics.

upbinger

<p><strong>Upbinger Blog</strong> lets you seamlessly embed your blog content — published through <a href="https://upbinger.com" rel="nofollow ugc">Upbinger</a> — into your WordPress site. The plugin uses <strong>Shadow DOM</strong> for complete CSS isolation, so your blog styles never clash with your theme.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Customizable Styles</strong> — Configure grid title, colors, fonts, spacing, and more from the Upbinger dashboard (Publish <span aria-hidden="true" class="wp-exclude-emoji">→</span> Style tab). Changes apply on next publish.\n* <strong>Back to Blog Navigation</strong> — Configurable “<span aria-hidden="true" class="wp-exclude-emoji">←</span> Back to Blog” link on every post for easy grid return.\n* <strong>Shadow DOM Isolation</strong> — Blog CSS lives inside a shadow root and cannot interfere with your theme or vice versa.</li>
<li><strong>rem <span aria-hidden="true" class="wp-exclude-emoji">→</span> em Conversion</strong> — Automatically converts CSS <code>rem</code> units to <code>em</code> so blog typography renders correctly regardless of your theme’s root font-size.</li>
<li><strong>SEO Meta Injection</strong> — Open Graph, Twitter Card, canonical link, and JSON-LD structured data are injected into the page <code><head></code> for search engines and social media.</li>
<li><strong>SPA Navigation</strong> — Internal blog links navigate without a full page reload. Back/forward buttons work as expected.</li>
<li><strong>Google Fonts in Light DOM</strong> — Font stylesheets are hoisted into the page <code><head></code> so they load correctly across all browsers.</li>
<li><strong>Anonymous Analytics</strong> — Visit counts are sent via <code>sendBeacon</code> with session deduplication. No cookies, no PII.</li>
<li><strong>Automatic Container Detection</strong> — Finds the best content area in your theme automatically, or you can specify a CSS selector.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Your blog HTML is published to the Upbinger CDN.</li>
<li>The plugin fetches the correct page from the CDN when a visitor loads your blog route.</li>
<li>The HTML is cleaned, adapted for Shadow DOM (CSS scoping, rem<span aria-hidden="true" class="wp-exclude-emoji">→</span>em, SEO extraction), and injected into an isolated shadow root.</li>
<li>Visitors see your blog styled exactly as designed, with zero CSS side-effects.</li>
</ol>
<h4>Requirements</h4>
<ul>
<li>An active <a href="https://upbinger.com" rel="nofollow ugc">Upbinger</a> account with a published blog.</li>
<li>WordPress 5.0 or higher.</li>
<li>PHP 7.4 or higher.</li>
</ul>
<h3>External services</h3>
<p>This plugin relies on two third-party services provided by Upbinger.</p>
<h4>Upbinger CDN (cdn.upbinger.com)</h4>
<p>Blog HTML, CSS, images, and font references are fetched from the Upbinger content-delivery network every time a visitor loads a blog page on your site.</p>
<ul>
<li><strong>What is sent:</strong> an HTTPS GET request containing only the URL path of the blog page being loaded (e.g. <code>/blogs/example.com/index.html</code>). No cookies or personal data are transmitted.</li>
<li><strong>When:</strong> on every front-end page load of the blog route.</li>
<li><strong>Service provider:</strong> Upbinger — <a href="https://upbinger.com/terms" rel="nofollow ugc">Terms of Service</a> | <a href="https://upbinger.com/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
<h4>Upbinger Analytics API</h4>
<p>Anonymous page-view events are sent so site owners can see which posts are popular. No cookies are set and no personally-identifiable information is collected.</p>
<ul>
<li><strong>What is sent:</strong> the page path, a session-scoped deduplication flag (stored in <code>sessionStorage</code>), and the site domain. The request is made via <code>navigator.sendBeacon</code>.</li>
<li><strong>When:</strong> once per unique page view per browser session (deduplicated). Can be disabled entirely from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Upbinger Blog <span aria-hidden="true" class="wp-exclude-emoji">→</span> Disable Analytics</strong>.</li>
<li><strong>Endpoint:</strong> <code>https://m745tnh6jg.execute-api.us-east-1.amazonaws.com/api/trackVisit</code></li>
<li><strong>Service provider:</strong> Upbinger — <a href="https://upbinger.com/terms" rel="nofollow ugc">Terms of Service</a> | <a href="https://upbinger.com/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>


Alternatives to Upbinger Blog

Top alternatives