CDC Coupon Block

The CDC Coupon Block is a versatile Gutenberg block that allows you to create professional-looking coupon displays with customizable features. It supports multiple layouts, interactive elements, and configuration options to fit your needs.

Features

• Multiple Layout Options: No Code, Promo Code, or Show Code variants
• Customizable Design:
  ** Operator logo and name
  ** Rating stars with configurable count and color
  ** Background color or image
  ** Call-to-action button with customizable text and color
  ** Badge (e.g., “POPULAR”)
  ** Offer text and pros list
• Interactive Elements:
  ** Promo code copy to clipboard
  ** Toggle visibility for hidden codes
  ** External links for CTA and review pages
• Sticky Mode: Make the coupon stick to the page
• Terms & Conditions: Optional section for legal text
• Review Link: Optional link to review page
• RTL Support: Includes RTL CSS for right-to-left languages

Usage

1. In a post or page editor, click the “+” button to add a new block
2. Search for “CDC Coupon Block” or find it in the “Widgets” category
3. Click on the block to select it
4. Use the settings panel (⚙ icon) to customize:
   ** Block Type (No Code / Promo Code / Show Code)
   ** Operator details (name, logo)
   ** Colors and styling
   ** CTA button settings
   ** Offer text and pros
   ** Terms & conditions
   ** Review link

Block Types

• No Code: Simple call-to-action button without promo code
• Promo Code: Displays code with copy-to-clipboard button
• Show Code: Code with show/hide toggle functionality

Dependencies

• WordPress 5.0 or higher
• Gutenberg block editor (included in WordPress 5.0+)
• jQuery (included with WordPress)
• Toastr.js (loaded from CDN for notifications)

Attributes (for developers)

The block supports numerous customizable attributes including:
* blockType: string (default: ‘no-code’)
* ctaColor: string (default: ‘#ffc107’)
* ctaText: string (default: ‘PLAY NOW’)
* operatorName: string (default: ‘Operator name’)
* starCount: number (default: 5)
* backgroundColor: string (default: ‘#fff9f0’)
* And many more (see plugin code for full list)

License

GPL-2.0-or-later – see LICENSE file for details

Author

HAGTIC
Website: https://hagtic.com
Plugin Page: https://hagtic.com/cdc-coupon-block

1. Download the plugin zip file (cdc-coupon-block.zip)
2. Log in to your WordPress admin dashboard
3. Go to Plugins > Add New
4. Click “Upload Plugin” and select the zip file
5. Click “Install Now”
6. After installation, click “Activate”