Back
Banner 7
Copy component
Copy component
Marketing banner featuring a simple vertical marketing subscribe form.
Home
Components
Components
Banner
Banner 7
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9157dd97-2833-392a-129d-05b8771a8d84","type":"Block","tag":"div","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3ff"],"children":["36bafbb9-41cc-734f-e158-1edc04545d79","d51ac1a5-baa6-9ee1-b29b-94e83f080547"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"36bafbb9-41cc-734f-e158-1edc04545d79","type":"Block","tag":"div","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3f8"],"children":["5054fb87-ccee-3cab-5ae0-bcb6f0381898"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5054fb87-ccee-3cab-5ae0-bcb6f0381898","text":true,"v":"Subscribe and save 10% off your next purchase:"},{"_id":"d51ac1a5-baa6-9ee1-b29b-94e83f080547","type":"FormWrapper","tag":"div","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3fb"],"children":["cfecceb1-cd12-f4a7-23a0-eb1bfb96c130","2940ae93-3f5a-e57f-683d-61c1a10d8e2d","1e90b8ac-71a6-5610-257a-1f6ed2da5234"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"cfecceb1-cd12-f4a7-23a0-eb1bfb96c130","type":"FormForm","tag":"form","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3fc"],"children":["0f0dff27-c3e7-56f3-b787-46daa7d300be","ca88407e-f5ee-df66-7fac-d3ffdf71fc44"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Banner 7 Subscribe"},"attr":{"id":"wf-form-Banner-7-Subscribe","name":"wf-form-Banner-7-Subscribe","data-name":"Banner 7 Subscribe","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f0dff27-c3e7-56f3-b787-46daa7d300be","type":"FormTextInput","tag":"input","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3fe"],"children":[],"data":{"form":{"name":"Banner 7 Email","type":"input","passwordPage":false},"attr":{"id":"Banner-7-Email","name":"Banner-7-Email","maxlength":256,"data-name":"Banner 7 Email","placeholder":"Enter your email address...","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ca88407e-f5ee-df66-7fac-d3ffdf71fc44","type":"FormButton","tag":"input","classes":["27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","3b4f261d-5209-659d-b43e-d49e7abe6e82"],"children":[],"data":{"form":{"type":"button"},"attr":{"type":"submit","value":"Subscribe","data-wait":"Please wait...","id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2940ae93-3f5a-e57f-683d-61c1a10d8e2d","type":"FormSuccessMessage","tag":"div","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3f9"],"children":["0f3f6c03-20c8-ad76-3bfd-53c675538574"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"0f3f6c03-20c8-ad76-3bfd-53c675538574","type":"Block","tag":"div","classes":[],"children":["23f1ba6f-f5d8-3b0a-eed0-8e1eed2d7270"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"23f1ba6f-f5d8-3b0a-eed0-8e1eed2d7270","text":true,"v":"You have been subscribed! Please check your email for your coupon code."},{"_id":"1e90b8ac-71a6-5610-257a-1f6ed2da5234","type":"FormErrorMessage","tag":"div","classes":["f2916c02-4c09-1a23-c43e-4bf27bffe3f7"],"children":["27e9a056-b787-44b0-908b-f2474fe8aa14"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"27e9a056-b787-44b0-908b-f2474fe8aa14","type":"Block","tag":"div","classes":[],"children":["45565460-72c8-22ef-22e9-6375949596af"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45565460-72c8-22ef-22e9-6375949596af","text":true,"v":"Couldn't subscribe you, please try again."}],"styles":[{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3fc","fake":false,"type":"class","name":"banner-7_form-container","namespace":"","comb":"","styleLess":"display: flex; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{"tiny":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3f9","fake":false,"type":"class","name":"banner-7_form-success","namespace":"","comb":"","styleLess":"margin-top: 0px; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; background-color: transparent; color: #0049ca; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: #0c60f5; color: white; font-size: 1em; line-height: 1.125em; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; background-color: #0049ca;"}},"children":["27e2c28d-84e7-9136-e293-5ae1ccc4f8de","a6b7c620-6703-68cb-4e59-d2b3a9d1ab04","5eb34a0d-1d4c-bc49-56cf-7af9cc5e2dcf","3b4f261d-5209-659d-b43e-d49e7abe6e82"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3fe","fake":false,"type":"class","name":"banner-7_form-input","namespace":"","comb":"","styleLess":"height: 3rem; margin-bottom: 0px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 0.0625rem; border-top-color: #9eabc1; border-right-style: solid; border-right-width: 0.0625rem; border-right-color: #9eabc1; border-bottom-style: solid; border-bottom-width: 0.0625rem; border-bottom-color: #9eabc1; border-left-style: solid; border-left-width: 0.0625rem; border-left-color: #9eabc1; background-color: white; font-size: 1rem; line-height: 1.2em;","variants":{"main_placeholder":{"styleLess":"color: #7587a5;"},"tiny":{"styleLess":""}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"3b4f261d-5209-659d-b43e-d49e7abe6e82","fake":false,"type":"class","name":"is-banner","namespace":"","comb":"&","styleLess":"height: 3rem; padding-top: 0rem; padding-bottom: 0rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3ff","fake":false,"type":"class","name":"banner-7","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.25rem; padding-left: 2rem; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; background-color: #e3eaf4;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3f8","fake":false,"type":"class","name":"banner-7_text","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3f7","fake":false,"type":"class","name":"banner-7_form-error","namespace":"","comb":"","styleLess":"margin-top: 0.5rem; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; background-color: transparent; color: #d91b5f; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"f2916c02-4c09-1a23-c43e-4bf27bffe3fb","fake":false,"type":"class","name":"banner-7_form","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{"tiny":{"styleLess":""}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from