Back
Banner 5
Copy component
Copy component
Marketing banner featuring a simple horizontal marketing subscribe form.
Home
Components
Components
Banner
Banner 5
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"54e5a5f9-a012-aa20-d89f-04e541bf69b3","type":"Block","tag":"div","classes":["9d89aad0-8b43-10ff-e47a-9e31ccad3696"],"children":["38638198-faad-5cc6-e984-94abebc2699f","8b305c9f-f4af-546a-950f-2fbca3e1512c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"38638198-faad-5cc6-e984-94abebc2699f","type":"Block","tag":"div","classes":["9d89aad0-8b43-10ff-e47a-9e31ccad3697"],"children":["fe0a1bdc-9ec7-3230-41f5-0c20158f5cb0"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fe0a1bdc-9ec7-3230-41f5-0c20158f5cb0","text":true,"v":"Subscribe and save 10% off your next purchase:"},{"_id":"8b305c9f-f4af-546a-950f-2fbca3e1512c","type":"FormWrapper","tag":"div","classes":["43460e4c-437a-614d-34de-a3cc2c945c57"],"children":["3a463768-d3ff-69f9-0825-dcb0fea86002","1e716585-6529-9bc5-dadf-1232daa5f714","c9fde007-88d9-07e2-01c6-0a701c67df48"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"3a463768-d3ff-69f9-0825-dcb0fea86002","type":"FormForm","tag":"form","classes":["ee37ec66-127b-7139-3640-ed8fa647ea59"],"children":["ebb53537-c6d6-d9ef-055b-97ff19e222d2","73ca4cea-30ba-0c18-ae2f-a788160168a9"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Banner 5 Subscribe"},"attr":{"id":"wf-form-Banner-5-Subscribe","name":"wf-form-Banner-5-Subscribe","data-name":"Banner 5 Subscribe","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ebb53537-c6d6-d9ef-055b-97ff19e222d2","type":"FormTextInput","tag":"input","classes":["c05d7d1b-1604-05cd-6b82-4fb98e4529bd"],"children":[],"data":{"form":{"name":"Banner 5 Email","type":"input","passwordPage":false},"attr":{"id":"Banner-5-Email","name":"Banner-5-Email","maxlength":256,"data-name":"Banner 5 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":"73ca4cea-30ba-0c18-ae2f-a788160168a9","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":"1e716585-6529-9bc5-dadf-1232daa5f714","type":"FormSuccessMessage","tag":"div","classes":["de96a3eb-2371-4e94-1f51-2cfb2ec4f96b"],"children":["3d437dd3-9664-f78d-6555-8bf3a46c605a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"3d437dd3-9664-f78d-6555-8bf3a46c605a","type":"Block","tag":"div","classes":[],"children":["1262b36d-e5a1-6f66-ec88-e115ab0c5921"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1262b36d-e5a1-6f66-ec88-e115ab0c5921","text":true,"v":"You have been subscribed! Please check your email for your coupon code."},{"_id":"c9fde007-88d9-07e2-01c6-0a701c67df48","type":"FormErrorMessage","tag":"div","classes":["de96a3eb-2371-4e94-1f51-2cfb2ec4f96c"],"children":["ab2af20c-c6bc-ca64-d87a-1f31ca1dc3af"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"ab2af20c-c6bc-ca64-d87a-1f31ca1dc3af","type":"Block","tag":"div","classes":[],"children":["e904dd5b-27b0-beab-2dca-9d59be043449"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e904dd5b-27b0-beab-2dca-9d59be043449","text":true,"v":"Couldn't subscribe you, please try again."}],"styles":[{"_id":"de96a3eb-2371-4e94-1f51-2cfb2ec4f96b","fake":false,"type":"class","name":"banner-5_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":"c05d7d1b-1604-05cd-6b82-4fb98e4529bd","fake":false,"type":"class","name":"banner-5_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;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ee37ec66-127b-7139-3640-ed8fa647ea59","fake":false,"type":"class","name":"banner-5_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":"9d89aad0-8b43-10ff-e47a-9e31ccad3696","fake":false,"type":"class","name":"banner-5","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; justify-content: center; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: #e3eaf4;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"de96a3eb-2371-4e94-1f51-2cfb2ec4f96c","fake":false,"type":"class","name":"banner-5_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":"9d89aad0-8b43-10ff-e47a-9e31ccad3697","fake":false,"type":"class","name":"banner-5_text","namespace":"","comb":"","styleLess":"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":"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":"43460e4c-437a-614d-34de-a3cc2c945c57","fake":false,"type":"class","name":"banner-5_form","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"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