Marketing widget
Price Table
A pricing plan with a price, a feature list, a button and an optional “Popular” badge.
Build it with your AI
“Add three pricing plans side by side; highlight the middle one with a “Popular” badge.”
Live demo
See it working
A sample plan layout to show the widget. Uncoder itself is free.
Settings
76 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
26 settings
Header
Icon
Title
Subtitle
Title HTML tag
Pricing
Currency symbol
Currency position
Price
Fractional part
Period
Period position
Original price
Features
Features
Included icon
Not included icon
Strike through features not included
Button
Text
Link
Style
Size
Full width
Position
Footer & badge
Footer note
Highlight this plan
Badge
Badge style
Badge side
Design
50 settings
Box
Alignment
Background
Padding
Border
Border radius
Accent color
Highlighted background
Shadow
Lift
Header
Icon color
Icon size
Title typography
Title color
Subtitle typography
Subtitle color
Spacing below
Price
Price typography
Price color
Currency size
Currency & fraction position
Fraction size
Period typography
Period color
Original price typography
Original price color
Spacing below
Features
Typography
Text color
Included icon color
Not included color
Icon size
Space between rows
List alignment
Dividers between rows
Divider color
Spacing below list
Background
Button
Typography
Border radius
Padding
Spacing below
Text color
Background
Border color
Footer note
Typography
Color
Badge
Background
Text color
Typography
Border radius
Behaviour
shared
On every element
Spacing & position
Background & border
Animations
Motion & effects
Scroll & mouse effects
Visibility
Conditions
Interactions
Attributes & CSS
Build it with AI
Just describe what you want
Your AI looks up the Price Table settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add three pricing plans side by side; highlight the middle one with a “Popular” badge.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "price-table",
"settings": {
"title": "Starter",
"subtitle": "For a first site",
"price": "0",
"highlighted": false,
"features": [
{ "text": "1 website", "included": true },
{ "text": "80 widgets", "included": true },
{ "text": "Theme Builder", "included": true },
{ "text": "AI tools over MCP", "included": false },
{ "text": "Priority support", "included": false }
],
"strike_excluded": true,
"footer_note": "Free forever.",
"button_text": "Choose Starter",
"button_variant": "outline"
}
}More marketing widgets
Works well with
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
Call to Action
A promo box with an image, a title, a line of text and up to two buttons — beside or on top of the image.
Countdown
Count down to a launch, or give every visitor their own 24-hour deadline.
Flip Box
A card that turns over on hover, focus or tap to reveal more and a button.
Link in Bio
A complete link-in-bio page in one widget: photo, name, bio, social icons and big link buttons.
Marquee
An endless strip of words, icons or images that scrolls by and pauses on hover.