Cta 20

FormButtons30 nodes · 25 styles

Description

Light-themed CTA section with single-column left-aligned layout featuring heading, description, and email signup form stacked vertically

Detailed Analysis

This newsletter-focused call-to-action component uses a clean white background with a single-column, left-aligned layout. The content stacks vertically starting with a large bold heading, followed by a multi-line paragraph of supporting text, and concluding with an inline email signup form featuring an input field and 'Sign Up' button plus terms and conditions text below. The left alignment and vertical stacking creates a simple, readable flow that guides users naturally toward the signup form.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctanewsletteremail signupformlight themesingle columnleft-alignedwhite backgroundvertical stackminimal designterms and conditionslead capture

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": "61c0ab4b-9e09-427a-43ea-b299bfb21696",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "3bdbd0bb-1ebe-2d00-339a-4403770d981f"
        ],
        "children": [
          "61c0ab4b-9e09-427a-43ea-b299bfb21697"
        ]
      },
      {
        "_id": "61c0ab4b-9e09-427a-43ea-b299bfb21697",
        "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": [
          "61c0ab4b-9e09-427a-43ea-b299bfb21698"
        ]
      },
      {
        "_id": "61c0ab4b-9e09-427a-43ea-b299bfb21698",
        "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": "61c0ab4b-9e09-427a-43ea-b299bfb21696", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "3bdbd0bb-1ebe-2d00-339a-4403770d981f" ], "children": [ "61c0ab4b-9e09-427a-43ea-b299bfb21697" ] }, { "_id": "61c0ab4b-9e09-427a-43ea-b299bfb21697", "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": [ "61c0ab4b-9e09-427a-43ea-b299bfb21698" ] }, { "_id": "61c0ab4b-9e09-427a-43ea-b299bfb21698", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)