Embed your blog anywhere
The BlogStudio widget is a lightweight, zero-dependency script that lets you drop your latest posts into any website with a single line of code. It's fully responsive, performance-optimized, and looks great out of the box.
Installation
Follow these steps to add the widget to your project.
1
Copy your Script Tag
Go to your Embed Widget dashboard and copy the unique <script> tag generated for your project.
2
Paste into your HTML
Place the script tag anywhere inside your <body>. We recommend placing it exactly where you want the slider to appear.
HTML
<!-- Example Placement -->
<div class="blog-section">
<h2>Latest News</h2>
<script src="https://cms-project-drab.vercel.app/embed.js?project_id=YOUR_ID" async></script>
</div>Customization & Styles
The widget automatically adopts a clean, modern aesthetic. However, you can easily override styles by targeting the widget's class names in your own CSS.
Key Elements
.blog-studio-widget-container- The main wrapper.bs-card- Individual post cards.bs-btn-read- The "Read More" button
✨
Host-Independent: The widget is served with permissive CORS, meaning it will work on
localhost, WordPress, Squarespace, or any custom CMS.