Marketing · Gutenberg
Affiliate Disclosure block for WordPress
Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review.
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
Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review.
Inspector panels on this block: Content. Those titles come from index.js, not from a shared template.
Behavior controls: “Visual Style” options: Banner (top accent border), Left Bar (left accent), Box (solid border), Minimal (no background).
Where to find it
Gutenberg inserter → Marketing → search “Affiliate Disclosure” (block name `blockenberg/affiliate-disclosure` in block.json). Style it in the sidebar after insert.
How to use Affiliate Disclosure block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Affiliate Disclosure”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Content. Set “Icon (emoji)”, “Show Icon”, “Label (bold prefix)”, “Show Label”.
- 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 |
|---|---|
| Icon (emoji) | Text field in the inspector. block.json default: 🔗. Saved as `icon`. |
| Show Icon | On/off toggle in the inspector. On by default. Saved as `showIcon`. |
| Label (bold prefix) | Text field in the inspector. block.json default: Affiliate Disclosure. Saved as `label`. |
| Show Label | On/off toggle in the inspector. On by default. Saved as `showLabel`. |
| Collapsible | On/off toggle in the inspector. Off by default. Saved as `collapsible`. |
| Show Policy Link | On/off toggle in the inspector. Off by default. Saved as `showLink`. |
| Link Text | Text field in the inspector. block.json default: Read our full affiliate policy. Saved as `linkText`. |
| Link URL | Text field in the inspector. Saved as `linkUrl`. |
| Visual Style | Select control; the chosen value is saved on the block. Options: Banner (top accent border); Left Bar (left accent); Box (solid border); Minimal (no background). block.json default: banner. Saved as `style`. |
| Border Radius | Numeric range control in the inspector. Range 0–20. block.json default: 8. Saved as `borderRadius`. |
| Typography — Text | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `textTypo`. |
| Icon Size (px) | Numeric range control in the inspector. Range 12–32. block.json default: 18. Saved as `iconFontSize`. |
| Colors — Background | Color control in the inspector. block.json default: #fffbeb. Saved as `bgColor`. |
| Colors — Border | Color control in the inspector. block.json default: #fcd34d. Saved as `borderColor`. |
| Accent (top/left bar) | Color control in the inspector. block.json default: #d97706. Saved as `accentColor`. |
| Colors — Text | Color control in the inspector. block.json default: #78350f. Saved as `textColor`. |
| Label | Color control in the inspector. block.json default: #92400e. Saved as `labelColor`. |
| Link | Color control in the inspector. block.json default: #d97706. Saved as `linkColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review — that is the job of Affiliate Disclosure, not a generic content block.
- Use it when you need the editor control labeled “Icon (emoji)”, which exists on this block’s inspector.
- It matches pages about affiliate, disclosure, ftc.
- Inserter grouping: landing pages, campaign sections, and conversion layouts.
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 Affiliate Disclosure block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Affiliate Disclosure”. It sits under Marketing. After insert, open Content and set “Icon (emoji)”, “Show Icon”, “Label (bold prefix)”, “Show Label”.
What makes Affiliate Disclosure different from other Blockenberg blocks?
Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review. Inspector labels on this block include “Icon (emoji)”, “Show Icon”, “Label (bold prefix)”, “Show Label”.
Is the Affiliate Disclosure Gutenberg block free?
Yes. Affiliate Disclosure ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Affiliate 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: Content).
Related marketing blocks
Affiliate Section
Affiliate/referral program landing section with commission highlight, how-it-works steps, benefits list, and stats.
Affiliate Review Box
Structured product review block with score badge, pros & cons columns, verdict summary, price display, and affiliate CTA button.
Age Gate
Age verification overlay that protects page content behind a customizable age confirmation dialog.
Announcement Strip
A thin dismissible announcement bar — ideal above the site header for promotions, launches, or alerts.
App Download
Ready-made app promotion section with iOS / Android badges, device screenshot, heading, subtitle, ratings/reviews, and full background controls.
Badge Wall
Showcase certifications, achievements, awards, or partner logos as a styled badge grid.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Affiliate Disclosure from the Gutenberg inserter.