Pricing 29

ImageButtons4 ColumnsCards188 nodes · 35 styles

Description

Four-tier pricing table with plan icons, monthly/yearly pricing, feature lists with checkmarks organized under 'Includes' section, and bottom CTA buttons.

Detailed Analysis

This four-column pricing layout (Free, Basic, Business, Enterprise) features 3D box icons in the top-right of each card alongside the plan name. Each card displays monthly pricing with yearly equivalent, followed by a divider line and 'Includes:' section containing feature lists with checkmarks. Feature counts increase progressively across tiers. Full-width black CTA buttons anchor each card at the bottom. The icon adds visual interest while maintaining the clean, professional aesthetic.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

pricingfour columnsfreemiumplan iconstiered pricingyearly pricingfeature listcheckmarksCTA buttonspricing cardsincludes sectionSaaS pricingsubscription tiers

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "67e0a356-b806-1905-c55a-735af32df093",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "8002d665-0a45-6057-dbc6-e3be90df4b01"
        ],
        "children": [
          "67e0a356-b806-1905-c55a-735af32df094"
        ]
      },
      {
        "_id": "67e0a356-b806-1905-c55a-735af32df094",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "67e0a356-b806-1905-c55a-735af32df095"
        ]
      },
      {
        "_id": "67e0a356-b806-1905-c55a-735af32df095",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "67e0a356-b806-1905-c55a-735af32df093", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "8002d665-0a45-6057-dbc6-e3be90df4b01" ], "children": [ "67e0a356-b806-1905-c55a-735af32df094" ] }, { "_id": "67e0a356-b806-1905-c55a-735af32df094", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "67e0a356-b806-1905-c55a-735af32df095" ] }, { "_id": "67e0a356-b806-1905-c55a-735af32df095", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)