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":"7a7af8c2-d6b1-7923-aced-0259c8b2bf47","type":"Block","tag":"div","classes":["0261abdb-8b7d-b066-bce3-a43b63836240"],"children":["5b21780f-32bb-7077-dd28-745d28e38c51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5b21780f-32bb-7077-dd28-745d28e38c51","type":"Block","tag":"div","classes":["202ba83d-24e8-ad54-1ac8-4705df869f27"],"children":["5a666479-5f54-be8c-d250-a1a5e7ec18f5","55bbbabf-48fa-a7cc-512e-0d6ad649737a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a666479-5f54-be8c-d250-a1a5e7ec18f5","type":"Block","tag":"div","classes":["e204db7f-7293-06dd-418f-cf50e19e858e"],"children":["5a666479-5f54-be8c-d250-a1a5e7ec18f6","b9f54830-801c-db8f-a9d6-98b1bcd83135","2705d2cb-3910-3d16-c480-31e91fca6918","a99d24eb-4bde-38da-ccb7-19b70d94bd6a","e943f2a0-4b6d-e523-a462-fde5f4a5bb3f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a666479-5f54-be8c-d250-a1a5e7ec18f6","text":true,"v":"Black"},{"_id":"b9f54830-801c-db8f-a9d6-98b1bcd83135","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"2705d2cb-3910-3d16-c480-31e91fca6918","text":true,"v":"Friday"},{"_id":"a99d24eb-4bde-38da-ccb7-19b70d94bd6a","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"e943f2a0-4b6d-e523-a462-fde5f4a5bb3f","text":true,"v":"30% off"},{"_id":"55bbbabf-48fa-a7cc-512e-0d6ad649737a","type":"Link","tag":"a","classes":["34a5ad18-3dbf-8798-8889-350f145e4bbf"],"children":["8cb766b9-2263-a0fa-864f-490b5b93cd39"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"8cb766b9-2263-a0fa-864f-490b5b93cd39","type":"Block","tag":"div","classes":[],"children":["8cb766b9-2263-a0fa-864f-490b5b93cd3a","021f5895-9980-d3b7-3ff6-b66a9094d7aa"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8cb766b9-2263-a0fa-864f-490b5b93cd3a","text":true,"v":"USE CODE: "},{"_id":"021f5895-9980-d3b7-3ff6-b66a9094d7aa","type":"Span","tag":"span","classes":["85700603-97de-ada0-ff9e-54033ae3d259"],"children":["7e62c32b-120a-52bd-774e-f223ea74f2ac"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e62c32b-120a-52bd-774e-f223ea74f2ac","text":true,"v":"BLACKFRIDAY"}],"styles":[{"_id":"0261abdb-8b7d-b066-bce3-a43b63836240","fake":false,"type":"class","name":"coupon-section-d","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 70vh; padding-top: 60px; padding-bottom: 60px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"202ba83d-24e8-ad54-1ac8-4705df869f27","fake":false,"type":"class","name":"coupon-box-d","namespace":"","comb":"","styleLess":"padding-top: 0.8em; padding-right: 0.8em; padding-bottom: 0.8em; padding-left: 0.8em; background-color: black; color: white; font-size: 54px; line-height: 1.1em; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e204db7f-7293-06dd-418f-cf50e19e858e","fake":false,"type":"class","name":"coupon-offer-d","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"34a5ad18-3dbf-8798-8889-350f145e4bbf","fake":false,"type":"class","name":"coupon-button-d","namespace":"","comb":"","styleLess":"padding-right: 1em; padding-left: 1em; background-color: hsla(220.34934497816593, 99.13%, 45.29%, 1.00); color: hsla(220.3053435114504, 97.04%, 73.53%, 1.00); font-size: 15px; line-height: 3em; text-decoration: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"85700603-97de-ada0-ff9e-54033ae3d259","fake":false,"type":"class","name":"text-white","namespace":"","comb":"","styleLess":"color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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":"7a7af8c2-d6b1-7923-aced-0259c8b2bf47","type":"Block","tag":"div","classes":["0261abdb-8b7d-b066-bce3-a43b63836240"],"children":["5b21780f-32bb-7077-dd28-745d28e38c51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5b21780f-32bb-7077-dd28-745d28e38c51","type":"Block","tag":"div","classes":["202ba83d-24e8-ad54-1ac8-4705df869f27"],"children":["5a666479-5f54-be8c-d250-a1a5e7ec18f5","55bbbabf-48fa-a7cc-512e-0d6ad649737a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a666479-5f54-be8c-d250-a1a5e7ec18f5","type":"Block","tag":"div","classes":["e204db7f-7293-06dd-418f-cf50e19e858e"],"children":["5a666479-5f54-be8c-d250-a1a5e7ec18f6","b9f54830-801c-db8f-a9d6-98b1bcd83135","2705d2cb-3910-3d16-c480-31e91fca6918","a99d24eb-4bde-38da-ccb7-19b70d94bd6a","e943f2a0-4b6d-e523-a462-fde5f4a5bb3f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a666479-5f54-be8c-d250-a1a5e7ec18f6","text":true,"v":"Black"},{"_id":"b9f54830-801c-db8f-a9d6-98b1bcd83135","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"2705d2cb-3910-3d16-c480-31e91fca6918","text":true,"v":"Friday"},{"_id":"a99d24eb-4bde-38da-ccb7-19b70d94bd6a","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"e943f2a0-4b6d-e523-a462-fde5f4a5bb3f","text":true,"v":"30% off"},{"_id":"55bbbabf-48fa-a7cc-512e-0d6ad649737a","type":"Link","tag":"a","classes":["34a5ad18-3dbf-8798-8889-350f145e4bbf"],"children":["8cb766b9-2263-a0fa-864f-490b5b93cd39"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"8cb766b9-2263-a0fa-864f-490b5b93cd39","type":"Block","tag":"div","classes":[],"children":["8cb766b9-2263-a0fa-864f-490b5b93cd3a","021f5895-9980-d3b7-3ff6-b66a9094d7aa"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8cb766b9-2263-a0fa-864f-490b5b93cd3a","text":true,"v":"USE CODE: "},{"_id":"021f5895-9980-d3b7-3ff6-b66a9094d7aa","type":"Span","tag":"span","classes":["85700603-97de-ada0-ff9e-54033ae3d259"],"children":["7e62c32b-120a-52bd-774e-f223ea74f2ac"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e62c32b-120a-52bd-774e-f223ea74f2ac","text":true,"v":"BLACKFRIDAY"}],"styles":[{"_id":"0261abdb-8b7d-b066-bce3-a43b63836240","fake":false,"type":"class","name":"coupon-section-d","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 70vh; padding-top: 60px; padding-bottom: 60px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"202ba83d-24e8-ad54-1ac8-4705df869f27","fake":false,"type":"class","name":"coupon-box-d","namespace":"","comb":"","styleLess":"padding-top: 0.8em; padding-right: 0.8em; padding-bottom: 0.8em; padding-left: 0.8em; background-color: black; color: white; font-size: 54px; line-height: 1.1em; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e204db7f-7293-06dd-418f-cf50e19e858e","fake":false,"type":"class","name":"coupon-offer-d","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"34a5ad18-3dbf-8798-8889-350f145e4bbf","fake":false,"type":"class","name":"coupon-button-d","namespace":"","comb":"","styleLess":"padding-right: 1em; padding-left: 1em; background-color: hsla(220.34934497816593, 99.13%, 45.29%, 1.00); color: hsla(220.3053435114504, 97.04%, 73.53%, 1.00); font-size: 15px; line-height: 3em; text-decoration: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"85700603-97de-ada0-ff9e-54033ae3d259","fake":false,"type":"class","name":"text-white","namespace":"","comb":"","styleLess":"color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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 Coupon Box is a visually appealing component designed to showcase promotional offers and discounts, making it easy for users to engage with special deals.
Belangrijkste kenmerken:
- Prominent display for discounts and promotional codes
- Customizable styles for branding
- Responsive design suitable for various devices
- Includes a call-to-action link for easy access to offers
Ontwerpelementen:
- Flexbox layout for centered content
- Black background with white text for high contrast
- Large font size for visibility
- Use of line breaks for clear separation of information
Potentiële gebruikssituaties:
- E-commerce websites promoting seasonal sales
- Retail businesses offering limited-time discounts
- Event organizers providing ticket discounts
- Subscription services advertising special offers
- Restaurants promoting meal deals or happy hour specials
Conclusion: The Coupon Box is a versatile and attractive component that can enhance marketing efforts by effectively highlighting promotions and driving customer engagement.
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.