Webflow: Erstellen Sie eine benutzerdefinierte Website

etwa 5000~500000

236

Neunzehn ist nicht. vergeblich heftig

2

52.1.172.62

Webflow:Createacustomwebsite|Visualwebsitebuilder{"@context":"schema.org","@type":"Organization","name":"Webflow","url":"webflow.com","logo":"cdn.prod.website-files.com/6009ec8cda7fc9d91b/651f2091caa28de325c_BlogHeader_Introducing-webflow-2-2400x1260.webp","sameAs":["/webflow","twitter.com/webflow","/company/webflow-inc-","en.wikipedia.org/wiki/Webflow","/webflow","/webflow"],"founder":[{"@type":"Person","name":"VladMdalin","url":"/in/vladmdalin"},{"@type":"Person","name":"BryantChou","url":"/in/bryantchou"},{"@type":"Person","name":"SergieMdalin","url":"/in/sergiemdalin"}],"address":{"@type":"PostalAddress","streetAddress":"39811thSt","addressLocality":"SanFrancisco","addressRegion":"CA","postalCode":"","addressCountry":"US"},"description":"BuildresponsivewebsiteswithWebflow,ano-codewebsitebuilder.Design,build,andlaunchcompletelycustomwebsiteswithoutwritingcode.","foundingDate":"2013","keywords":"webdesign,CMS,websitetemplates,responsivedesign,websitebuilder"}/*Bodymods*/body{min-height:100vh;min-height:-webkit-fill-ailable;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;text-decoration-thickness:0.07em!important;text-underline-offset:0.1em!important;text-underline-position:under;}/*TextSelectionColor*/::-moz-selection{background:rgba(20,110,245,0.95);color:#FFFFFF;}::selection{background:rgba(20,110,245,0.95);color:#FFFFFF;}/*Margintopforheadingsinrichtextelements*/.w-richtext>:first-child{margin-top:0;}.w-richtext>:last-child,.w-richtextolli:last-child,.w-richtextulli:last-child{margin-bottom:0;}.w-input,.w-select,a{color:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;}/*GlobalFocusOutlineColor-willupdatetousenativefocus(keyboard)state*/*:focus:not(:focus-visible){outline:0;}/*-----Button'sarrowmovingonhover-----*/.card:hover.button-icon_right,.button:hover.button-icon_right{transform:translateX(8px);}.card:hover.button-icon_top-right,.button:hover.button-icon_top-right{transform:translate(8px,-8px);}/*Truncationutility*/.u-truncate-2lines{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.u-truncate-3lines{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}/*Featurecontentandimesopacityoncurrent*/.sticky-features_item-anchor+.sticky-features_item-content{opacity:0.2;}.sticky-features_item-anchor+.sticky-features_img-wrapper{opacity:0;}.sticky-features_item-anchor.w--current+div{opacity:1;z-index:10;}/*Featuretabstransitions*/.feature_tab-link.w--current.tab-link_description{opacity:1;height:auto;transition:opacity.5sease-out,max-height1.2scubic-bezier(.165,.84,.44,1);display:block;}.feature_tab-link.cc-dark.w--current.tab-link_description{color:var(--gray-200);}.feature_tab-link.cc-dark.w--current.feature_item-content{color:var(--white);}@mediaonlyscreenand(max-width:991px){.feature_tab-link.tab-link_description.cc-mobile-visibility{opacity:1;height:auto;display:block;max-height:200px;transition:opacity.5sease-out,max-height1.2scubic-bezier(.165,.84,.44,1);}.feature_tab-link.cc-dark.tab-link_description{color:var(--gray-200)!important;}}/*Featuresdropdown— Usedinherosectioninourfeaturepes*/[theme="light"].features-dropdown-toggle,[theme="light"].brand-boilerplate-components--features-dropdown-toggle{color:#5a5a5a;border-color:#d8d8d8;}[theme="light"].features-dropdown-toggle:hover,[theme="light"].features-dropdown-toggle.w--open,[theme="light"].brand-boilerplate-components--features-dropdown-toggle:hover,[theme="light"].brand-boilerplate-components--features-dropdown-toggle.w--open{color:#;border-color:#5a5a5a;}.features-dropdown-link_block:hover*:not(.t_new):not(.brand-boilerplate-components--t_new),.brand-boilerplate-components--features-dropdown-link_block:hover*:not(.t_new):not(.brand-boilerplate-components--t_new){text-decoration:underline;}@media(prefers-reduced-motion){/*Removetransitionfromalltomakethingsinstant*/*{-webkit-transition:all0slinear0s!important;transition:all0slinear0s!important;}/*Customclassestohide/showcontent*/.a11y-reduce-motion-show{display:block!important;}.a11y-reduce-motion-hide{display:none;}}//AddreducedmotionIXtoconstobserver=newMutationObserver(function(m,mo){constbody=document.body;if(body){body.setAttribute("data-wf-ix-vacation","1");mo.disconnect();}});observer.observe(document,{childList:true,subtree:true,}); //Loadallofthisafterthewholepe(andjquery)hasloadedwindow.onload=function(){//Setfooteryear$('[class$="footer-_year"]').text(newDate().getFullYear());//"Skiptomain"scriptvarskipLinkEle=document.getElementById('skip-link');if(skipLinkEle){skipLinkEle.addEventListener('clickkeydown',function(e){if(e.type==="keydown"&&e.which!==13){return;}e.preventDefault();vartarget=document.getElementById('main');target.setAttribute('tabindex','-1');target.focus();});}//TrapmodalfocusandenableESCkeyforaccessibilityvarbuttonThatOpenedModal;varfindModal=function(elem){vartabbable=elem.find('select,input,textarea,button,a').filter(':visible');varfirstTabbable=tabbable.first();varlastTabbable=tabbable.last();firstTabbable.focus();lastTabbable.on('keydown',function(e){if((e.which===9&&!e.shiftKey)){e.preventDefault();firstTabbable.focus();}});firstTabbable.on('keydown',function(e){if((e.which===9&&e.shiftKey)){e.preventDefault();lastTabbable.focus();}});elem.on('keydown',function(e){if(e.keyCode===27){$(elem).find('[class$="modal-close_btn"]').click();};});};varmodalOpenButton=$('[class$="modal-open_btn"]');modalOpenButton.on('keydown',function(e){if(e.which!==13&&e.which!==32){return;}e.preventDefault();varevt=document.createEvent("MouseEvents");evt.initMouseEvent("click",true,true,window,0,0,0,0,0,false,false,false,false,0,null);$(this).get(0).dispatchEvent(evt);});modalOpenButton.on('click',function(){$(this).next().show();findModal($(this).next());buttonThatOpenedModal=$(this);});varmodalCloseButton=$('[class$="modal-close_btn"],[class$="modal-close_area"]');modalCloseButton.on('keydown',function(e){if(e.which!==13&&e.which!==32){return;}e.preventDefault();varevt=document.createEvent("MouseEvents");evt.initMouseEvent("click",true,true,window,0,0,0,0,0,false,false,false,false,0,null);$(this).get(0).dispatchEvent(evt);});modalCloseButton.on('click',function(){$(this).closest('[class$="modal-wrapper"]').hide();if(buttonThatOpenedModal){buttonThatOpenedModal.focus();buttonThatOpenedModal=null;}});//ToggleaccordionattributesforaccessibilityvaraccordionToggleButton=$('.accordion-trigger');accordionToggleButton.on('keydown',function(e){if(e.which!==13&&e.which!==32){return;}e.preventDefault();varevt=document.createEvent("MouseEvents");evt.initMouseEvent("click",true,true,window,0,0,0,0,0,false,false,false,false,0,null);$(this).get(0).dispatchEvent(evt);});accordionToggleButton.on('click',function(e){$(this).toggleAttrVal('aria-expanded',"false","true");$(this).parent().find('.accordion-content').toggleAttrVal('aria-hidden',"true","false");});//jQuerymethodtotoggleattributevalue$.fn.toggleAttrVal=function(attr,val1,val2){vartest=$(this).attr(attr);if(test===val1){$(this).attr(attr,val2);returnthis;}if(test===val2){$(this).attr(attr,val1);returnthis;}$(this).attr(attr,val1);returnthis;};};/*Loopherologos*/.logo_grid-logos_wrapper,.miw_group{-webkit-animation:loopstuff140slinearinfinite;-moz-animation:loopstuff140slinearinfinite;-o-animation:loopstuff140slinearinfinite;}@media(prefers-reduced-motion){.logo_grid-logos_wrapper,.miw_group{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;}}@-webkit-keyframesloopstuff{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}@-moz-keyframesloopstuff{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}@-o-keyframesloopstuff{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}@keyframesloopstuff{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}/*Featuretabbaroncurrenttab*/.feature-tabs_link.w--current.feature-tabs_bar{transform:scale(2,1);}/*Customerscustomaccordion*/.customers-slider_slide.customers-slide_logo,.customers-slider_slide.customers-slide_frame{opacity:0;}.customers-slider_slide.cc-active.customers-slide_logo,.customers-slider_slide.cc-active.customers-slide_frame{opacity:1;}@media(prefers-reduced-motion){.customers-slider_slide,.customers-slider{transition-duration:0ms;}}Discovertopwebsitetrendsandinsightsfor2025Readreport↗/*Makeg-n_wrapperrelativeifstickywrapperappliedfortopnotificationbanneruse*/.notification_bar+.g-n-wrapper{position:sticky;top:0;}.notification_bar+.g-n-wrapper.g-n-wrapper-position{position:relative;}body:has(.notification_bar){position:relative;}/*Makeg-n_wrapperrelativeifstickywrapperappliedfortopnotificationbanneruse*/[class$="notification_bar"]+[class$="g-n-wrapper"]{position:sticky;top:0;}[class$="notification_bar"]+[class$="g-n-wrapper"][class$="g-n-wrapper-position"]{position:relative;}body:has([class$="notification_bar"]){position:relative;}/*Makeg-n_wrapperrelativeifstickywrapperappliedfortopnotificationbanneruse*/.brand-boilerplate-components--notification_bar+.brand-boilerplate-components--g-n-wrapper{position:sticky;top:0;}.brand-boilerplate-components--notification_bar+.brand-boilerplate-components--g-n-wrapper.brand-boilerplate-components--g-n-wrapper-position{position:relative;}body:has(.brand-boilerplate-components--notification_bar){position:relative;}SkiptomaincontentWebflowContactsalesPlatformBuildDesignBuildhigh-performingsitesEditmodeEmpoweryourcontentteamInteractionsCraftimmersiveexperiencesPebuildingNewLaunchsimplelandingpesquicklyandeasilyManeCMSManecontentatscaleHostingHostandscaleyoursitewithoutthehassleLocalizationCustomizeyoursiteforaworldwideaudienceSecurityEnsureyoursitestayssafeOptimizeAnalyzeNewUnderstandhowyoursiteperformsOptimizeNewMaximizeconversionswithtestingandpersonalizationSEOGrowyourreachwithfine-tunedcontrolsExtendAppsConnectyoursitetoappslikeHubSpot,AdobeExpress,andmoreFigmatoWebflowTurnstaticdesignsintoclean,production-readycodePlatformoverviewExplorethepoweroftheWebflowPlatform↗AI atWebflowElevateyoursitewiththepowerofAI↗SolutionsWebflowforEnterpriseBuiltforworld-classorganizationsenciesAccelerateyourency’sgrowthFreelancersBuildcustomsitesforclientsGlobalalliancesUnlockenterprise-levelpartnershipStartupsMovefasterwithWebflowClassroomsRegistertouseWebflowforfreeCompareContentfulSitecoreWixWordPressCustomerstory↗HowDropboxSigntransformedcollaborationwithWebflow67%DecreaseindevticketingCustomerstoriesBrowseWebflowsuccessstoriesResourcesGetstartedTemplatesWebsitetemplatesforanyusecaseMadeinWebflowFindandcloneinspiringsitesHireaCertifiedPartnerFindafreelancerorencytohelpwithyournextprojectDevelopersSubmitanapp,exploreourAPIs,gettechnicalsupport,andmoreLearnWebflowUniversityLearnwebdesignanddevelopmentforfreeBlogStories,insights,andadviceforhowyoubuildforthewebResourcesFreeebooks,webinars,whitepapers,andreportsDiscoverCustomerstoriesExploreenterpriseandencysuccessstoriesCommunityConnectwiththeworldwideWebflowcommunityPartnerwithWebflowGrowyourbusinessbybecomingaWebflowpartnerGethelpSupportJumpintoourproductdocsorconnectwithourSupportteamForumAskquestionsandlearnalongsideotherWebflowusersEnterprisePricingLoginContactsalesGetstarted— itx27;sfree//ClosemodalwhenpressingtheEsckeywindow.addEventListener('keyup',function(event){if(event.which===27){wf_utils.signupModalUtils.closeModal();}});//Lockbodyscrollwhennisopenwindow.addEventListener('DOMContentLoaded',(event)=>{$('.brand-boilerplate-components--g-n_menu-button,.w-n-overlay').click(function(){if($('body').css('overflow')!=='hidden'){$('body').css('overflow','hidden');}else{$('body').css('overflow','auto');}});});//Globaln-Changessubnheightandwidthinaveryflowywaywindow.onload=function(){$('.brand-boilerplate-components--g-n_menu-dropdown_toggle').on('click',function(){constcontainerElement=$(this).next().find('.brand-boilerplate-components--g-n_menu_container');setTimeout(function(){constcontainerWidth=containerElement.outerWidth();$('.brand-boilerplate-components--g-n_menu-container-bg').width(containerWidth);constcontainerHeight=containerElement.outerHeight();$('.brand-boilerplate-components--g-n_menu-container-bg').height(containerHeight);},50);});};/*Loweringz-indexsothatit'sbelowthenwhenopened*/.w-webflow-badge{z-index:100!important;}/*Nstylingandfocusstates*/.g-n_menu-section_link:focus.g-n_menu-section_link-heading,.g-n_menu-section_link-row:focus.g-n_menu-section_link-heading{text-decoration:underline;}.g-n_menu-section_link:hover.g-n_menu-beta_t,.g-n_menu-section_link:focus.g-n_menu-beta_t{text-decoration:none!important;}.g-n*:focus{outline:none!important;}/*Onsmallerdesktopdevices,thereisalackofpackingonboththemegan,andthedropdown,thatneedstobecompensatedaccordingly*/@media(min-width:992px)and(max-width:1320px){.g-n{padding:0px8px0px20px;}.g-n_menu_container.cc-small{margin-left:auto;margin-right:auto;}.g-n_menu-content_block{padding-right:20px;}.g-n_menu-grid-left{padding-left:20px;}}@mediascreenand(max-width:1068px)and(min-width:992px){.g-n_menu-link_wrapper.button{padding:12px16px;}.g-n_menu-left{grid-column-gap:1rem;}.g-n_menu-right{grid-column-gap:1rem;}.button.cc-n{padding:14px16px;font-size:0.9rem;}.g-n{padding:0px8px0px16px;}.g-n_menu-link_wrapper{font-size:0.9rem;}}.w-n-overlay{overflow:scroll!important;}/*-----Styling-----*/.g-n[theme="dark"]{background-color:#;}.g-n[theme="dark"].g-n_menu-link_wrapper,.g-n[theme="dark"].g-brand-logo,.g-n[theme="dark"].g-n_menu-dropdown_toggle,.g-n[theme="dark"].g-n_menu-link_wrapper-mobile{color:#FFFFFF;opacity:1;}.g-n[theme="dark"].g-n_menu-button-icon{filter:invert(1);}@mediaonlyscreenand(min-width:991px){.g-n_menu-link_wrapper{transition:color0.3s;/*Smoothcolortransition*/}.g-n_menu-mobile-flex:hover.g-n_menu-link_wrapper,.g-n_menu-mobile-flex:hover.g-n_menu-dropdown_toggle,.g-n_menu-mobile-flex:hover.g-n_menu-link_wrapper{color:#5A5A5A;/*Changecolorofalllinkstodarkgraywhennigationishovered*/}.g-n_menu-mobile-flex.g-n_menu-dropdown_toggle:hover,.g-n_menu-mobile-flex.g-n_menu-dropdown_toggle.w--open,.g-n_menu-mobile-flex.g-n_menu-link_wrapper:hover{color:#;/*Ensurethehoveredlinkremainsblack*/}.g-n[theme="dark"].g-n_menu-mobile-flex:hover.g-n_menu-dropdown_toggle,.g-n[theme="dark"].g-n_menu-mobile-flex:hover.g-n_menu-link_wrapper{color:#ABABAB;/*Changecolorofalllinkstolightgraywhennigationishovered*/}.g-n[theme="dark"].g-n_menu-mobile-flex.g-n_menu-link_wrapper:hover,.g-n[theme="dark"].g-n_menu-mobile-flex.g-n_menu-dropdown_toggle:hover,.g-n[theme="dark"].g-n_menu-mobile-flex.g-n_menu-dropdown_toggle.w--open{color:#FFFFFF;/*Ensurethehoveredlinkremainswhite*/}}@mediaonlyscreenand(max-width:991px){.g-n[theme="dark"].g-n_menu-link_wrapper,.g-n[theme="dark"].g-n_menu-dropdown_toggle,.g-n_menu-link_wrapper,.g-n_menu-dropdown_toggle{color:#;}.g-n_menu-link_wrapper:hover,.g-n[theme="dark"].g-n_menu-link_wrapper:hover,.g-n[theme="dark"].g-brand-logo:hover,.g-n[theme="dark"].g-n_menu-dropdown_toggle:hover{color:#146EF5;}.g-n_menu{height:calc(100vh-65px)!important;min-height:auto;}}/*-----Animating-----*/.g-n_menu-sectioWebflow: Erstellen Sie eine benutzerdefinierte Websiten-list_item{opacity:0;transform:translateY(20px);transition:opacity0.3sease,transform0.3sease;}.g-n_menu-dropdown.w--open.g-n_menu-section-list_item{opacity:1;transform:translateY(0);}/*Adjustmentforthepublishedliveversion*//*Nstylingandfocusstates*/.brand-boilerplate-components--g-n_menu-section_link:focus.brand-boilerplate-components--g-n_menu-section_link-heading,.brand-boilerplate-components--g-n_menu-section_link-row:focus.brand-boilerplate-components--g-n_menu-section_link-heading{text-decoration:underline;}.brand-boilerplate-components--g-n_menu-section_link:hover.brand-boilerplate-components--g-n_menu-beta_t,.brand-boilerplate-components--g-n_menu-section_link:focus.brand-boilerplate-components--g-n_menu-beta_t{text-decoration:none!important;}.brand-boilerplate-components--g-n*:focus{outline:none!important;}/*Onsmallerdesktopdevices,thereisalackofpackingonboththemegan,andthedropdown,thatneedstobecompensatedaccordingly*/@media(min-width:992px)and(max-width:1320px){.brand-boilerplate-components--g-n{padding:0px8px0px20px;}.brand-boilerplate-components--g-n_menu_container.cc-small{margin-left:auto;margin-right:auto;}.brand-boilerplate-components--g-n_menu-content_block{padding-right:20px;}.brand-boilerplate-components--g-n_menu-grid-left{padding-left:20px;}}@mediascreenand(max-width:1068px)and(min-width:992px){.brand-boilerplate-components--g-n_menu-link_wrapper.button{padding:12px16px;}.brand-boilerplate-components--g-n_menu-left{grid-column-gap:1rem;}.brand-boilerplate-components--g-n_menu-right{grid-column-gap:1rem;}.button.cc-n{padding:14px16px;font-size:0.9rem;}.brand-boilerplate-components--g-n{padding:0px8px0px16px;}.brand-boilerplate-components--g-n_menu-link_wrapper{font-size:0.9rem;}}.w-n-overlay{overflow:scroll!important;}/*-----Styling-----*/.brand-boilerplate-components--g-n[theme="dark"]{background-color:#;}.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-link_wrapper,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-brand-logo,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-dropdown_toggle,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-link_wrapper-mobile{color:#FFFFFF;opacity:1;}.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-button-icon{filter:invert(1);}@mediaonlyscreenand(min-width:991px){.brand-boilerplate-components--g-n_menu-link_wrapper{transition:color0.3s;/*Smoothcolortransition*/}.brand-boilerplate-components--g-n_menu-mobile-flex:hover.brand-boilerplate-components--g-n_menu-link_wrapper,.brand-boilerplate-components--g-n_menu-mobile-flex:hover.brand-boilerplate-components--g-n_menu-dropdown_toggle,.brand-boilerplate-components--g-n_menu-mobile-flex:hover.brand-boilerplate-components--g-n_menu-link_wrapper{color:#5A5A5A;/*Changecolorofalllinkstodarkgraywhennigationishovered*/}.brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-dropdown_toggle:hover,.brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-dropdown_toggle.w--open,.brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-link_wrapper:hover{color:#;/*Ensurethehoveredlinkremainsblack*/}.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-mobile-flex:hover.brand-boilerplate-components--g-n_menu-dropdown_toggle,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-mobile-flex:hover.brand-boilerplate-components--g-n_menu-link_wrapper{color:#ABABAB;/*Changecolorofalllinkstolightgraywhennigationishovered*/}.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-link_wrapper:hover,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-dropdown_toggle:hover,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-mobile-flex.brand-boilerplate-components--g-n_menu-dropdown_toggle.w--open{color:#FFFFFF;/*Ensurethehoveredlinkremainswhite*/}}@mediaonlyscreenand(max-width:991px){.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-link_wrapper,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-dropdown_toggle,.brand-boilerplate-components--g-n_menu-link_wrapper,.brand-boilerplate-components--g-n_menu-dropdown_toggle{color:#;}.brand-boilerplate-components--g-n_menu-link_wrapper:hover,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-link_wrapper:hover,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-brand-logo:hover,.brand-boilerplate-components--g-n[theme="dark"].brand-boilerplate-components--g-n_menu-dropdown_toggle:hover{color:#146EF5;}.brand-boilerplate-components--g-n_menu{height:calc(100vh-65px)!important;min-height:auto;}}/*-----Animating-----*/.brand-boilerplate-components--g-n_menu-section-list_item{opacity:0;transform:translateY(20px);transition:opacity0.3sease,transform0.3sease;}.brand-boilerplate-components--g-n_menu-dropdown.w--open.brand-boilerplate-components--g-n_menu-section-list_item{opacity:1;transform:translateY(0);}TrustedbyteamsatMorethanawebsitebuilderYoursiteshoulddomorethanlookgoodAsthefirst-everwebsiteexperienceplatform,Webflowletsmarketers,designers,anddeveloperscometogethertobuild,mane,andoptimizewebexperiencesthatgetresults.StartbuildingContactsales→PlayPauseDesignandbuildDesignerscantakecontrolofHTML,CSS,andJaScriptinavisualcanvas—whilemarketerscanworkwithpre-made,design-approvedbuildingblocks.Learnmore ↓PublishandeditChoosehowyouwanttoadd,edit,andupdatecontentatscalewithWebflow’sCMS:visuallyinourplatformorprogrammaticallythroughourheadlessAPIs.Learnmore ↓AnalyzeandoptimizeTransformyoursiteintoyourmostvaluablemarketingassetwithnativetoolsforAI-poweredpersonalization,A/Btesting,SEO,localization,and more.Learnmore ↓Scaleandcollaborate15,000websitesarepublishedwithWebfloweveryhour.Confidentlyscaleyoursitewithtoolsforhosting,security,compliance,andpublishing—plusconnecttoyourtechstackwithintegrationsandAPIs.Learnmore ↓OnepowerfulplatformDesignandbuildPublishandeditAnalyzeandoptimizeScaleandcollaborateLaunchpixel-perfectsitesRethinkthewebdevcyclewithWebflow.Giveyourdesignandmarketingteamsthepowertolaunchsophisticatedsitesquickly—soyourdevteamcanfocusonmorecomplexwork,notpixel-perfectrevisions.Getstarted—it’sfreeDesignwithoutlimitsWebflowputsthepowerofcodeintoavisualcanvassoeveryteamcancreatestunningwebsitesquickly—andextendthepoweroftheirworkwithcustom code.Createcomplex,richinteractionsDesignscroll-basedandmulti-stepinteractionsandanimationsandeasilyworkwithGSAP,Spline,3D,Lottie,andRive—allwithouteventhinkingabout code.Empowereveryonetobuildon-brand sitesGivelesstechnicalteamsthetoolstheyneedtobuildconfidentlywithreusabledesignsystemspoweredbyvariables,components,and libraries.CreateevenfasterwiththeWebflowAI AssistantWebflow’sAIAssistantletsyoubuildfasterandmoreefficientlybyapplyingyoursitex27;sexistingdesignsystemtonewpe sections.DiscoverDesigner→PlayPauseDiscoverInteractions→PlayPauseDiscoverpebuilding→PlayPauseDiscoverAIAssistant→PlayPauseThebestcompaniesbuildon Webflow←Slideleft→SliderightPlayPause$1M+increasedrevenue“Webflowhasthepowerofcustomcodedwebdevelopmentbuttheaccessibilityofavisualinterface.It’sintuitiveinawaythatotherplatformssimplyarenot.”MarcusJones—COOReadstory→PlayPause5kFasterspeedtomarket“Webflowx27;svisual-firstCMShasbeenverypowerfulinhelpingussetimeonshippingnewpes.Wenolongerneedtorelyonanin-housewebdevelopertobuildnewcontent.”JennyThai—HeadofContentReadstory→PlayPause20%increaseinorganictraffic“WithWebflow,we’vesignificantlyimprovedorganictraffic,SEO,andconversions.FrommyperspectiveasCMO,that’sahugewinbecauseourbrandisreachingmorepeople.”ElizabethWaltonEgan—CMOReadstory→PlayPause98%Increaseinspeedtomarket“WithWebflowEnterprise,wex27;reabletomovewithtrustandconfidencethatthingswillgetdonequicklywithoutcompromisingourbrandordrainingresources.”CatOrigitano—VPofProduct&PortfolioMarketingReadstory→PlayPause3xFasterpebuilds“Webflowhasgivenourmarketingteamthefreedomtobuildwithoutcompromisingonourvision,whichiscriticalinourfast-pacedindustry.”MeghanKeaneyAnderson—HeadofMarketingReadstory→Manecontentvisually,publishanywhereWebflow’svisual-first,composableCMSismadeforeveryonewhohasahandincraftingdigitalexperiences—soyoucanshiphigh-impactcontent, faster.Getstarted—it’sfreeSeamlesslywrite,edit,and publishWrite,edit,andupdatecontent—orgenerateitwiththehelpofAI—directlyinWebflow,thenpublishwitha click.DesignwithdynamiccontentEasilycreatepelayoutsbyaddingtheelementsyouwantandpullingincontentfromtheCMS.Pluscreatereusabletemplatesfordynamiccontent—designthelayoutonceandanynewcontentwillautomaticallyfollow it. Programmaticallydelivercontentat scaleProgrammaticallyservecontentinandoutofWebfloworconnectwithbest-of-breedtoolsthroughWebflow’spowerfulCMS APIs.CreatefullylocalizedexperiencesFromdesigntotranslationtobest-in-classSEO,customizeyoursiteforaworldwideaudiencewithanative,end-to-endsolution.DiscoverCMS→PlayPauseDiscoverCMS→PlayPauseDeveloperdocs→PlayPauseDiscoverLocalization→PlayPauseAIatWebflowWebflow’sAItoolselevateyourwebprojectsthroughcontextualdesignandwritinghelp,machine-poweredtranslation,and more.DiscoverAIatWebflow→GeneratestyledcontentquicklyWhetheryoux27;retryingtobuildevenfasteroryou’rejustnewtoWebflow,youcanuseAIAssistanttogeneratenewpesectionsusingyoursitex27;sexistingdesignsystem.Exploredocumentation→GeneratetextrightwithinWebflowQuicklyandeasilycreatenewcontent,nativelywithinWebflow.Fromgeneratingfirst-passcontenttopublishingatspeed,theAIAssistantcanhelpyoudevelopvariationswithjustafewclicks.Exploredocumentation→Driverealbusinessresults,fastDeliverwebexperiencesthatgetresultswithbuilt-intoolsforanalytics,A/Btesting,AI-drivenpersonalization,and SEO.Getstarted—it’sfreeUnderstandsiteperformanceWebflowAnalyzeputsanative,unifiedviewofvisitorbehiorintothehandsofdesignersandmarketers—sotheycanmakedata-drivensiteimprovements.Iterate,test,repeatWebflowOptimizegivesmarketersthetoolstoincreaseconversions,includingnativeA/BtestingandAI-poweredpersonalization.KeepyourSEOcontrolsundercontrolImproveyourSEOanddiscoverabilitywithfine-tunedcontrols,high-performancehosting,andflexiblecontentmanementtools.DiscoverAnalyze→PlayPauseDiscoverOptimize→PlayPauseDiscoverSEO→PlayPauseScaleyoursiteandbusinessToolstosupportyourgrowth—withoutsacrificingspeed,quality,or security.CollaborationandcontrolWorkbettertogetherandoidunauthorizedchangeswithadvancedrolesandpermissions,publishingworkflows,designapprovals,and more.SecurehostingbydesignScalesecurelywithreliable,fasthosting,manedforyou—pluslaunchwithpeaceofmindthankstoWebflow’srobustsecurityandcompliancefeatures,soyoucangrowwithuninterruptedmomentum.SecurityatWebflow→Explorehosting→APIsandintegrationsConnectyoursitetothetoolsyourteamuseseverydaywithnativeintegrationsandAPIs—plusfindandlaunchappsin Webflow.Browseapps→Developerdocs→TryitforfreeGetstarted—it’sfreeTryWebflowforaslongasyoulikewithourfreeStarterplan.PurchaseapaidSiteplantopublish,host,andunlockadditionalfeatures.ContactsalesInterestedinWebflowEnterprise?Getintouchwithoursalesteamtoreceiveafreepersonalizeddemo.Contactsales→HireaCertifiedPartnerExtendthepowerofyourteambyhiringaCertifiedWebflowPartner—wex27;llmatchyouwiththebestinthebusiness.BrowsePartners→Over3MsitesrunningonWebflow.MadeinWebflowMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSitWebflow: Erstellen Sie eine benutzerdefinierte WebsiteeMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteMadeinWebflowSiteProductPlatformDesignEditmodeInteractionsPebuildingNewCMSHostingLocalizationSecurityEcommerceAnalyzeNewOptimizeNewSEODevLinkLabsFigmatoWebflowLabsAccessibilityAISolutionsEnterpriseStartupsGlobalalliancesenciesFreelancersClassroomsResourcesUniversityBlogCustomerstoriesWebinarsandebooksAppsLibrariesTemplatesDevelopersMadeinWebflowGlossaryLivestreamsCompanyAboutCareersWex27;reHiringPressWebflowVenturesWebflowShopTermsofServicePrivacypolicyCookiepolicyCookiepreferencesAccessibilitystatementSitemapCommunityDiscoverthecommunityPartnerwithWebflowCertifiedPartnersBecomeatemplatedesignerBecomeanaffiliateBecomeaGlobalLeaderFindameetupnearyouGethelpSupportPricingStatusForumWishlist©2024Webflow,Inc.AllrightsreservedMadeinWebflowYouTubeXFacebookLinkedinInstramTikTok//--Amplitudeinitializewf_analytics.init({ peView:{name:'WebsiteViewed',data:{redirect:false//notaredirecttodashboard}},trackScroll:true,pe:'website'});//----Setauserloggedin/outattributeinIntellimize----intellimize.ready(()=>{wf_utils.getUser((user)=>{constisLoggedIn=user?'true':'false';constscope='user';//or'peview'constattributes={loggedIn:isLoggedIn};intellimize.setAttributes(scope,attributes);});});//GetUTMparametersfromcurrentURLfunctiongetUTMParams(){consturlParams=newURLSearchParams(window.location.search);constutmParams={};['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(param=>{if(urlParams.has(param)){utmParams[param]=urlParams.get(param);}});returnutmParams;}//CheckifdomainisWebflowfunctionisWebflowDomain(hostname){returnhostname.endsWith('webflow.com')||hostname.endsWith('webflow.io');}//CheckifURLalreadyhasUTMparametersfunctionhasUTMParams(url){returnArray.from(url.searchParams.keys()).some(param=>param.startsWith('utm_'));}//ApplyUTMparameterstoalllinksfunctionapplyStickyUTM(){constutmParams=getUTMParams();if(Object.keys(utmParams).length===0)return;document.querySelectorAll('a').forEach(link=>{if(link.href.startsWith('#')||link.href.startsWith('jascript:'))return;try{consturl=newURL(link.href);if(!isWebflowDomain(url.hostname)||hasUTMParams(url))return;Object.entries(utmParams).forEach(([key,value])=>{url.searchParams.set(key,value);});link.href=url.toString();}catch(e){console.warn('InvalidURL:',link.href);}});}//RunwhenDOMisloadeddocument.addEventListener('DOMContentLoaded',applyStickyUTM);//Runwhencontentchangesif(window.MutationObserver){newMutationObserver(()=>applyStickyUTM()).observe(document.body,{subtree:true,childList:true});}//---Accessibility:Checkforprefers-reduced-motion---constprefersReducedMotion=window.matchMedia("(prefers-reduced-motion:reduce)").matches;if(prefersReducedMotion){console.log("Userprefersreducedmotion.Videoswillnotbeloadedorplayed.");}//---Removedesktop-onlyvideosonsmallscreens---functionremoveDesktopOnlyVideos(){if(window.innerWidth{video.remove();});}}removeDesktopOnlyVideos();//------------------------------------------------------------//---Videolazyloading-------------------------------------//------------------------------------------------------------constvideos=document.querySelectorAll("video[data-video]");constobserverOptions={root:null,rootMargin:"300px",threshold:0,};//LazyloadvideoswhentheyintersectconstvideoObserverCallback=(entries,observer)=>{entries.forEach((entry)=>{if(entry.isIntersecting){constvideo=entry.target;lazyLoadVideo(video).then(()=>observer.unobserve(video))//Stopobservingafterload.catch(console.error);}});};//InitializeIntersectionObserverconstvideoObserver=newIntersectionObserver(videoObserverCallback,observerOptions);constlazyLoadVideo=(video)=>{returnnewPromise((resolve,reject)=>{constsource=video.querySelector("source[data-src]");if(source&&!source.src){source.src=source.getAttribute("data-src");video.load();video.addEventListener("canplaythrough",functiononCanPlayThrough(){video.removeEventListener("canplaythrough",onCanPlayThrough);resolve();});video.addEventListener("error",functiononError(){video.removeEventListener("error",onError);reject(newError(`Errorloadingvideo:${source.src}`));});}else{resolve();//Alreadyloadedorsourcemissing}});};//Startobservingvideosforlazyloadingvideos.forEach((video)=>videoObserver.observe(video));//----------------------------------------------------------------//---Videoplay/pausebuttons-----------------------------------//----------------------------------------------------------------consthandlePlaybackButtons=(video)=>{constvideoPlaybackType=video.getAttribute("data-video-playback");//FindcontainerandbuttonsconstplaybackPosition=document.querySelector(`.features_video-playback-position[data-video="${video.getAttribute("data-video")}"]`)?.closest(".features_video-playback-position");if(!playbackPosition)return;//SafetycheckconstplayButton=playbackPosition.querySelector('[data-video-playback="play"]');constpauseButton=playbackPosition.querySelector('[data-video-playback="pause"]');if(!playButton||!pauseButton)return;//HelperfunctiontotogglebuttonvisibilityconsttoggleButtonVisibility=(isPlaying)=>{playButton.style.display=isPlaying?"none":"flex";pauseButton.style.display=isPlaying?"flex":"none";};//SetinitialbuttonstatetoggleButtonVisibility(!video.paused);//EventlistenerforplaybuttonplayButton.addEventListener("click",async(event)=>{event.stopPropation();try{awaitlazyLoadVideo(video,true);video.play();toggleButtonVisibility(true);}catch(error){console.error(error);}});//EventlistenerforpausebuttonpauseButton.addEventListener("click",(event)=>{event.stopPropation();video.pause();toggleButtonVisibility(false);});//Syncbuttonstatewithvideoplay/pauseeventsvideo.addEventListener("play",()=>toggleButtonVisibility(true));video.addEventListener("pause",()=>toggleButtonVisibility(false));};//Scroll-triggeredvideoplayconsthandleScrollTrigger=(video,trigger)=>{consttriggerType=trigger.getAttribute("data-video-trigger");constobserver=newIntersectionObserver(async(entries)=>{entries.forEach(async(entry)=>{if(entry.isIntersecting){try{//AlwayslazyloadthevideoawaitlazyLoadVideo(video,true);//Ifreducedmotionispreferred,don'tplaythevideo,justshowtheposterif(!prefersReducedMotion){video.currentTime=0;video.play();}//Onlyunobserveifit'snotascroll-intriggerif(triggerType!=="scroll-in"){observer.unobserve(trigger);}}catch(error){console.error(error);}}elseif(triggerType==="scroll-in"){//Onlypauseonscrolloutifit'sascroll-intriggervideo.pause();}});},{threshold:0.5});observer.observe(trigger);};//Iterateovereachvideoelementandhandlecontrolsvideos.forEach((video)=>{if(prefersReducedMotion){video.pause();//Ensureallvideosarepausedifreducedmotionispreferred}else{videoObserver.observe(video);//Observevideosforlazyloading}//Initializeplay/pausebuttonhandlinghandlePlaybackButtons(video);//Handlescroll/tabtriggersconstvideoId=video.getAttribute("data-video");consttrigger=document.querySelector(`[data-video="${videoId}"][data-video-trigger]`);if(trigger){consttriggerType=trigger.getAttribute("data-video-trigger");if(triggerType==="tab"||triggerType==="scroll-in"){handleScrollTrigger(video,trigger);}}});//----------------------------------------------------------------//---AutoplayFeatureTabs--------------------------------------//----------------------------------------------------------------document.querySelectorAll(".feature-tabs_menu").forEach((tabsMenu)=>{if(prefersReducedMotion){console.log("Autoplayfeaturetabsdisabledduetoreducedmotionpreference.");return;}lettabTimeout;constINTERVAL=;functionhandleTabChange(newActiveTab){clearTimeout(tabTimeout);resetTabTimers(tabsMenu);consttimerBar=newActiveTab.querySelector(".feature-tabs_bar-timer");animateTimerBar(timerBar);constvideoId=newActiveTab.getAttribute("data-video");constvideo=document.querySelector(`video[data-video="${videoId}"]`);if(video){video.currentTime=0;video.play();}tabTimeout=setTimeout(moveToNextTab,INTERVAL);}functionmoveToNextTab(){if(document.querySelector(".w-n-button").classList.contains("w--open")){tabTimeout=setTimeout(moveToNextTab,INTERVAL);return;}constcurrent=tabsMenu.querySelector(".feature-tabs_link.w--current");constnext=current?.nextElementSibling||tabsMenu.querySelector(".feature-tabs_link:first-of-type");if(next){next.removeAttribute("href");next.click();}}functionresetTabTimers(tabsMenu){tabsMenu.querySelectorAll(".feature-tabs_bar-timer").forEach((timer)=>{timer.style.transition="none";timer.style.height="0%";});}functionanimateTimerBar(timerBar){timerBar.style.transition="none";timerBar.style.height="0%";voidtimerBar.offsetHeight;//ForcereflowtimerBar.style.transition="height10slinear";timerBar.style.height="100%";}constobserver=newMutationObserver((mutations)=>{for(constmutationofmutations){if(mutation.type==="attributes"&&mutation.attributeName==="class"&&mutation.target.classList.contains("w--current")){handleTabChange(mutation.target);break;}}});tabsMenu.querySelectorAll(".feature-tabs_link").forEach((tab)=>{observer.observe(tab,{attributes:true,attributeFilter:["class"]});});constintersectionObserver=newIntersectionObserver((entries)=>{constisIntersecting=entries[0].isIntersecting;if(isIntersecting){//StarttheautoplaywhenthetabscomeintoviewconstcurrentTab=tabsMenu.querySelector(".feature-tabs_link.w--current");if(currentTab){handleTabChange(currentTab);}else{moveToNextTab();}}else{clearTimeout(tabTimeout);resetTabTimers(tabsMenu);}},{threshold:0.1});intersectionObserver.observe(tabsMenu);});//----------------------------------------------------------------//---CustomersAccordionSlider---------------------------------//----------------------------------------------------------------consttransitionDuration=800;//DurationofCSStransitioninmillisecondsletisTransitioning=false;letisFirstLoad=true;letlastInteractionWasKeyboard=false;constisMobileDevice=()=>typeofwindow.orientation!=="undefined"||nigator.userent.indexOf("IEMobile")!==-1;consttoggleFocusableElements=(slide,enable)=>{constfocusableSelectors='a[href],button,textarea,input,select,[tabindex]:not([tabindex="-1"])';slide.querySelectorAll(focusableSelectors).forEach((el)=>{if(enable){constoriginalTabindex=el.getAttribute("data-original-tabindex");if(originalTabindex!==null){originalTabindex===""?el.removeAttribute("tabindex"):el.setAttribute("tabindex",originalTabindex);el.removeAttribute("data-original-tabindex");}el.disabled=false;}else{if(!el.hasAttribute("data-original-tabindex")){el.setAttribute("data-original-tabindex",el.getAttribute("tabindex")||"");}el.setAttribute("tabindex","-1");el.disabled=true;}});};constupdateSliderPosition=async()=>{constslides=Array.from(document.querySelectorAll(".customers-slider_slide"));constactiveSlide=document.querySelector(".customers-slider_slide.cc-active");constactiveIndex=slides.indexOf(activeSlide);document.querySelector(".customers-slider").style.transform=`translateX(-${(5+1)*activeIndex}rem)`;slides.forEach(async(slide)=>{constisActive=slide===activeSlide;slide.setAttribute("aria-hidden",!isActive);toggleFocusableElements(slide,isActive);constvideo=slide.querySelector("video");if(video){if(isActive&&!prefersReducedMotion){try{awaitlazyLoadVideo(video,true);video.play();}catch(error){console.error(error);}}else{video.pausWebflow: Erstellen Sie eine benutzerdefinierte Websitee();}}});activeSlide.setAttribute("aria-hidden","false");if(!isFirstLoad&&!isMobileDevice()&&lastInteractionWasKeyboard){setTimeout(()=>{activeSlide.focus();},transitionDuration);//UsetransitionDurationforthefocusdelay}};constgoToSlide=(nextSlide)=>{if(isTransitioning)return;isTransitioning=true;isFirstLoad=false;document.querySelector(".customers-slider_slide.cc-active").classList.remove("cc-active");nextSlide.classList.add("cc-active");updateSliderPosition();setTimeout(()=>{isTransitioning=false;},transitionDuration);};constgetAdjacentSlide=(direction)=>{constslides=Array.from(document.querySelectorAll(".customers-slider_slide"));constcurrentIndex=slides.findIndex((slide)=>slide.classList.contains("cc-active"));constnewIndex=(currentIndex+direction+slides.length)%slides.length;returnslides[newIndex];};document.querySelectorAll(".customers-slider_slide").forEach((slide)=>{slide.addEventListener("keydown",(e)=>{if(slide.classList.contains("cc-active")){if(e.key==="ArrowRight"){lastInteractionWasKeyboard=true;goToSlide(getAdjacentSlide(1));}if(e.key==="ArrowLeft"){lastInteractionWasKeyboard=true;goToSlide(getAdjacentSlide(-1));}}if((e.key==="Enter"||e.key==="")&&!slide.classList.contains("cc-active")){lastInteractionWasKeyboard=true;goToSlide(slide);}});slide.addEventListener("click",()=>{lastInteractionWasKeyboard=false;if(!isTransitioning)goToSlide(slide);});});document.getElementById("customers-accordion-right").addEventListener("click",()=>{lastInteractionWasKeyboard=false;goToSlide(getAdjacentSlide(1));});document.getElementById("customers-accordion-left").addEventListener("click",()=>{lastInteractionWasKeyboard=false;goToSlide(getAdjacentSlide(-1));});updateSliderPosition();//Initializesliderposition(function(h,o,u,n,d){h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}d=o.createElement(u);d.async=1;d.src=nn=o.getElementsByTName(u)[0];n.parentNode.insertBefore(d,n)})(window,document,'script','/us1/v5/datadog-rum.js','DD_RUM')window.DD_RUM.onReady(function(){window.DD_RUM.init({clientToken:'pubcc1a0f0d10b59ea2dbe4b09b2e4f3fd1',applicationId:'e8e849db-5e64-4418-bc8c-79aa92e82a9a',//`site`referstotheDatadogsiteparameterofyourorganization//seedocs.datadoghq.com/getting_started/site/site:'datadoghq.com',service:'webflow.com',env:'prod',//SpecifyaversionnumbertoidentifythedeployedversionofyourapplicationinDatadog//version:'1.0.0',sessionSampleRate:20,sessionReplaySampleRate:0,trackUserInteractions:true,trackResources:true,trackLongTasks:true,defaultPrivacyLevel:'mask-user-input',});})