Cta 14

FormButtons2 Columns31 nodes · 25 styles

Description

Light-themed CTA section with two-column layout featuring heading on the left, description with email signup form on the right

Detailed Analysis

This newsletter-focused call-to-action uses a clean white background with a two-column layout. The left side features a prominent bold heading that spans multiple lines, while the right side contains supporting descriptive text, an inline email signup form with input field and 'Sign Up' button, and terms and conditions confirmation text with link. The light theme maintains readability while the layout separates the value proposition from the action mechanism.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctanewsletteremail signupformlight themetwo-columnsubscriptionlead captureterms and conditionswhite backgroundclean designmailing list

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": "9a2530d1-3c1b-7015-962f-84c739fbc061",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "4e76343a-10b2-02ff-b1dd-def8a6271e1e"
        ],
        "children": [
          "9a2530d1-3c1b-7015-962f-84c739fbc062"
        ]
      },
      {
        "_id": "9a2530d1-3c1b-7015-962f-84c739fbc062",
        "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": [
          "9a2530d1-3c1b-7015-962f-84c739fbc063"
        ]
      },
      {
        "_id": "9a2530d1-3c1b-7015-962f-84c739fbc063",
        "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": "9a2530d1-3c1b-7015-962f-84c739fbc061", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "4e76343a-10b2-02ff-b1dd-def8a6271e1e" ], "children": [ "9a2530d1-3c1b-7015-962f-84c739fbc062" ] }, { "_id": "9a2530d1-3c1b-7015-962f-84c739fbc062", "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": [ "9a2530d1-3c1b-7015-962f-84c739fbc063" ] }, { "_id": "9a2530d1-3c1b-7015-962f-84c739fbc063", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)