Blog · Gutenberg
Sponsored Disclosure block for WordPress
FTC-compliant sponsored/paid partnership disclosure label.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
FTC-compliant sponsored/paid partnership disclosure label.
Inspector panels on this block: Disclosure. Those titles come from index.js, not from a shared template.
Behavior controls: “Type” options: 📢 Sponsored, 🤝 Paid Partnership, 📰 Advertisement, 🔗 Native Ad, 💰 Affiliate; “Style — Style” options: Pill (compact), Banner (full bar), Box (with text); “Style — Alignment” options: Left, Center, Right.
Where to find it
Gutenberg inserter → Blog → search “Sponsored Disclosure” (block name `blockenberg/sponsored-disclosure` in block.json). Style it in the sidebar after insert.
How to use Sponsored Disclosure block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Sponsored Disclosure”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Disclosure. Set “Type”, “Custom Label”, “Show Icon”, “Show Extra Text”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Type | Select control; the chosen value is saved on the block. Options: 📢 Sponsored; 🤝 Paid Partnership; 📰 Advertisement; 🔗 Native Ad; 💰 Affiliate; ✏️ Custom Label. block.json default: sponsored. Saved as `disclosureType`. |
| Custom Label | Text field in the inspector. Saved as `customLabel`. |
| Show Icon | On/off toggle in the inspector. On by default. Saved as `showIcon`. |
| Show Extra Text | On/off toggle in the inspector. Off by default. Saved as `showText`. |
| Style — Style | Select control; the chosen value is saved on the block. Options: Pill (compact); Banner (full bar); Box (with text). block.json default: pill. Saved as `style`. |
| Style — Alignment | Select control; the chosen value is saved on the block. Options: Left; Center; Right. block.json default: left. Saved as `align`. |
| Border Radius | Numeric range control in the inspector. Range 0–999. block.json default: 999. Saved as `borderRadius`. |
| Padding Top | Numeric range control in the inspector. Range 0–60. block.json default: 0. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–60. block.json default: 0. Saved as `paddingBottom`. |
| Container Background | Color control in the inspector. block.json default: #fff7ed. Saved as `bgColor`. |
| Container Border | Color control in the inspector. block.json default: #fed7aa. Saved as `borderColor`. |
| Colors — Text | Color control in the inspector. block.json default: #9a3412. Saved as `textColor`. |
| Label Background | Color control in the inspector. block.json default: #f97316. Saved as `labelBg`. |
| Label Text | Color control in the inspector. block.json default: #ffffff. Saved as `labelColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- FTC-compliant sponsored/paid partnership disclosure label — that is the job of Sponsored Disclosure, not a generic content block.
- Use it when you need the editor control labeled “Type”, which exists on this block’s inspector.
- It matches pages about sponsored, paid, disclosure.
- Inserter grouping: posts, magazines, and editorial WordPress pages.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Sponsored Disclosure block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Sponsored Disclosure”. It sits under Blog. After insert, open Disclosure and set “Type”, “Custom Label”, “Show Icon”, “Show Extra Text”.
What makes Sponsored Disclosure different from other Blockenberg blocks?
FTC-compliant sponsored/paid partnership disclosure label. Inspector labels on this block include “Type”, “Custom Label”, “Show Icon”, “Show Extra Text”.
Is the Sponsored Disclosure Gutenberg block free?
Yes. Sponsored Disclosure ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Sponsored Disclosure to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Disclosure).
Related blog blocks
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Article Series
Multi-part series navigator showing all articles with the current one highlighted and progress indicator.
Book Review
Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO.
Book Shelf
A visual reading list with a realistic bookshelf view, cards layout, or list — complete with ratings, reading status, and genre tags.
Category Grid
Display WordPress post categories in a responsive grid with post counts, icons, descriptions, and rich styling options.
Changelog
Versioned release-notes block with colour-coded categories (New, Improved, Fixed, Deprecated). Perfect for SaaS product pages.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Sponsored Disclosure from the Gutenberg inserter.