Wettbewerb: Erstellen Sie zwischen dem 29. Mai und dem 14. Juni eine SaaS-Anwendung und gewinnen Sie Geldpreise, kostenlose Pläne und mehr!
Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"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
Komponente kopieren
{"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 nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
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.
Wesentliche Merkmale:
- Prominent display for discounts and promotional codes
- Customizable styles for branding
- Responsive Design für verschiedene Geräte geeignet
- Includes a call-to-action link for easy access to offers
Gestaltungselemente:
- 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
Potenzielle Anwendungsfälle:
- 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.
Mit dem Bau beginnen
Bauen Sie Ihre Träume
Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.
.png)
