Cta 16

ImageFormButtons2 Columns34 nodes · 32 styles

Description

Gray-themed CTA section with three-column layout featuring heading on left, centered image placeholder, and description with email signup form on right

Detailed Analysis

This newsletter-focused call-to-action component uses a medium gray background with white text and a three-column layout. The left column displays a large bold heading, the center features a rounded rectangle image placeholder, and the right column contains descriptive text, an inline email signup form with input field and 'Sign Up' button, plus terms and conditions text. The image element adds visual appeal while the form enables immediate lead capture with legal compliance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctanewsletteremail signupformimagethree-columngray backgroundsubscriptionlead captureterms and conditionsvisual ctamultimedia

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": "19252ec4-a2c6-1225-9192-39b829fbb127",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "62cdc473-2a00-2b56-aecc-3e9006e3a355",
          "053acb3b-d686-05a4-8405-44d9aa79e47f"
        ],
        "children": [
          "19252ec4-a2c6-1225-9192-39b829fbb128",
          "ec9ea259-1d09-7fcf-c81f-20a2a633dd82"
        ]
      },
      {
        "_id": "19252ec4-a2c6-1225-9192-39b829fbb128",
        "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": [
          "19252ec4-a2c6-1225-9192-39b829fbb129"
        ]
      },
      {
        "_id": "19252ec4-a2c6-1225-9192-39b829fbb129",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
   
... (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": "19252ec4-a2c6-1225-9192-39b829fbb127", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "62cdc473-2a00-2b56-aecc-3e9006e3a355", "053acb3b-d686-05a4-8405-44d9aa79e47f" ], "children": [ "19252ec4-a2c6-1225-9192-39b829fbb128", "ec9ea259-1d09-7fcf-c81f-20a2a633dd82" ] }, { "_id": "19252ec4-a2c6-1225-9192-39b829fbb128", "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": [ "19252ec4-a2c6-1225-9192-39b829fbb129" ] }, { "_id": "19252ec4-a2c6-1225-9192-39b829fbb129", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)