Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a04b","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b212c"],"children":["59bbd4ad-aec9-3fc2-f7a1-eae409c8c572"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-failed-payment"},{"name":"data-ms-bind:style","value":"display:block"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59bbd4ad-aec9-3fc2-f7a1-eae409c8c572","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2122"],"children":["1b11b7af-b9c5-273a-cc25-90b27d1a08cc","eaa05379-7ac8-6f17-bb3f-cebcd048a058","1248b7a0-ea32-41fc-8ab8-409ab14e4e62","e47abc70-7330-c4dd-b831-e8b42b49dc6c","ed5af8d8-6b4b-6078-528b-ee8045c9c080","eaa05379-7ac8-6f17-bb3f-cebcd048a0a0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1b11b7af-b9c5-273a-cc25-90b27d1a08cc","type":"HtmlEmbed","tag":"div","classes":["409172eb-552d-a684-b4a2-40488059d3b0","b036014d-6832-dfec-81cf-c0daca3e1d0f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"48px\" viewBox=\"0 0 24 24\" width=\"48px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.32 3H8.68c-.26 0-.52.11-.7.29L3.29 7.98c-.18.18-.29.44-.29.7v6.63c0 .27.11.52.29.71l4.68 4.68c.19.19.45.3.71.3h6.63c.27 0 .52-.11.71-.29l4.68-4.68c.19-.19.29-.44.29-.71V8.68c0-.27-.11-.52-.29-.71l-4.68-4.68c-.18-.18-.44-.29-.7-.29zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3zm0-4.3c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"48px\" viewBox=\"0 0 24 24\" width=\"48px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.32 3H8.68c-.26 0-.52.11-.7.29L3.29 7.98c-.18.18-.29.44-.29.7v6.63c0 .27.11.52.29.71l4.68 4.68c.19.19.45.3.71.3h6.63c.27 0 .52-.11.71-.29l4.68-4.68c.19-.19.29-.44.29-.71V8.68c0-.27-.11-.52-.29-.71l-4.68-4.68c-.18-.18-.44-.29-.7-.29zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3zm0-4.3c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a058","type":"Heading","tag":"h2","classes":["e752c11e-cdc6-e3c6-73fe-77df833b211e"],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a059"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a059","text":true,"v":"Payment Failed"},{"_id":"1248b7a0-ea32-41fc-8ab8-409ab14e4e62","type":"Block","tag":"div","classes":[],"children":["1248b7a0-ea32-41fc-8ab8-409ab14e4e63"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1248b7a0-ea32-41fc-8ab8-409ab14e4e63","text":true,"v":"Hey there. We tried to charge your card but, something went wrong. Please update your payment method below to continue"},{"_id":"e47abc70-7330-c4dd-b831-e8b42b49dc6c","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b212e","e752c11e-cdc6-e3c6-73fe-77df833b213c"],"children":[],"data":{"tag":"div","text":false}},{"_id":"ed5af8d8-6b4b-6078-528b-ee8045c9c080","type":"Link","tag":"a","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2111"],"children":["7abc4f02-a24a-eb2f-d077-7cbae853d9c5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"email"}}},{"_id":"7abc4f02-a24a-eb2f-d077-7cbae853d9c5","type":"Block","tag":"div","classes":[],"children":["7abc4f02-a24a-eb2f-d077-7cbae853d9c6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7abc4f02-a24a-eb2f-d077-7cbae853d9c6","text":true,"v":"Update Payment Method"},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a0","type":"Block","tag":"div","classes":["4e5a6182-5665-d0d9-2841-1c8fbbfe8af1"],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a0a1","4eabc69a-d902-63f8-3bbe-4c1ef287fec8","eaa05379-7ac8-6f17-bb3f-cebcd048a0a4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a1","text":true,"v":"Have a question? "},{"_id":"4eabc69a-d902-63f8-3bbe-4c1ef287fec8","type":"Link","tag":"a","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2132"],"children":["a97b6ea9-fad5-1590-6985-a7afa5c9d31c"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"a97b6ea9-fad5-1590-6985-a7afa5c9d31c","text":true,"v":"Contact Support"},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a4","type":"Link","tag":"a","classes":[],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a0a5"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a5","text":true,"v":""}],"styles":[{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b213c","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b211e","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-size: 29px; line-height: 1.4em; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2111","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; margin-bottom: 15px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 5.10%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 5.10%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 5.10%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 5.10%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 5.10%, 1.00); box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.25), 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["e752c11e-cdc6-e3c6-73fe-77df833b213d"],"selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2122","fake":false,"type":"class","name":"ms-form","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 4.5%; padding-right: 4.5%; padding-bottom: 4.5%; padding-left: 4.5%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 50px 60px 0 rgba(0, 0, 0, 0.15); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; text-align: left;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2132","fake":false,"type":"class","name":"ms-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 0.01); transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b212c","fake":false,"type":"class","name":"ms-failed-page","namespace":"","comb":"","styleLess":"display: flex; width: 100vw; min-height: 100vh; padding-top: 150px; padding-bottom: 150px; justify-content: center; flex-wrap: wrap; align-items: center; background-color: hsla(0.784313725490196, 100.00%, 61.78%, 1.00); background-image: @img_6478b63528694e638ed64c99; background-position: 0px 0px; background-size: 200px; font-family: Figtree; color: white; font-size: 16px; line-height: 1.4em; font-weight: 300;","variants":{"medium":{"styleLess":"padding-top: 74px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4e5a6182-5665-d0d9-2841-1c8fbbfe8af1","fake":false,"type":"class","name":"ms-small-text","namespace":"","comb":"","styleLess":"font-size: 80%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"409172eb-552d-a684-b4a2-40488059d3b0","fake":false,"type":"class","name":"ms-failed-icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 32px; height: 32px; justify-content: center; align-items: center;","variants":{},"children":["824396c3-c4f0-865f-e2a3-a9c07dff11de","28e58cd1-46e4-e6a1-5ee4-3bc7166e0be6","8abd0348-487b-2137-77a3-686e9fc7a94b","b036014d-6832-dfec-81cf-c0daca3e1d0f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b212e","fake":false,"type":"class","name":"ms-space","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["e752c11e-cdc6-e3c6-73fe-77df833b2138","e752c11e-cdc6-e3c6-73fe-77df833b213c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b036014d-6832-dfec-81cf-c0daca3e1d0f","fake":false,"type":"class","name":"is-bigger","namespace":"","comb":"&","styleLess":"width: 48px; height: 48px; margin-bottom: 10px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise.png","siteId":"6478b4cb1e571c20f41b74d7","width":400,"isHD":false,"height":400,"fileName":"6478b63528694e638ed64c99_noise.png","createdOn":"2023-06-01T15:16:05.990Z","origFileName":"noise.png","fileHash":"27e00e0a32c821821227f0c376c856ac","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png","origFileName":"noise-p-130x130q80.png","fileName":"6478b63528694e638ed64c99_noise-p-130x130q80.png","format":"png","_id":"64102db2acbad524dddbfe90","cdnUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise.png","thumbUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png","_id":"6478b63528694e638ed64c99","updatedOn":"2023-06-01T15:16:06.152Z","markedAsDeleted":false,"fileSize":11126}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a04b","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b212c"],"children":["59bbd4ad-aec9-3fc2-f7a1-eae409c8c572"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-failed-payment"},{"name":"data-ms-bind:style","value":"display:block"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59bbd4ad-aec9-3fc2-f7a1-eae409c8c572","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2122"],"children":["1b11b7af-b9c5-273a-cc25-90b27d1a08cc","eaa05379-7ac8-6f17-bb3f-cebcd048a058","1248b7a0-ea32-41fc-8ab8-409ab14e4e62","e47abc70-7330-c4dd-b831-e8b42b49dc6c","ed5af8d8-6b4b-6078-528b-ee8045c9c080","eaa05379-7ac8-6f17-bb3f-cebcd048a0a0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1b11b7af-b9c5-273a-cc25-90b27d1a08cc","type":"HtmlEmbed","tag":"div","classes":["409172eb-552d-a684-b4a2-40488059d3b0","b036014d-6832-dfec-81cf-c0daca3e1d0f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"48px\" viewBox=\"0 0 24 24\" width=\"48px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.32 3H8.68c-.26 0-.52.11-.7.29L3.29 7.98c-.18.18-.29.44-.29.7v6.63c0 .27.11.52.29.71l4.68 4.68c.19.19.45.3.71.3h6.63c.27 0 .52-.11.71-.29l4.68-4.68c.19-.19.29-.44.29-.71V8.68c0-.27-.11-.52-.29-.71l-4.68-4.68c-.18-.18-.44-.29-.7-.29zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3zm0-4.3c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"48px\" viewBox=\"0 0 24 24\" width=\"48px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.32 3H8.68c-.26 0-.52.11-.7.29L3.29 7.98c-.18.18-.29.44-.29.7v6.63c0 .27.11.52.29.71l4.68 4.68c.19.19.45.3.71.3h6.63c.27 0 .52-.11.71-.29l4.68-4.68c.19-.19.29-.44.29-.71V8.68c0-.27-.11-.52-.29-.71l-4.68-4.68c-.18-.18-.44-.29-.7-.29zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3zm0-4.3c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a058","type":"Heading","tag":"h2","classes":["e752c11e-cdc6-e3c6-73fe-77df833b211e"],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a059"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a059","text":true,"v":"Payment Failed"},{"_id":"1248b7a0-ea32-41fc-8ab8-409ab14e4e62","type":"Block","tag":"div","classes":[],"children":["1248b7a0-ea32-41fc-8ab8-409ab14e4e63"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1248b7a0-ea32-41fc-8ab8-409ab14e4e63","text":true,"v":"Hey there. We tried to charge your card but, something went wrong. Please update your payment method below to continue"},{"_id":"e47abc70-7330-c4dd-b831-e8b42b49dc6c","type":"Block","tag":"div","classes":["e752c11e-cdc6-e3c6-73fe-77df833b212e","e752c11e-cdc6-e3c6-73fe-77df833b213c"],"children":[],"data":{"tag":"div","text":false}},{"_id":"ed5af8d8-6b4b-6078-528b-ee8045c9c080","type":"Link","tag":"a","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2111"],"children":["7abc4f02-a24a-eb2f-d077-7cbae853d9c5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"email"}}},{"_id":"7abc4f02-a24a-eb2f-d077-7cbae853d9c5","type":"Block","tag":"div","classes":[],"children":["7abc4f02-a24a-eb2f-d077-7cbae853d9c6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7abc4f02-a24a-eb2f-d077-7cbae853d9c6","text":true,"v":"Update Payment Method"},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a0","type":"Block","tag":"div","classes":["4e5a6182-5665-d0d9-2841-1c8fbbfe8af1"],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a0a1","4eabc69a-d902-63f8-3bbe-4c1ef287fec8","eaa05379-7ac8-6f17-bb3f-cebcd048a0a4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a1","text":true,"v":"Have a question? "},{"_id":"4eabc69a-d902-63f8-3bbe-4c1ef287fec8","type":"Link","tag":"a","classes":["e752c11e-cdc6-e3c6-73fe-77df833b2132"],"children":["a97b6ea9-fad5-1590-6985-a7afa5c9d31c"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"a97b6ea9-fad5-1590-6985-a7afa5c9d31c","text":true,"v":"Contact Support"},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a4","type":"Link","tag":"a","classes":[],"children":["eaa05379-7ac8-6f17-bb3f-cebcd048a0a5"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"eaa05379-7ac8-6f17-bb3f-cebcd048a0a5","text":true,"v":""}],"styles":[{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b213c","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b211e","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-size: 29px; line-height: 1.4em; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2111","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; margin-bottom: 15px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 5.10%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 5.10%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 5.10%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 5.10%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 5.10%, 1.00); box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.25), 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["e752c11e-cdc6-e3c6-73fe-77df833b213d"],"selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2122","fake":false,"type":"class","name":"ms-form","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 4.5%; padding-right: 4.5%; padding-bottom: 4.5%; padding-left: 4.5%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 50px 60px 0 rgba(0, 0, 0, 0.15); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; text-align: left;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b2132","fake":false,"type":"class","name":"ms-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 0.01); transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b212c","fake":false,"type":"class","name":"ms-failed-page","namespace":"","comb":"","styleLess":"display: flex; width: 100vw; min-height: 100vh; padding-top: 150px; padding-bottom: 150px; justify-content: center; flex-wrap: wrap; align-items: center; background-color: hsla(0.784313725490196, 100.00%, 61.78%, 1.00); background-image: @img_6478b63528694e638ed64c99; background-position: 0px 0px; background-size: 200px; font-family: Figtree; color: white; font-size: 16px; line-height: 1.4em; font-weight: 300;","variants":{"medium":{"styleLess":"padding-top: 74px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4e5a6182-5665-d0d9-2841-1c8fbbfe8af1","fake":false,"type":"class","name":"ms-small-text","namespace":"","comb":"","styleLess":"font-size: 80%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"409172eb-552d-a684-b4a2-40488059d3b0","fake":false,"type":"class","name":"ms-failed-icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 32px; height: 32px; justify-content: center; align-items: center;","variants":{},"children":["824396c3-c4f0-865f-e2a3-a9c07dff11de","28e58cd1-46e4-e6a1-5ee4-3bc7166e0be6","8abd0348-487b-2137-77a3-686e9fc7a94b","b036014d-6832-dfec-81cf-c0daca3e1d0f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e752c11e-cdc6-e3c6-73fe-77df833b212e","fake":false,"type":"class","name":"ms-space","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["e752c11e-cdc6-e3c6-73fe-77df833b2138","e752c11e-cdc6-e3c6-73fe-77df833b213c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b036014d-6832-dfec-81cf-c0daca3e1d0f","fake":false,"type":"class","name":"is-bigger","namespace":"","comb":"&","styleLess":"width: 48px; height: 48px; margin-bottom: 10px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise.png","siteId":"6478b4cb1e571c20f41b74d7","width":400,"isHD":false,"height":400,"fileName":"6478b63528694e638ed64c99_noise.png","createdOn":"2023-06-01T15:16:05.990Z","origFileName":"noise.png","fileHash":"27e00e0a32c821821227f0c376c856ac","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png","origFileName":"noise-p-130x130q80.png","fileName":"6478b63528694e638ed64c99_noise-p-130x130q80.png","format":"png","_id":"64102db2acbad524dddbfe90","cdnUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise.png","thumbUrl":"https://cdn.prod.website-files.com/6478b4cb1e571c20f41b74d7/6478b63528694e638ed64c99_noise-p-130x130q80.png","_id":"6478b63528694e638ed64c99","updatedOn":"2023-06-01T15:16:06.152Z","markedAsDeleted":false,"fileSize":11126}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
The Failed Payment Page is designed to inform users about payment issues and guide them to update their payment methods. It features a clear message and actionable links for user support.
Belangrijkste kenmerken:
- Responsive design suitable for various devices
- Clear heading indicating payment failure
- Instructions for updating payment methods
- Links to contact support and sign up for new accounts
- Customizable background image
Ontwerpelementen:
- Bright background color with a subtle image overlay
- Modern typography with a focus on readability
- Icon representation for visual engagement
- Flexbox layout for centered content
Potentiële gebruikssituaties:
- E-commerce websites handling subscription services
- SaaS platforms requiring payment processing
- Online marketplaces needing user payment management
- Membership sites with recurring billing
- Any business that relies on online transactions
Conclusion: The Failed Payment Page is a versatile component that enhances user experience by providing clear communication and support options during payment failures, making it essential for businesses that rely on online payments.
Bouwen
Begin met het bouwen van je dromen
Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.