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":"489018af-8ab6-589c-914d-472084aa9c3e","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f"],"children":["489018af-8ab6-589c-914d-472084aa9c3f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"489018af-8ab6-589c-914d-472084aa9c3f","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","54cb78eb-a029-8e73-54c0-d4085839002b"],"children":["bc095f81-df55-3c38-5968-6cd12a83f70c","aab73c69-7735-fa4e-d527-44996830f69f","04076c56-635b-e3cd-0fe6-c9014376850b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc095f81-df55-3c38-5968-6cd12a83f70c","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"aab73c69-7735-fa4e-d527-44996830f69f","type":"Block","tag":"div","classes":[],"children":["aab73c69-7735-fa4e-d527-44996830f6a0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aab73c69-7735-fa4e-d527-44996830f6a0","text":true,"v":"Enjoy your free trial! Your subscription will automatically begin when your trial ends."},{"_id":"04076c56-635b-e3cd-0fe6-c9014376850b","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f","fake":false,"type":"class","name":"trial-banner","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(356.6666666666667, 100.00%, 96.47%, 1.00); color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); line-height: 25px; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf31","54cb78eb-a029-8e73-54c0-d4085839002b"],"selector":null},{"_id":"54cb78eb-a029-8e73-54c0-d4085839002b","fake":false,"type":"class","name":"flex-center","namespace":"","comb":"&","styleLess":"display: flex; justify-content: center; grid-column-gap: 3%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","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":"489018af-8ab6-589c-914d-472084aa9c3e","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f"],"children":["489018af-8ab6-589c-914d-472084aa9c3f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"is-trialing"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"489018af-8ab6-589c-914d-472084aa9c3f","type":"Block","tag":"div","classes":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","54cb78eb-a029-8e73-54c0-d4085839002b"],"children":["bc095f81-df55-3c38-5968-6cd12a83f70c","aab73c69-7735-fa4e-d527-44996830f69f","04076c56-635b-e3cd-0fe6-c9014376850b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc095f81-df55-3c38-5968-6cd12a83f70c","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"51\" height=\"20\" viewBox=\"0 0 51 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M25.085 8.085L23.495 4.585C23.145 3.805 22.025 3.805 21.675 4.585L20.085 8.085L16.585 9.675C15.805 10.035 15.805 11.145 16.585 11.495L20.085 13.085L21.675 16.585C22.035 17.365 23.145 17.365 23.495 16.585L25.085 13.085L28.585 11.495C29.365 11.135 29.365 10.025 28.585 9.675L25.085 8.085Z\" fill=\"black\"/>\n<path d=\"M48.5425 4.5425L47.7525 6.2925C47.5725 6.6825 47.0125 6.6825 46.8325 6.2925L46.0425 4.5325L44.2925 3.7425C43.9025 3.5625 43.9025 3.0125 44.2925 2.8325L46.0525 2.0425L46.8425 0.2925C47.0225 -0.0975 47.5725 -0.0975 47.7525 0.2925L48.5425 2.0525L50.2925 2.8425C50.6825 3.0225 50.6825 3.5725 50.2925 3.7525L48.5425 4.5425Z\" fill=\"currentColor\"/>\n<path d=\"M39.7593 18.7593L39.2794 19.8223C39.1701 20.0592 38.8299 20.0592 38.7206 19.8223L38.2407 18.7532L37.1777 18.2733C36.9408 18.164 36.9408 17.8299 37.1777 17.7206L38.2468 17.2407L38.7267 16.1777C38.836 15.9408 39.1701 15.9408 39.2794 16.1777L39.7593 17.2468L40.8223 17.7267C41.0592 17.836 41.0592 18.1701 40.8223 18.2794L39.7593 18.7593Z\" fill=\"black\"/>\n<path d=\"M2.0425 8.0425L2.8325 6.2925C3.0125 5.9025 3.5725 5.9025 3.7525 6.2925L4.5425 8.0525L6.2925 8.8425C6.6825 9.0225 6.6825 9.5725 6.2925 9.7525L4.5325 10.5425L3.7425 12.2925C3.5625 12.6825 3.0125 12.6825 2.8325 12.2925L2.0425 10.5325L0.2925 9.7425C-0.0975 9.5625 -0.0975 9.0125 0.2925 8.8325L2.0425 8.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"aab73c69-7735-fa4e-d527-44996830f69f","type":"Block","tag":"div","classes":[],"children":["aab73c69-7735-fa4e-d527-44996830f6a0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aab73c69-7735-fa4e-d527-44996830f6a0","text":true,"v":"Enjoy your free trial! Your subscription will automatically begin when your trial ends."},{"_id":"04076c56-635b-e3cd-0fe6-c9014376850b","type":"HtmlEmbed","tag":"div","classes":["17eca30c-beb1-1365-95c9-a03a4132b4e4"],"children":[],"v":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"44\" height=\"23\" viewBox=\"0 0 44 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.085 4.085L18.495 0.585C18.145 -0.195 17.025 -0.195 16.675 0.585L15.085 4.085L11.585 5.675C10.805 6.035 10.805 7.145 11.585 7.495L15.085 9.085L16.675 12.585C17.035 13.365 18.145 13.365 18.495 12.585L20.085 9.085L23.585 7.495C24.365 7.135 24.365 6.025 23.585 5.675L20.085 4.085Z\" fill=\"black\"/>\n<path d=\"M36.5186 18.5186L35.5588 20.6446C35.3402 21.1185 34.6598 21.1185 34.4412 20.6446L33.4814 18.5065L31.3554 17.5467C30.8815 17.328 30.8815 16.6598 31.3554 16.4412L33.4935 15.4814L34.4533 13.3554C34.672 12.8815 35.3402 12.8815 35.5588 13.3554L36.5186 15.4935L38.6446 16.4533C39.1185 16.672 39.1185 17.3402 38.6446 17.5588L36.5186 18.5186Z\" fill=\"currentColor\"/>\n<path d=\"M42.4491 4.44913L41.8493 5.7779C41.7126 6.07403 41.2874 6.07403 41.1507 5.7779L40.5509 4.44153L39.2221 3.84169C38.926 3.70501 38.926 3.2874 39.2221 3.15072L40.5585 2.55087L41.1583 1.2221C41.295 0.925968 41.7126 0.925968 41.8493 1.2221L42.4491 2.55847L43.7779 3.15831C44.074 3.29499 44.074 3.7126 43.7779 3.84928L42.4491 4.44913Z\" fill=\"black\"/>\n<path d=\"M2.0425 18.0425L2.8325 16.2925C3.0125 15.9025 3.5725 15.9025 3.7525 16.2925L4.5425 18.0525L6.2925 18.8425C6.6825 19.0225 6.6825 19.5725 6.2925 19.7525L4.5325 20.5425L3.7425 22.2925C3.5625 22.6825 3.0125 22.6825 2.8325 22.2925L2.0425 20.5325L0.2925 19.7425C-0.0975 19.5625 -0.0975 19.0125 0.2925 18.8325L2.0425 18.0425Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf1f","fake":false,"type":"class","name":"trial-banner","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; justify-content: space-between; align-items: center; grid-column-gap: 8px; background-color: hsla(356.6666666666667, 100.00%, 96.47%, 1.00); color: hsla(323.5294117647059, 67.11%, 29.80%, 1.00); line-height: 25px; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"045b52ae-aa54-37e8-4dfe-24a5a8c7cf25","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%;","variants":{},"children":["045b52ae-aa54-37e8-4dfe-24a5a8c7cf31","54cb78eb-a029-8e73-54c0-d4085839002b"],"selector":null},{"_id":"54cb78eb-a029-8e73-54c0-d4085839002b","fake":false,"type":"class","name":"flex-center","namespace":"","comb":"&","styleLess":"display: flex; justify-content: center; grid-column-gap: 3%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"17eca30c-beb1-1365-95c9-a03a4132b4e4","fake":false,"type":"class","name":"trial-stars","namespace":"","comb":"","styleLess":"margin-bottom: -5px;","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 Free Trial Banner is designed to inform users about their active free trial status, encouraging engagement and subscription conversion. It can be easily integrated into any Webflow project by copying and pasting the component.
Wesentliche Merkmale:
- Displays a message for users currently on a free trial
- Includes customizable text and icons
- Responsive design suitable for various screen sizes
- Easy integration with Webflow projects
Gestaltungselemente:
- Flexbox layout for alignment and spacing
- Light background color with contrasting text for visibility
- Incorporates graphics for visual appeal
Potenzielle Anwendungsfälle:
- SaaS companies wanting to promote trial subscriptions
- E-commerce platforms offering trial periods for memberships
- Educational platforms providing trial access to courses
- Fitness apps allowing trial periods for premium features
Conclusion: The Free Trial Banner is a versatile and visually appealing component that effectively communicates trial information, making it a valuable addition for businesses looking to enhance user engagement and conversion rates.
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)
