CINXE.COM
How To Add A Form To WordPress | WordPress.com Support
<!doctype html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> <meta charset="UTF-8"> <title>How To Add A Form To WordPress | WordPress.com Support</title> <meta name='robots' content='max-image-preview:large' /> <meta name="google-site-verification" content="Q9OTgmFGvbuu-bnRYsyoA-MXgythlBvu6gZJry9XxMA" /> <meta name="msvalidate.01" content="652E6208A4A87D84017CEA33EBE69C35" /> <link rel="alternate" hreflang="x-default" href="https://wordpress.com/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="ar" href="https://wordpress.com/ar/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="de" href="https://wordpress.com/de/support/wordpress-editor/bloecke/formular-block/" /> <link rel="alternate" hreflang="en" href="https://wordpress.com/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="es" href="https://wordpress.com/es/support/editor-wordpress/bloques/bloque-formulario/" /> <link rel="alternate" hreflang="fr" href="https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-formulaire/" /> <link rel="alternate" hreflang="he" href="https://wordpress.com/he/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="id" href="https://wordpress.com/id/support/penyunting-wordpress/blok/blok-formulir/" /> <link rel="alternate" hreflang="it" href="https://wordpress.com/it/support/editor-wordpress/blocchi/form-block/" /> <link rel="alternate" hreflang="ja" href="https://wordpress.com/ja/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="ko" href="https://wordpress.com/ko/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="nl" href="https://wordpress.com/nl/support/wordpress-editor/blokken/formulierblok/" /> <link rel="alternate" hreflang="pt-br" href="https://wordpress.com/pt-br/support/editor-do-wordpress/blocos/bloco-de-formulario/" /> <link rel="alternate" hreflang="ru" href="https://wordpress.com/ru/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="sv" href="https://wordpress.com/sv/support/wordpress-redigerare/block/formularblock/" /> <link rel="alternate" hreflang="tr" href="https://wordpress.com/tr/support/wordpress-duzenleyici/bloklar/form-bloku/" /> <link rel="alternate" hreflang="zh-Hans" href="https://wordpress.com/zh-cn/support/wordpress-editor/blocks/form-block/" /> <link rel="alternate" hreflang="zh-Hant" href="https://wordpress.com/zh-tw/support/wordpress-editor/blocks/form-block/" /> <link rel='dns-prefetch' href='//s2.wp.com' /> <link rel='dns-prefetch' href='//s0.wp.com' /> <link rel='dns-prefetch' href='//s1.wp.com' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel="alternate" type="application/rss+xml" title="WordPress.com Support » Feed" href="https://wordpress.com/support/feed/" /> <link rel="alternate" type="application/rss+xml" title="WordPress.com Support » Comments Feed" href="https://wordpress.com/support/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function () { oldonload(); func(); } } } /* ]]> */ </script> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/s2.wp.com\/wp-includes\/js\/wp-emoji-release.min.js?m=1719498190i&ver=6.8-alpha-59438"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <link crossorigin='anonymous' rel='stylesheet' id='all-css-0-1' href='https://s1.wp.com/_static/??/wp-content/themes/a8c/wpsupport3/built-blocks/learn-category-cell/src/style-index.css,/wp-content/mu-plugins/jetpack-plugin/moon/modules/related-posts/related-posts.css?m=1712597621j&cssminify=yes' type='text/css' media='all' /> <style id='wpsupport3-breadcrumbs-style-inline-css'> .wpsupport3__post-breadcrumbs{display:flex}.wpsupport3__post-breadcrumbs.wpsupport3__learn-breadcrumbs{margin-bottom:32px}.wpsupport3__post-breadcrumbs.support-breadcrumb_item a{font-size:1rem}.wpsupport3__post-breadcrumbs>div{align-items:center;display:flex;flex-shrink:0;gap:10px;min-width:100%;white-space:nowrap;width:-moz-fit-content;width:fit-content}.wpsupport3__post-breadcrumbs a{font-size:1rem}.wpsupport3__post-breadcrumbs .breadcrumb__post-title{color:var(--color-neutral-60)}.wpsupport3__post-breadcrumbs .breadcrumb__separator{flex-shrink:0}@media(max-width:768px){.wpsupport3__post-breadcrumbs{flex-direction:row-reverse;max-width:100%;overflow-x:auto}}@media(min-width:768px){.wpsupport3__post-breadcrumbs>div{flex-wrap:wrap}}@media(min-width:1224px){.wpsupport3__post-breadcrumbs{width:65%}} </style> <style id='wp-block-post-title-inline-css'> .wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} </style> <style id='wpsupport3-language-toggle-style-inline-css'> .wp-block-language-toggle{background-color:transparent;height:49px;margin-bottom:32px;width:100%}.wp-block-language-toggle.locales-list{font-size:1rem;height:unset}.wp-block-language-toggle.locales-list .wp-block-language-toggle-content-width{max-width:var(--wp--style--global--content-size)}.wp-block-language-toggle .wpsupport3-language-toggle__wrapper{border-radius:5px;box-shadow:0 0 0 1px var(--color-neutral-5) inset;max-width:270px;position:relative}.wp-block-language-toggle .wpsupport3-language-toggle__wrapper:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiNDM0M0QzciIHN0cm9rZS13aWR0aD0iLjIiIGZpbGw9IiNDM0M0QzciIGQ9Ik05LjU1Ljg0NGMtNC45MSAwLTkgMy44LTkgOC41NzMgMCA0LjY3NyAzLjk4OCA4LjU3NCA5IDguNTc0IDQuOTA5IDAgOS0zLjggOS04LjU3NCAwLTQuNzczLTQuMDkxLTguNTczLTktOC41NzN6bTYuNjQ4IDUuMzU4aC0yLjY2Yy0uNTEtMS40NjEtMS4xMjUtMi43MjgtMS45NDMtMy43MDIgMi4wNDYuNTg1IDMuNjgyIDEuOTQ5IDQuNjAzIDMuNzAyem0uNzE1IDMuMTE4YzAgLjU4NS0uMTAyIDEuMTctLjIwNCAxLjc1NGgtMi45NjZjLjEwMi0uNTg1LjEwMi0xLjE3LjEwMi0xLjc1NCAwLS41ODUtLjEwMi0xLjE3LS4xMDItMS43NTRoMi45NjZjLjIwNC41ODUuMjA0IDEuMTcuMjA0IDEuNzU0ek05LjU1IDE1Ljg0N2MtMS4wMjMtLjY4MS0xLjg0MS0xLjg1LTIuMzUyLTMuNDFoNC43MDRjLS41MTEgMS41Ni0xLjMzIDIuODI2LTIuMzUyIDMuNDF6bS0yLjY2LTQuNzczYy0uMTAyLS41ODUtLjEwMi0xLjA3Mi0uMTAyLTEuNzU0IDAtLjU4NS4xMDMtMS4xNy4xMDMtMS43NTRoNS4zMThjLjEwMi41ODUuMTAyIDEuMDcyLjEwMiAxLjc1NCAwIC42ODItLjEwMiAxLjE3LS4xMDIgMS43NTRINi44OXpNMi4xODcgOS4zMmMwLS41ODUuMTAyLTEuMTcuMjA1LTEuNzU0aDIuOTY2Yy0uMTAzLjU4NS0uMTAzIDEuMTctLjEwMyAxLjc1NCAwIC41ODUuMTAzIDEuMTcuMTAzIDEuNzU0SDIuMzljLS4yMDUtLjU4NS0uMjA1LTEuMTctLjIwNS0xLjc1NHpNOS41NSAyLjc5M2MxLjAyMi42ODEgMS44NCAxLjg1IDIuMzUyIDMuNDFINy4xOThjLjUxLTEuNTYgMS4zMy0yLjgyNiAyLjM1Mi0zLjQxek03LjUwNCAyLjVjLS44MTguOTc0LTEuNDMxIDIuMjQxLTEuODQgMy43MDJIMi45MDFDMy44MjIgNC40NSA1LjQ2IDMuMDg1IDcuNTA0IDIuNXpNMi45MDIgMTIuNTM1aDIuNjZjLjQwOCAxLjQ2MSAxLjAyMiAyLjcyOCAxLjg0IDMuNjA1LTEuODQtLjU4NS0zLjU4LTEuOTQ5LTQuNS0zLjYwNXptOC42OTMgMy42MDVjLjgxOC0uOTc1IDEuNDMyLTIuMTQ0IDEuODQxLTMuNjA1aDIuNjZjLS44MTkgMS42NTYtMi40NTUgMy4wMi00LjUgMy42MDV6Ii8+PC9zdmc+) 0 no-repeat;bottom:0;content:"";left:15px;position:absolute;top:0;width:18px;z-index:10}.wp-block-language-toggle .wpsupport3-language-toggle__wrapper:after{background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibW9iaWxlIiB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4zODcgMS4xNTZsOS42NDMgOS41NTIgOS4zNTctMTAiIHN0cm9rZT0iIzY0Njk3MCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) 0 no-repeat;bottom:0;content:"";position:absolute;right:14px;top:0;width:20px;z-index:-1}@media(max-width:782px){.wp-block-language-toggle .wpsupport3-language-toggle__wrapper{margin-bottom:24px;max-width:100%}}.wp-block-language-toggle select{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;font-size:1rem;height:47px;line-height:26px;padding:12px 18px 12px 46px;width:100%}.wp-block-language-toggle .wpsupport3-language-toggle__modal{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.wp-block-language-toggle .wpsupport3-language-toggle__modal.open{display:flex}.wp-block-language-toggle .wpsupport3-language-toggle__modal .wpsupport3-language-toggle__modal-content{background:#fff;border-radius:4px;padding:20px}.language-toggle-list{font-size:1rem} </style> <style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-8-1' href='https://s2.wp.com/wp-content/themes/a8c/wpsupport3/built-blocks/support-table-of-contents/src/style-index.css?m=1712597621i&cssminify=yes' type='text/css' media='all' /> <style id='wp-block-embed-inline-css'> .wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-12-1' href='https://s1.wp.com/_static/??-eJx9zEEKwyAQheELVQdp0pBF6VnUDIOpUZnRFm/flAS66/Ln8T54F+VzqpgqlNgoJAFqezpk2hdGeJlZ3/QAroW4gIvZP1UMji33owTCZglBao+ovcgF/qrnacVa7NeyPbeqiMPyIx7b3UxXM4/DZMb1AxFKPHo=&cssminify=yes' type='text/css' media='all' /> <style id='wp-block-columns-inline-css'> .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} </style> <style id='wp-block-list-inline-css'> ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} </style> <style id='wp-block-quote-inline-css'> .wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block} </style> <style id='wp-block-group-inline-css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-video-inline-css'> .wp-block-video{box-sizing:border-box}.wp-block-video video{vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-28-1' href='https://s0.wp.com/_static/??-eJyljEsKgDAMBS9kDUUquhDPom0Qaz/BNHh9KdgTuBl4w2PgIWVzKpgKRFEU5DgTg8dCm72+DTHnCicBGex2Z2EMwM9JeKtdkgvYW+YOftTaqYkaXOOix8noQU+z8S9MR0BZ&cssminify=yes' type='text/css' media='all' /> <style id='wp-block-post-content-inline-css'> .wp-block-post-content{display:flow-root} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-30-1' href='https://s2.wp.com/wp-content/themes/a8c/wpsupport3/built-blocks/feedback-survey/src/style-index.css?m=1712597621i&cssminify=yes' type='text/css' media='all' /> <style id='wpsupport3-related-items-style-inline-css'> .wp-block-related-items.related-items{margin:0 auto;max-width:var(--wp--style--global--wide-size);padding:60px 0}@media(max-width:1348px){.wp-block-related-items.related-items{padding:60px 24px}}.wp-block-related-items.related-items .related-items__heading{font-size:2.5rem;font-weight:400;line-height:1.3;margin-bottom:1.375rem;margin-top:0}.wp-block-related-items.related-items .related-items__sub-heading{font-size:1rem;margin-bottom:40px;margin-top:0}.wp-block-related-items.related-items .related-items__posts{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media(max-width:1348px){.wp-block-related-items.related-items .related-items__posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wp-block-related-items.related-items .related-items__posts{grid-template-columns:repeat(1,1fr)}}.wp-block-related-items.related-items .related-items__posts .related-items__post{border:1px solid var(--color-neutral-5);border-radius:4px;display:flex;flex-direction:column;font-size:var(--wp--preset--font-size--normal);justify-content:space-between;min-height:175px;padding:24px;text-decoration:none}.wp-block-related-items.related-items .related-items__posts .related-items__post .related-items__post-title{color:var(--color-neutral-80);margin-top:0;word-break:break-word}.wp-block-related-items.related-items .related-items__posts .related-items__post:hover .related-items__post-readmore{text-decoration:underline}.wp-block-related-items.related-items .related-items__posts .related-items__post .related-items__post-readmore{display:flex;justify-content:space-between}.wp-block-related-items.related-items .related-items__posts .related-items__post .related-items__post-readmore img{margin-bottom:auto;margin-top:auto}@media(max-width:1348px){.wp-block-related-items.related-items .related-items__posts .related-items__post{max-width:100%;min-height:135px}}@media print{.wp-block-related-items.related-items{display:none}} </style> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} .has-text-align-justify { text-align:justify; } .has-text-align-justify{text-align:justify;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-38-1' href='https://s2.wp.com/_static/??-eJx9jEEOAiEQBD/kQECjeDC+ZWEnijIwYWA3/l72op689KFTVXplCCU3zE1z6reYRYfiUwlP0VYZpwxIJE4IFRd10HOU9iFA2iuhCiI7/ROiDt9WxfETT20jCOc4YUIa2D9t5eGA91xRBMZS7ATtPkTZvCtdzNEZt7f2fHq8Afl7R7w=&cssminify=yes' type='text/css' media='all' /> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--brand-blue: var(--color-wpcom);--wp--preset--color--border-gray: var(--color-neutral-5);--wp--preset--color--border-light-gray: #eeeeee;--wp--preset--color--gray-theme: var(--color-gray-theme);--wp--preset--color--gray-0: var(--color-neutral-0);--wp--preset--color--gray-5: var(--color-neutral-5);--wp--preset--color--gray-60: var(--color-neutral-60);--wp--preset--color--gray-10: var(--color-neutral-10);--wp--preset--color--gray-50: var(--color-neutral-50);--wp--preset--color--gray-90: var(--color-neutral-90);--wp--preset--color--gray-100: var(--color-neutral-100);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 1rem;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--page-title-mobile: 28px;--wp--preset--font-size--page-title-desktop: 44px;--wp--preset--font-size--post-title-mobile: 28px;--wp--preset--font-size--post-title-desktop: 32px;--wp--preset--font-size--post-heading-desktop: 24px;--wp--preset--font-size--post-heading-large-desktop: 26px;--wp--preset--font-size--post-heading-small-desktop: 22px;--wp--preset--font-size--post-heading-very-small-desktop: 20px;--wp--preset--font-size--post-heading-mobile: 22px;--wp--preset--font-size--post-heading-small-mobile: 20px;--wp--preset--font-size--post-heading-very-small-mobile: 18px;--wp--preset--font-size--post-content-description: 18px;--wp--preset--font-size--tiny: 14px;--wp--preset--font-size--learn-forums-title: 27px;--wp--preset--font-size--learn-page-section-desktop-title: 28px;--wp--preset--font-size--learn-page-section-mobile-title: 20px;--wp--preset--font-size--learn-page-section-desktop-or-mobile-post-item-title: 18px;--wp--preset--font-size--learn-page-section-desktop-or-mobile-subtitle: 16px;--wp--preset--font-size--learn-page-text-content-desktop-or-mobile: 16px;--wp--preset--font-size--learn-page-text-desktop-or-mobile-xs: 12px;--wp--preset--font-family--albert-sans: 'Albert Sans', sans-serif;--wp--preset--font-family--alegreya: Alegreya, serif;--wp--preset--font-family--arvo: Arvo, serif;--wp--preset--font-family--bodoni-moda: 'Bodoni Moda', serif;--wp--preset--font-family--bricolage-grotesque: 'Bricolage Grotesque', sans-serif;--wp--preset--font-family--cabin: Cabin, sans-serif;--wp--preset--font-family--chivo: Chivo, sans-serif;--wp--preset--font-family--commissioner: Commissioner, sans-serif;--wp--preset--font-family--cormorant: Cormorant, serif;--wp--preset--font-family--courier-prime: 'Courier Prime', monospace;--wp--preset--font-family--crimson-pro: 'Crimson Pro', serif;--wp--preset--font-family--dm-mono: 'DM Mono', monospace;--wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;--wp--preset--font-family--dm-serif-display: 'DM Serif Display', serif;--wp--preset--font-family--domine: Domine, serif;--wp--preset--font-family--eb-garamond: 'EB Garamond', serif;--wp--preset--font-family--epilogue: Epilogue, sans-serif;--wp--preset--font-family--fahkwang: Fahkwang, sans-serif;--wp--preset--font-family--figtree: Figtree, sans-serif;--wp--preset--font-family--fira-sans: 'Fira Sans', sans-serif;--wp--preset--font-family--fjalla-one: 'Fjalla One', sans-serif;--wp--preset--font-family--fraunces: Fraunces, serif;--wp--preset--font-family--gabarito: Gabarito, system-ui;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--ibm-plex-sans: 'IBM Plex Sans', sans-serif;--wp--preset--font-family--ibarra-real-nova: 'Ibarra Real Nova', serif;--wp--preset--font-family--instrument-serif: 'Instrument Serif', serif;--wp--preset--font-family--inter: Inter, sans-serif;--wp--preset--font-family--josefin-sans: 'Josefin Sans', sans-serif;--wp--preset--font-family--jost: Jost, sans-serif;--wp--preset--font-family--libre-baskerville: 'Libre Baskerville', serif;--wp--preset--font-family--libre-franklin: 'Libre Franklin', sans-serif;--wp--preset--font-family--literata: Literata, serif;--wp--preset--font-family--lora: Lora, serif;--wp--preset--font-family--merriweather: Merriweather, serif;--wp--preset--font-family--montserrat: Montserrat, sans-serif;--wp--preset--font-family--newsreader: Newsreader, serif;--wp--preset--font-family--noto-sans-mono: 'Noto Sans Mono', sans-serif;--wp--preset--font-family--nunito: Nunito, sans-serif;--wp--preset--font-family--open-sans: 'Open Sans', sans-serif;--wp--preset--font-family--overpass: Overpass, sans-serif;--wp--preset--font-family--pt-serif: 'PT Serif', serif;--wp--preset--font-family--petrona: Petrona, serif;--wp--preset--font-family--piazzolla: Piazzolla, serif;--wp--preset--font-family--playfair-display: 'Playfair Display', serif;--wp--preset--font-family--plus-jakarta-sans: 'Plus Jakarta Sans', sans-serif;--wp--preset--font-family--poppins: Poppins, sans-serif;--wp--preset--font-family--raleway: Raleway, sans-serif;--wp--preset--font-family--roboto: Roboto, sans-serif;--wp--preset--font-family--roboto-slab: 'Roboto Slab', serif;--wp--preset--font-family--rubik: Rubik, sans-serif;--wp--preset--font-family--rufina: Rufina, serif;--wp--preset--font-family--sora: Sora, sans-serif;--wp--preset--font-family--source-sans-3: 'Source Sans 3', sans-serif;--wp--preset--font-family--source-serif-4: 'Source Serif 4', serif;--wp--preset--font-family--space-mono: 'Space Mono', monospace;--wp--preset--font-family--syne: Syne, sans-serif;--wp--preset--font-family--texturina: Texturina, serif;--wp--preset--font-family--urbanist: Urbanist, sans-serif;--wp--preset--font-family--work-sans: 'Work Sans', sans-serif;--wp--preset--font-family--system-font: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--wp--preset--font-family--recoleta: "Recoleta", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--custom--button--border--radius: 4px;--wp--custom--button--typography--font-size: 14px;--wp--custom--button--typography--font-weight: 500;--wp--custom--button--typography--line-height: 1.4;}:root { --wp--style--global--content-size: 914px;--wp--style--global--wide-size: 1224px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{color: var(--color-neutral-100);font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--small);font-weight: 400;line-height: 1.5;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--brand-blue);text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: underline;}h1{font-size: min(max(3rem, 7vw), 5rem);font-weight: 400;line-height: 1.2;}h2{font-size: min(max(2.25rem, 6vw), 4.0625rem);font-weight: 400;line-height: 1.2;}h3{font-size: var(--wp--preset--font-size--large);font-weight: 400;line-height: 1.2;}h4{font-size: var(--wp--preset--font-size--large);font-weight: 400;line-height: 1.4;}h5{font-size: var(--wp--custom--font-size--normal);line-height: 1.4;}h6{font-size: var(--wp--preset--font-size--small);line-height: 1.4;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-blue-color{color: var(--wp--preset--color--brand-blue) !important;}.has-border-gray-color{color: var(--wp--preset--color--border-gray) !important;}.has-border-light-gray-color{color: var(--wp--preset--color--border-light-gray) !important;}.has-gray-theme-color{color: var(--wp--preset--color--gray-theme) !important;}.has-gray-0-color{color: var(--wp--preset--color--gray-0) !important;}.has-gray-5-color{color: var(--wp--preset--color--gray-5) !important;}.has-gray-60-color{color: var(--wp--preset--color--gray-60) !important;}.has-gray-10-color{color: var(--wp--preset--color--gray-10) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-90-color{color: var(--wp--preset--color--gray-90) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-blue-background-color{background-color: var(--wp--preset--color--brand-blue) !important;}.has-border-gray-background-color{background-color: var(--wp--preset--color--border-gray) !important;}.has-border-light-gray-background-color{background-color: var(--wp--preset--color--border-light-gray) !important;}.has-gray-theme-background-color{background-color: var(--wp--preset--color--gray-theme) !important;}.has-gray-0-background-color{background-color: var(--wp--preset--color--gray-0) !important;}.has-gray-5-background-color{background-color: var(--wp--preset--color--gray-5) !important;}.has-gray-60-background-color{background-color: var(--wp--preset--color--gray-60) !important;}.has-gray-10-background-color{background-color: var(--wp--preset--color--gray-10) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-90-background-color{background-color: var(--wp--preset--color--gray-90) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-blue-border-color{border-color: var(--wp--preset--color--brand-blue) !important;}.has-border-gray-border-color{border-color: var(--wp--preset--color--border-gray) !important;}.has-border-light-gray-border-color{border-color: var(--wp--preset--color--border-light-gray) !important;}.has-gray-theme-border-color{border-color: var(--wp--preset--color--gray-theme) !important;}.has-gray-0-border-color{border-color: var(--wp--preset--color--gray-0) !important;}.has-gray-5-border-color{border-color: var(--wp--preset--color--gray-5) !important;}.has-gray-60-border-color{border-color: var(--wp--preset--color--gray-60) !important;}.has-gray-10-border-color{border-color: var(--wp--preset--color--gray-10) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-90-border-color{border-color: var(--wp--preset--color--gray-90) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-page-title-mobile-font-size{font-size: var(--wp--preset--font-size--page-title-mobile) !important;}.has-page-title-desktop-font-size{font-size: var(--wp--preset--font-size--page-title-desktop) !important;}.has-post-title-mobile-font-size{font-size: var(--wp--preset--font-size--post-title-mobile) !important;}.has-post-title-desktop-font-size{font-size: var(--wp--preset--font-size--post-title-desktop) !important;}.has-post-heading-desktop-font-size{font-size: var(--wp--preset--font-size--post-heading-desktop) !important;}.has-post-heading-large-desktop-font-size{font-size: var(--wp--preset--font-size--post-heading-large-desktop) !important;}.has-post-heading-small-desktop-font-size{font-size: var(--wp--preset--font-size--post-heading-small-desktop) !important;}.has-post-heading-very-small-desktop-font-size{font-size: var(--wp--preset--font-size--post-heading-very-small-desktop) !important;}.has-post-heading-mobile-font-size{font-size: var(--wp--preset--font-size--post-heading-mobile) !important;}.has-post-heading-small-mobile-font-size{font-size: var(--wp--preset--font-size--post-heading-small-mobile) !important;}.has-post-heading-very-small-mobile-font-size{font-size: var(--wp--preset--font-size--post-heading-very-small-mobile) !important;}.has-post-content-description-font-size{font-size: var(--wp--preset--font-size--post-content-description) !important;}.has-tiny-font-size{font-size: var(--wp--preset--font-size--tiny) !important;}.has-learn-forums-title-font-size{font-size: var(--wp--preset--font-size--learn-forums-title) !important;}.has-learn-page-section-desktop-title-font-size{font-size: var(--wp--preset--font-size--learn-page-section-desktop-title) !important;}.has-learn-page-section-mobile-title-font-size{font-size: var(--wp--preset--font-size--learn-page-section-mobile-title) !important;}.has-learn-page-section-desktop-or-mobile-post-item-title-font-size{font-size: var(--wp--preset--font-size--learn-page-section-desktop-or-mobile-post-item-title) !important;}.has-learn-page-section-desktop-or-mobile-subtitle-font-size{font-size: var(--wp--preset--font-size--learn-page-section-desktop-or-mobile-subtitle) !important;}.has-learn-page-text-content-desktop-or-mobile-font-size{font-size: var(--wp--preset--font-size--learn-page-text-content-desktop-or-mobile) !important;}.has-learn-page-text-desktop-or-mobile-xs-font-size{font-size: var(--wp--preset--font-size--learn-page-text-desktop-or-mobile-xs) !important;}.has-albert-sans-font-family{font-family: var(--wp--preset--font-family--albert-sans) !important;}.has-alegreya-font-family{font-family: var(--wp--preset--font-family--alegreya) !important;}.has-arvo-font-family{font-family: var(--wp--preset--font-family--arvo) !important;}.has-bodoni-moda-font-family{font-family: var(--wp--preset--font-family--bodoni-moda) !important;}.has-bricolage-grotesque-font-family{font-family: var(--wp--preset--font-family--bricolage-grotesque) !important;}.has-cabin-font-family{font-family: var(--wp--preset--font-family--cabin) !important;}.has-chivo-font-family{font-family: var(--wp--preset--font-family--chivo) !important;}.has-commissioner-font-family{font-family: var(--wp--preset--font-family--commissioner) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}.has-courier-prime-font-family{font-family: var(--wp--preset--font-family--courier-prime) !important;}.has-crimson-pro-font-family{font-family: var(--wp--preset--font-family--crimson-pro) !important;}.has-dm-mono-font-family{font-family: var(--wp--preset--font-family--dm-mono) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-dm-serif-display-font-family{font-family: var(--wp--preset--font-family--dm-serif-display) !important;}.has-domine-font-family{font-family: var(--wp--preset--font-family--domine) !important;}.has-eb-garamond-font-family{font-family: var(--wp--preset--font-family--eb-garamond) !important;}.has-epilogue-font-family{font-family: var(--wp--preset--font-family--epilogue) !important;}.has-fahkwang-font-family{font-family: var(--wp--preset--font-family--fahkwang) !important;}.has-figtree-font-family{font-family: var(--wp--preset--font-family--figtree) !important;}.has-fira-sans-font-family{font-family: var(--wp--preset--font-family--fira-sans) !important;}.has-fjalla-one-font-family{font-family: var(--wp--preset--font-family--fjalla-one) !important;}.has-fraunces-font-family{font-family: var(--wp--preset--font-family--fraunces) !important;}.has-gabarito-font-family{font-family: var(--wp--preset--font-family--gabarito) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;}.has-ibarra-real-nova-font-family{font-family: var(--wp--preset--font-family--ibarra-real-nova) !important;}.has-instrument-serif-font-family{font-family: var(--wp--preset--font-family--instrument-serif) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-josefin-sans-font-family{font-family: var(--wp--preset--font-family--josefin-sans) !important;}.has-jost-font-family{font-family: var(--wp--preset--font-family--jost) !important;}.has-libre-baskerville-font-family{font-family: var(--wp--preset--font-family--libre-baskerville) !important;}.has-libre-franklin-font-family{font-family: var(--wp--preset--font-family--libre-franklin) !important;}.has-literata-font-family{font-family: var(--wp--preset--font-family--literata) !important;}.has-lora-font-family{font-family: var(--wp--preset--font-family--lora) !important;}.has-merriweather-font-family{font-family: var(--wp--preset--font-family--merriweather) !important;}.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}.has-newsreader-font-family{font-family: var(--wp--preset--font-family--newsreader) !important;}.has-noto-sans-mono-font-family{font-family: var(--wp--preset--font-family--noto-sans-mono) !important;}.has-nunito-font-family{font-family: var(--wp--preset--font-family--nunito) !important;}.has-open-sans-font-family{font-family: var(--wp--preset--font-family--open-sans) !important;}.has-overpass-font-family{font-family: var(--wp--preset--font-family--overpass) !important;}.has-pt-serif-font-family{font-family: var(--wp--preset--font-family--pt-serif) !important;}.has-petrona-font-family{font-family: var(--wp--preset--font-family--petrona) !important;}.has-piazzolla-font-family{font-family: var(--wp--preset--font-family--piazzolla) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}.has-plus-jakarta-sans-font-family{font-family: var(--wp--preset--font-family--plus-jakarta-sans) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-raleway-font-family{font-family: var(--wp--preset--font-family--raleway) !important;}.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}.has-roboto-slab-font-family{font-family: var(--wp--preset--font-family--roboto-slab) !important;}.has-rubik-font-family{font-family: var(--wp--preset--font-family--rubik) !important;}.has-rufina-font-family{font-family: var(--wp--preset--font-family--rufina) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;}.has-source-sans-3-font-family{font-family: var(--wp--preset--font-family--source-sans-3) !important;}.has-source-serif-4-font-family{font-family: var(--wp--preset--font-family--source-serif-4) !important;}.has-space-mono-font-family{font-family: var(--wp--preset--font-family--space-mono) !important;}.has-syne-font-family{font-family: var(--wp--preset--font-family--syne) !important;}.has-texturina-font-family{font-family: var(--wp--preset--font-family--texturina) !important;}.has-urbanist-font-family{font-family: var(--wp--preset--font-family--urbanist) !important;}.has-work-sans-font-family{font-family: var(--wp--preset--font-family--work-sans) !important;}.has-system-font-font-family{font-family: var(--wp--preset--font-family--system-font) !important;}.has-recoleta-font-family{font-family: var(--wp--preset--font-family--recoleta) !important;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-post-title){font-size: 18px;line-height: 1.4;} :root :where(.wp-block-post-title a:where(:not(.wp-element-button))){color: var(--wp--preset--color--gray-100);} :root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover){text-decoration: none;} </style> <style id='core-block-supports-inline-css'> .wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-4{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-5{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-6{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-7{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-8{flex-wrap:nowrap;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-42-1' href='https://s0.wp.com/_static/??-eJylju1uwyAMRV9onvsxac2Pqc/iECdhdQBhSMTbj7Zr1X1L3S+wdc/xxSWA8S6xSxgkD9YpCrkukDlgm6106GgGTUX40ag+4N9A733i+AOTRp5YkXambjWH4GPaIqlyUgzeld6KfKFqHC7XRgqhQCveHBRPD4htI8WC774LBucmOFte7lVylw0l6x2MTN0/ZZ/7iXU1861xyldh5GoZ6nfAmroZf4MG9lBvn6p/GKAXsvGI7qeX9fOm2T01q2b1+gaQPcSF&cssminify=yes' type='text/css' media='all' /> <style id='jetpack-global-styles-frontend-style-inline-css'> :root { --font-headings: unset; --font-base: unset; --font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-44-1' href='https://s2.wp.com/wp-content/themes/h4/global.css?m=1420737423i&cssminify=yes' type='text/css' media='all' /> <script crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v19.6.4/build/dom-ready/index.min.js?m=1731954715i&ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script> <script id="wp-dom-ready-js-after"> wp.galleryBlockV2Enabled = true </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJxNjEsOwjAMRC9EaoUu2g3iLGnqBhfno9hpxe0piEqsRqM382AvxuekmBT0gREF3OhhL9JKyVV7mBqxmomzfwqwS6G5gEZzCIwg1cNGuHerXOBPVbgFSnKwGTM4EVSB9dfPLBVFDC3VRTSu0Cmh5LnN+D3MJAobpjnXDyqZXwsxd5HSMb/Hmx2ugx1Ga/v1DeDVS1s='></script> <script src="https://s1.wp.com/wp-content/plugins/gutenberg-core/v19.6.4/build/vendors/react.min.js?m=1731954715i&ver=18" id="react-js"></script> <script crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v19.6.4/build/hooks/index.min.js?m=1731954715i&ver=84e753e2b66eb7028d38" id="wp-hooks-js"></script> <script crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v19.6.4/build/i18n/index.min.js?m=1731954715i&ver=bd5a2533e717a1043151" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="jetpack-mu-wpcom-settings-js-before"> var JETPACK_MU_WPCOM_SETTINGS = {"assetsUrl":"https:\/\/s1.wp.com\/wp-content\/mu-plugins\/jetpack-mu-wpcom-plugin\/moon\/vendor\/automattic\/jetpack-mu-wpcom\/src\/build\/"}; </script> <script crossorigin='anonymous' type='text/javascript' src='https://s1.wp.com/_static/??-eJyNj9FOwzAMRX+IzFoRDB4Qn4LSxB3ukjgkTkv/flmXIoRA7CmKfWyfC3NUhoNgEJB39JhBPxmYYy4xcpJ76As5Ub1jc8rQqkp071DxsM3WTjIwEc67Md/Bt6W+qOjKkUKGESVqc2p/8Mxhq71NGCwn0EXYaxEyX/REFjkmzHlVsbCqKLQkdaB5rdCv928INSDa/nIqlzTh8meUMUOqUzHx5/Kzt2V0OtiLdnMNerqRvKYyjiqjskkURQ3MgkllNEIctkUUjCu2Zqo+40fBtLRn5+l/SHk6Ji3Y4Ff/sj90z4+HfffQjWcuy8YI'></script> <script id="rlt-proxy-js-after"> rltInitialize( {"token":null,"iframeOrigins":["https:\/\/widgets.wp.com"]} ); </script> <script id="landpack-nav-script-js-after"> document.addEventListener("DOMContentLoaded", () => { const API_GEO_ENDPOINT = 'https://public-api.wordpress.com/geo/'; const FCCA_LINK_SELECTOR = '.lp-footer-stack [data-is-fcca]'; function fetchGeoData() { return fetch( API_GEO_ENDPOINT ).then( res => res.json() ); } function removeLink( selector, condition ) { document.querySelectorAll( selector ).forEach( element => { const parent = element.parentNode; const parentTagName = parent.tagName.toLowerCase(); if ( condition ) { (parentTagName === 'li' ? parent : element).remove(); } }); } /** * Checks if the given data pertains to the specified region or country * @param {string} key - The key to check in the data * @param {string} name - The region or country name to check for * @param {object} data - The geolocation data * @returns {boolean} - True if the data pertains to the specified region or country */ function pertainsTo( key, name, data ) { if ( data && data[ key ] && name ) { return data[ key ].toLowerCase() === name.toLowerCase(); } return false; } fetchGeoData().then(data => { const isFCCA = pertainsTo( 'country_long', 'germany', data ); removeLink( FCCA_LINK_SELECTOR, ! isFCCA ); }); }); </script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://en.support.wordpress.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress.com" /> <link rel='shortlink' href='https://wp.me/PEmnE-HMD' /> <style> @font-face { font-family: Recoleta; font-display: swap; src: url('https://s1.wp.com/i/fonts/recoleta/400.woff2') } </style> <link rel="alternate" type="application/json+oembed" href="https://public-api.wordpress.com/oembed/?format=json&url=https%3A%2F%2Fen.support.wordpress.com%2Fwordpress-editor%2Fblocks%2Fform-block%2F&for=wpcom-auto-discovery" /><link rel="alternate" type="application/xml+oembed" href="https://public-api.wordpress.com/oembed/?format=xml&url=https%3A%2F%2Fen.support.wordpress.com%2Fwordpress-editor%2Fblocks%2Fform-block%2F&for=wpcom-auto-discovery" /> <!-- Jetpack Open Graph Tags --> <meta property="og:type" content="article" /> <meta property="og:title" content="How To Add A Form To WordPress | WordPress.com Support" /> <meta property="og:url" content="https://wordpress.com/support/wordpress-editor/blocks/form-block/" /> <meta property="og:description" content="The Form block lets readers get in touch with you through your website. Use the Form block to add many types of forms, including a contact form, appointment booking form, event registration form, f…" /> <meta property="article:published_time" content="2020-06-29T17:10:43+00:00" /> <meta property="article:modified_time" content="2024-08-21T21:23:00+00:00" /> <meta property="og:site_name" content="WordPress.com Support" /> <meta property="og:image" content="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png" /> <meta property="og:image:width" content="704" /> <meta property="og:image:height" content="584" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta property="article:publisher" content="https://www.facebook.com/WordPresscom" /> <meta name="twitter:text:title" content="Insert a Contact Form" /> <meta name="twitter:image" content="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=640" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:app:name:iphone" content="Jetpack" /> <meta name="twitter:app:id:iphone" content="1565481562" /> <meta name="twitter:app:name:ipad" content="Jetpack" /> <meta name="twitter:app:id:ipad" content="1565481562" /> <meta name="twitter:app:name:googleplay" content="Jetpack" /> <meta name="twitter:app:id:googleplay" content="com.jetpack.android" /> <!-- End Jetpack Open Graph Tags --> <link rel="shortcut icon" type="image/x-icon" href="https://secure.gravatar.com/blavatar/51c36e56bdd01a081e83f28392aee238c5bd557693ca92ceefe00349c2060b73?s=32" sizes="16x16" /> <link rel="icon" type="image/x-icon" href="https://secure.gravatar.com/blavatar/51c36e56bdd01a081e83f28392aee238c5bd557693ca92ceefe00349c2060b73?s=32" sizes="16x16" /> <link rel="apple-touch-icon" href="https://secure.gravatar.com/blavatar/51c36e56bdd01a081e83f28392aee238c5bd557693ca92ceefe00349c2060b73?s=114" /> <link rel='openid.server' href='https://wordpress.com/support/?openidserver=1' /> <link rel='openid.delegate' href='https://wordpress.com/support/' /> <link rel="search" type="application/opensearchdescription+xml" href="https://wordpress.com/support/osd.xml" title="WordPress.com Support" /> <link rel="search" type="application/opensearchdescription+xml" href="https://s1.wp.com/opensearch.xml" title="WordPress.com" /> <script type="text/javascript"> window.wpcom_3rd_party_test_step1_loaded = function(){ var step2_url = 'https://wptpc.com/?tpc-check=2'; var results_div = document.getElementById( 'wpcom-3rd-party-cookie-test' ); var step2_script = document.createElement( 'script' ); // Update loading / results message results_div.innerHTML = 'Stage one complete, loading stage 2…'; // And load the second part of the test (reading the cookie) step2_script.setAttribute( 'src', step2_url ); results_div.appendChild( step2_script ); } window.wpcom_3rd_party_test_step2_loaded = function( cookieSuccess ){ var results_div = document.getElementById('wpcom-3rd-party-cookie-test'); var error_div = document.getElementById('wpcom-3rd-party-cookie-test-error'); // Show message results_div.innerHTML = ( cookieSuccess ? 'Great, third party cookies are properly enabled in your browser!' : 'Third party cookies appear to be disabled. Please follow the instructions on this page to turn them on.' ); //Add error class if fail if ( ! cookieSuccess ) results_div.className += ' error'; // Done, so remove loading class results_div.className = results_div.className.replace(/\bloading\b/,' success '); // And remove error message error_div.className = 'hidden'; } </script> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="//s1.wp.com/i/favicon.ico" sizes="16x16 32x32"> <link rel="shortcut icon" type="image/x-icon" href="//s1.wp.com/i/favicon.ico" sizes="16x16 32x32"> <link rel="icon" type="image/x-icon" href="//s1.wp.com/i/favicon.ico" sizes="16x16 32x32"> <link rel="icon" type="image/png" href="//s1.wp.com/i/favicons/favicon-64x64.png" sizes="64x64"> <link rel="icon" type="image/png" href="//s1.wp.com/i/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="//s1.wp.com/i/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="apple-touch-icon" sizes="57x57" href="//s1.wp.com/i/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="//s1.wp.com/i/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="//s1.wp.com/i/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="//s1.wp.com/i/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="//s1.wp.com/i/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="//s1.wp.com/i/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="//s1.wp.com/i/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="//s1.wp.com/i/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="//s1.wp.com/i/favicons/apple-touch-icon-180x180.png"> <link rel="canonical" href="https://wordpress.com/support/wordpress-editor/blocks/form-block/" /> <script type="application/ld+json"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Corporation","@id":"https:\/\/automattic.com\/#organization","url":"https:\/\/automattic.com\/","name":"Automattic","legalName":"Automattic Inc.","foundingDate":"2005-08-01","slogan":"We don\u2019t make software for free, we make it for freedom.","description":"We are the people behind <a href=\"https:\/\/wordpress.com\/\">WordPress.com<\/a>, <a href=\"https:\/\/woocommerce.com\/\">WooCommerce<\/a>, <a href=\"https:\/\/jetpack.com\/\">Jetpack<\/a>, <a href=\"https:\/\/simplenote.com\/\">Simplenote<\/a>, <a href=\"https:\/\/longreads.com\/\">Longreads<\/a>, <a href=\"https:\/\/vaultpress.com\/\">VaultPress<\/a>, <a href=\"https:\/\/akismet.com\/\">Akismet<\/a>, <a href=\"https:\/\/gravatar.com\/\">Gravatar<\/a>, <a href=\"\">Crowdsignal<\/a>, <a href=\"https:\/\/cloudup.com\/\">Cloudup<\/a>, and more. We believe in making the web a better place, and <a href=\"https:\/\/github.com\/Automattic\">we believe in Open Source<\/a>. The vast majority of our work is available under the GPL.","logo":{"@type":"ImageObject","@id":"https:\/\/automattic.com\/#logo","url":"https:\/\/automattic.com\/wp-content\/themes\/a8c\/automattic-2011\/images\/automattic-logo-2x.png","width":552,"height":60,"caption":"Automattic"},"image":{"@id":"https:\/\/automattic.com\/#logo"},"address":{"@type":"PostalAddress","streetAddress":"60 29th Street #343","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94110","addressCountry":"US"},"founder":{"@type":"Person","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#person","name":"Matt Mullenweg","description":"In 2002 I started contributing to Open Source software, and life has just gotten better from there. Co-founder of WordPress, founder Automattic.","image":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#personimage","url":"https:\/\/secure.gravatar.com\/avatar\/767fc9c115a1b989744c755db47feb60?s=96&d=mm&r=g","width":96,"height":96,"caption":"Matt Mullenweg"}},"numberOfEmployees":1728,"sameAs":["https:\/\/twitter.com\/automattic","https:\/\/www.facebook.com\/AutomatticInc","https:\/\/www.linkedin.com\/company\/automattic\/","https:\/\/en.wikipedia.org\/wiki\/Automattic","https:\/\/www.youtube.com\/c\/automattic"],"subOrganization":{"@id":"https:\/\/wordpress.com\/#organization"}},{"@type":"Organization","@id":"https:\/\/wordpress.com\/#organization","url":"https:\/\/wordpress.com\/","name":"WordPress.com","legalName":"Automattic Inc.","foundingDate":"2005-08-01","slogan":"Build a website, build a movement.","description":"Create a free website or build a blog with ease on WordPress.com. Dozens of free, customizable, mobile-ready designs and themes. Free hosting and support.","logo":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/#logo","url":"https:\/\/s0.wp.com\/home.logged-out\/images\/wpcom-a-website-that-can.jpg","width":1024,"height":512,"caption":"WordPress.com"},"image":{"@id":"https:\/\/wordpress.com\/#logo"},"address":{"@type":"PostalAddress","streetAddress":"60 29th Street #343","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94110","addressCountry":"US"},"founder":{"@type":"Person","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#person","name":"Matt Mullenweg","description":"In 2002 I started contributing to Open Source software, and life has just gotten better from there. Co-founder of WordPress, founder Automattic.","image":{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/schema.org\/author\/5#personimage","url":"https:\/\/secure.gravatar.com\/avatar\/767fc9c115a1b989744c755db47feb60?s=96&d=mm&r=g","width":96,"height":96,"caption":"Matt Mullenweg"}},"numberOfEmployees":1728,"sameAs":["https:\/\/twitter.com\/wordpressdotcom","https:\/\/www.facebook.com\/WordPresscom","https:\/\/www.instagram.com\/wordpressdotcom\/","https:\/\/www.linkedin.com\/company\/wordpress","https:\/\/www.youtube.com\/WordPressdotcom","https:\/\/www.pinterest.com\/wordpressdotcom\/","https:\/\/en.wikipedia.org\/wiki\/WordPress.com"],"parentOrganization":{"@id":"https:\/\/automattic.com\/#organization"}},{"@type":"WebSite","@id":"https:\/\/wordpress.com\/support\/#website","url":"https:\/\/wordpress.com\/support\/","name":"WordPress.com Support","description":"WordPress.com Support","potentialAction":{"@type":"SearchAction","target":"https:\/\/wordpress.com\/support\/search\/{search_term_string}\/","query-input":"required name=search_term_string"},"publisher":{"@id":"https:\/\/wordpress.com\/#organization"}},{"@type":"BreadcrumbList","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"item":{"@type":"WebSite","@id":"https:\/\/wordpress.com\/support\/#website-breadcrumb","url":"https:\/\/wordpress.com\/support\/","name":"Home"}},{"@type":"ListItem","position":1,"item":{"@type":"CollectionPage","@id":"https:\/\/wordpress.com\/support\/category\/content-and-media\/blocks\/#term-breadcrumb","url":"https:\/\/wordpress.com\/support\/category\/content-and-media\/blocks\/","name":"Blocks"}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/#ancestor-breadcrumb","url":"https:\/\/wordpress.com\/support\/wordpress-editor\/","name":"WordPress Editor"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/#ancestor-breadcrumb","url":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/","name":"Blocks (The Full\u00a0List)"}},{"@type":"ListItem","position":4,"item":{"@type":"WebPage","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#webpage-breadcrumb","url":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/","name":"How To Add A Form To WordPress | WordPress.com Support"}}]},{"@type":"ImageObject","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#primaryimage","url":"https:\/\/en-support.files.wordpress.com\/2023\/08\/google-analytics-new-account-creation.png","width":1828,"height":1218,"caption":"How To Add A Form To WordPress | WordPress.com Support"},{"@type":"WebPage","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#webpage","url":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/","name":"How To Add A Form To WordPress | WordPress.com Support","description":"WordPress.com Support","inLanguage":"en","isPartOf":{"@id":"https:\/\/wordpress.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#primaryimage"},"breadcrumb":{"@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#breadcrumbs"},"publisher":{"@id":"https:\/\/wordpress.com\/#organization"},"datePublished":"2020-06-29T17:10:43+0000","dateModified":"2024-08-21T21:23:00+0000"},{"@type":"Article","@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#article","headline":"How To Add A Form To WordPress | WordPress.com Support","commentCount":0,"keywords":"blocks","datePublished":"2020-06-29T17:10:43+0000","dateModified":"2024-08-21T21:23:00+0000","mainEntityOfPage":{"@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#webpage"},"isPartOf":{"@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#webpage"},"image":{"@id":"https:\/\/wordpress.com\/support\/wordpress-editor\/blocks\/form-block\/#primaryimage"},"publisher":{"@id":"https:\/\/wordpress.com\/#organization"},"author":{"@id":"https:\/\/wordpress.com\/#organization"}}]} </script> <meta name="application-name" content="WordPress.com Support" /><meta name="msapplication-window" content="width=device-width;height=device-height" /><meta name="msapplication-tooltip" content="WordPress.com Support" /><meta name="description" content="The Form block lets readers get in touch with you through your website. Use the Form block to add many types of forms, including a contact form, appointment booking form, event registration form, feedback form, and more!" /> <style class='wp-fonts-local'> @font-face{font-family:Recoleta;font-style:normal;font-weight:400;font-display:block;src:url('https://s0.wp.com/i/fonts/recoleta/extended/recoleta-400.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Recoleta;font-style:normal;font-weight:500;font-display:block;src:url('https://s0.wp.com/i/fonts/recoleta/extended/recoleta-500.woff2') format('woff2');font-stretch:normal;} </style> <link rel="stylesheet" id="custom-css-css" type="text/css" href="https://s2.wp.com/?custom-css=1&csblog=EmnE&cscache=6&csrev=327" /> </head> <body class="page-template-default page page-id-168307 page-child parent-pageid-147752 wp-embed-responsive jps-theme-a8c/wpsupport3 customizer-styles-applied jetpack-reblog-enabled"> <nav class="x-wpcom-global-nav x-nav" aria-label="WordPress.com"> <ul class="x-nav-list"> <li class="x-nav-item lpc x-nav--logo"> <a role="menuitem" class="x-nav-link x-nav-link--logo x-link" href="https://wordpress.com/"> <svg class="x-icon x-icon--logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 36" role="presentation" aria-label="WordPress.com logo"><path d="M52.84 12.9c1.08 0 2 .24 2.8.71.78.47 1.4 1.14 1.82 1.99.44.85.65 1.84.65 2.97 0 1.13-.21 2.12-.65 2.97a4.78 4.78 0 0 1-1.83 1.97 5.3 5.3 0 0 1-2.79.7c-1.07 0-2-.23-2.79-.7a4.77 4.77 0 0 1-1.83-1.97 6.44 6.44 0 0 1-.64-2.97c0-1.13.21-2.13.64-2.97a4.77 4.77 0 0 1 1.83-1.99c.79-.47 1.72-.7 2.8-.7ZM31.37 9.4l2.65 10.73h.13L36.97 9.4h2.6l2.83 10.74h.13L45.17 9.4h2.85L43.9 24h-2.62l-2.94-10.25h-.11L35.28 24h-2.62L28.52 9.4h2.85Zm21.49 5.55c-.6 0-1.1.16-1.49.49a2.9 2.9 0 0 0-.88 1.3 5.4 5.4 0 0 0-.29 1.82c0 .67.1 1.27.3 1.81.18.54.48.97.87 1.3.4.32.9.48 1.49.48.58 0 1.07-.16 1.46-.48.39-.33.68-.76.88-1.3a5.4 5.4 0 0 0 .29-1.8c0-.68-.1-1.29-.3-1.83a2.88 2.88 0 0 0-.87-1.3c-.4-.33-.87-.49-1.46-.49ZM64.7 12.9a2.75 2.75 0 0 0-2.7 1.98h-.12v-1.83h-2.5v10.96h2.58v-6.44a2.27 2.27 0 0 1 1.2-2.07c.39-.2.81-.3 1.28-.3a5.55 5.55 0 0 1 1.2.14v-2.37a8.44 8.44 0 0 0-.93-.07Zm8.95 1.96h-.1a4.93 4.93 0 0 0-.57-.85c-.24-.3-.57-.56-.99-.78a3.44 3.44 0 0 0-1.59-.32 4.24 4.24 0 0 0-3.93 2.55 7.1 7.1 0 0 0-.6 3.08c0 1.22.2 2.22.59 3.06a4.16 4.16 0 0 0 3.94 2.59 3.16 3.16 0 0 0 2.57-1.07c.25-.3.44-.58.58-.84h.15V24h2.55V9.4h-2.6v5.46Zm-.25 5.53c-.2.53-.5.95-.88 1.24-.38.3-.85.45-1.4.45-.55 0-1.04-.15-1.43-.46-.4-.3-.69-.73-.88-1.26-.2-.54-.3-1.15-.3-1.83 0-.69.1-1.28.3-1.81.19-.53.48-.94.87-1.24.38-.3.87-.45 1.44-.45.58 0 1.03.15 1.42.43.38.3.67.7.87 1.22.2.53.3 1.14.3 1.85 0 .7-.1 1.33-.3 1.86Zm13.24-10.36a5.87 5.87 0 0 0-2.84-.63h-5.5V24h2.66v-4.93h2.8c1.13 0 2.08-.2 2.86-.63a4.23 4.23 0 0 0 1.75-1.71c.4-.73.6-1.56.6-2.5s-.2-1.75-.6-2.48a4.22 4.22 0 0 0-1.73-1.72Zm-.68 5.58c-.2.4-.52.71-.93.94-.43.23-.96.34-1.62.34h-2.45v-5.28h2.43c.67 0 1.21.11 1.63.33.42.22.74.53.94.92.2.4.3.85.3 1.37 0 .53-.1.98-.3 1.38Zm9.39-2.71a2.75 2.75 0 0 0-2.71 1.98h-.12v-1.83h-2.51v10.96h2.59v-6.44a2.27 2.27 0 0 1 1.2-2.07c.38-.2.8-.3 1.28-.3a5.55 5.55 0 0 1 1.2.14v-2.37a8.44 8.44 0 0 0-.93-.07Zm9.81 1.33c-.47-.45-1-.78-1.6-1a5.68 5.68 0 0 0-4.66.4 4.87 4.87 0 0 0-1.82 2 6.49 6.49 0 0 0-.65 2.96c0 1.13.22 2.14.65 2.99a4.62 4.62 0 0 0 1.84 1.95c.8.46 1.75.69 2.85.69.85 0 1.61-.13 2.28-.39a4.2 4.2 0 0 0 1.63-1.1c.43-.47.72-1.02.87-1.66l-2.42-.27a2 2 0 0 1-.5.78 2.56 2.56 0 0 1-1.82.63 2.9 2.9 0 0 1-1.48-.36 2.46 2.46 0 0 1-.98-1.04 3.5 3.5 0 0 1-.35-1.57h7.66v-.8c0-.96-.13-1.78-.4-2.48a4.71 4.71 0 0 0-1.1-1.72Zm-6.15 3.26c.03-.43.13-.83.33-1.2a2.57 2.57 0 0 1 2.34-1.37 2.34 2.34 0 0 1 2.18 1.25c.2.38.31.82.32 1.32h-5.17Zm14.65.27-1.87-.4c-.56-.13-.96-.3-1.2-.5a.94.94 0 0 1-.36-.77c0-.37.18-.67.54-.9.37-.24.82-.36 1.36-.36.4 0 .74.07 1.02.2.27.13.5.3.66.5.16.21.28.44.35.67l2.36-.25a3.45 3.45 0 0 0-1.38-2.22 5.03 5.03 0 0 0-3.05-.82 6.2 6.2 0 0 0-2.32.4 3.6 3.6 0 0 0-1.57 1.16 2.8 2.8 0 0 0-.55 1.76c0 .8.25 1.46.75 1.98s1.29.89 2.34 1.1l1.88.4c.5.1.88.26 1.12.47.24.2.36.46.36.78 0 .37-.19.68-.56.93-.38.25-.87.38-1.49.38a2.5 2.5 0 0 1-1.45-.38 1.77 1.77 0 0 1-.73-1.12l-2.53.24c.16 1 .65 1.8 1.47 2.36.82.56 1.9.84 3.25.84.91 0 1.72-.15 2.43-.44.7-.3 1.26-.7 1.66-1.23.4-.53.6-1.13.6-1.82 0-.79-.26-1.42-.77-1.9a4.76 4.76 0 0 0-2.32-1.07Zm10.13 0-1.88-.4c-.56-.13-.96-.3-1.2-.5a.94.94 0 0 1-.35-.77c0-.37.17-.67.54-.9a2.4 2.4 0 0 1 1.36-.36c.4 0 .73.07 1.01.2a1.8 1.8 0 0 1 1.01 1.17l2.36-.25a3.45 3.45 0 0 0-1.38-2.22 5.03 5.03 0 0 0-3.04-.82 6.1 6.1 0 0 0-2.32.4 3.6 3.6 0 0 0-1.57 1.16 2.8 2.8 0 0 0-.56 1.76c0 .8.25 1.46.76 1.98.5.52 1.28.89 2.34 1.1l1.87.4c.5.1.88.26 1.12.47.24.2.36.46.36.78 0 .37-.18.68-.56.93-.38.25-.87.38-1.49.38a2.5 2.5 0 0 1-1.45-.38 1.77 1.77 0 0 1-.73-1.12l-2.53.24c.16 1 .65 1.8 1.47 2.36.82.56 1.9.84 3.25.84a6.3 6.3 0 0 0 2.43-.44c.71-.3 1.26-.7 1.66-1.23.4-.53.6-1.13.6-1.82 0-.79-.25-1.42-.76-1.9a4.76 4.76 0 0 0-2.32-1.07Zm5.85 3.28a1.55 1.55 0 0 0-1.58 1.55c0 .44.15.8.46 1.11.3.3.68.46 1.12.46.28 0 .54-.07.77-.21.24-.14.43-.33.58-.57a1.5 1.5 0 0 0-.25-1.89c-.32-.3-.68-.45-1.1-.45ZM136 15.4c.4-.28.87-.42 1.4-.42.62 0 1.12.18 1.5.53.37.35.61.8.71 1.32h2.48a4.07 4.07 0 0 0-.7-2.07 4.07 4.07 0 0 0-1.65-1.37 5.52 5.52 0 0 0-2.38-.5 4.83 4.83 0 0 0-4.61 2.71 6.47 6.47 0 0 0-.64 2.96c0 1.11.2 2.08.63 2.93a4.77 4.77 0 0 0 1.81 2 5.3 5.3 0 0 0 2.83.72 5.4 5.4 0 0 0 2.4-.5 4.04 4.04 0 0 0 2.3-3.46h-2.47c-.08.4-.22.73-.42 1-.2.28-.46.5-.76.64s-.65.21-1.03.21c-.54 0-1-.14-1.4-.43-.4-.28-.71-.7-.94-1.23a5.03 5.03 0 0 1-.32-1.92c0-.75.1-1.37.33-1.9.22-.53.53-.93.93-1.22Zm14.8-1.8a5.34 5.34 0 0 0-2.79-.7c-1.07 0-2 .23-2.8.7a4.77 4.77 0 0 0-1.82 1.99 6.49 6.49 0 0 0-.65 2.97c0 1.13.22 2.12.65 2.97.43.84 1.04 1.5 1.83 1.97s1.72.7 2.79.7 2-.23 2.8-.7a4.78 4.78 0 0 0 1.82-1.97 6.5 6.5 0 0 0 .65-2.97 6.5 6.5 0 0 0-.65-2.97 4.77 4.77 0 0 0-1.83-1.99Zm-.44 6.76c-.19.54-.48.97-.88 1.3-.39.32-.87.48-1.46.48a2.3 2.3 0 0 1-1.48-.48c-.4-.33-.69-.76-.88-1.3-.2-.54-.3-1.14-.3-1.8 0-.68.1-1.29.3-1.83.2-.54.49-.98.88-1.3.4-.33.89-.49 1.48-.49.6 0 1.07.16 1.46.49.4.32.69.76.88 1.3.2.54.3 1.15.3 1.82 0 .67-.1 1.27-.3 1.81Zm18.68-6.5a3.36 3.36 0 0 0-2.47-.96c-.8 0-1.49.18-2.07.54-.58.37-1 .85-1.23 1.46h-.12a2.85 2.85 0 0 0-1.08-1.47 3.2 3.2 0 0 0-1.89-.54 3.3 3.3 0 0 0-1.9.54c-.53.35-.9.84-1.14 1.47h-.12v-1.87h-2.48V24h2.6v-6.66c0-.46.08-.85.26-1.2.18-.33.43-.6.73-.78.31-.2.65-.28 1.02-.28.55 0 1 .17 1.34.5.34.34.5.8.5 1.36V24h2.55v-6.83c0-.62.17-1.12.52-1.51.35-.39.84-.58 1.47-.58a2 2 0 0 1 1.33.47c.36.32.54.82.54 1.5V24h2.6v-7.35c0-1.23-.32-2.16-.96-2.8v.01ZM11.47 5.33c6.32 0 11.46 5.12 11.46 11.42a11.46 11.46 0 0 1-22.93 0c0-6.3 5.14-11.42 11.47-11.42Zm.18 12.32-3.1 8.95a10.38 10.38 0 0 0 6.34-.16.9.9 0 0 1-.07-.15l-3.17-8.64Zm-9.6-5.08A10.26 10.26 0 0 0 6.97 26Zm18.46-.75c.05.33.07.68.07 1.06 0 1.04-.2 2.21-.78 3.68l-3.15 9.06a10.26 10.26 0 0 0 3.86-13.8ZM11.47 6.5c-3.6 0-6.77 1.84-8.62 4.63A23.92 23.92 0 0 0 6.26 11c.56-.03.62.78.07.85 0 0-.56.06-1.18.1L8.9 23.06l2.26-6.74-1.6-4.39c-.56-.03-1.09-.1-1.09-.1-.55-.03-.49-.87.07-.84 0 0 1.7.13 2.71.13C12.33 11.13 14 11 14 11c.55-.03.62.78.07.85 0 0-.56.06-1.18.1l3.72 11.04 1.03-3.43a9.5 9.5 0 0 0 .79-3.32 5.4 5.4 0 0 0-.85-2.83c-.53-.85-1.02-1.56-1.02-2.4 0-.95.72-1.83 1.74-1.83h.13a10.28 10.28 0 0 0-6.96-2.69Z" /></svg> </a> </li> <li class="x-nav-item x-nav-item--wide"> <button role="menuitem" class="x-nav-link x-link" data-dropdown-trigger="products" aria-haspopup="true" aria-expanded="false"> Products <span class="x-nav-link-chevron" aria-hidden="true"></span> </button> </li> <li class="x-nav-item x-nav-item--wide"> <button role="menuitem" class="x-nav-link x-link" data-dropdown-trigger="features" aria-haspopup="true" aria-expanded="false"> Features <span class="x-nav-link-chevron" aria-hidden="true"></span> </button> </li> <li class="x-nav-item x-nav-item--wide"> <button role="menuitem" class="x-nav-link x-link" data-dropdown-trigger="resources" aria-haspopup="true" aria-expanded="false"> Resources <span class="x-nav-link-chevron" aria-hidden="true"></span> </button> </li> <li class="x-nav-item x-nav-item--wide lpc x-nav--pricing"> <a role="menuitem" class="x-nav-link x-link" href="https://wordpress.com/pricing/"> Plans & Pricing </a> </li> </ul> <ul class="x-nav-list"> <li class="x-nav-item x-nav-item--wide lpc x-nav--log-in"> <a role="menuitem" class="x-nav-link x-link" href="https://wordpress.com/log-in/"> Log in </a> </li> <li class="x-nav-item x-nav-item--wide lpc x-nav--sign-up"> <a role="menuitem" class="x-nav-link x-nav-link--primary x-link" href="https://wordpress.com/start/"> Get started </a> </li> <li class="x-nav-item x-nav-item--narrow"> <button role="menuitem" class="x-nav-link x-nav-link--menu x-link" aria-haspopup="true" aria-expanded="false"> <span class="x-hidden">Menu</span> <span class="x-icon x-icon--menu"> <span></span> <span></span> <span></span> </span> </button> </li> </ul> </nav> <div class="x-dropdown"> <div class="x-dropdown-top"> <div class="x-dropdown-top-fill"></div> </div> <div class="x-dropdown-middle"></div> <div class="x-dropdown-bottom"> <div class="x-dropdown-bottom-fill"></div> </div> <div class="x-dropdown-content" data-dropdown-name="products" role="menu" aria-label="Products" aria-hidden="true"> <ul> <li class="lpc x-nav--hosting"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/hosting/" tabindex="-1"> WordPress Hosting </a> </li> <li class="lpc x-nav--agencies"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/for-agencies/" tabindex="-1"> WordPress for Agencies </a> </li> <li class="lpc x-nav--domains"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/domains/" tabindex="-1"> Domain Names </a> </li> <li class="lpc x-nav--website-builder"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/website-builder/" tabindex="-1"> Website Builder </a> </li> <li class="lpc x-nav--create-blog"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/create-blog/" tabindex="-1"> Create a Blog </a> </li> <li class="lpc x-nav--newsletter"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/newsletter/" tabindex="-1"> Newsletter </a> </li> <li class="lpc x-nav--email"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/professional-email/" tabindex="-1"> Professional Email </a> </li> <li class="lpc x-nav--website-design-service"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/website-design-service/" tabindex="-1"> Website Design Services </a> </li> <li class="lpc x-nav--ecommerce"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/ecommerce/" tabindex="-1"> Commerce </a> </li> <li class="lpc x-nav--vip x-nav-show_separator_above"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wpvip.com/wordpress-vip-agile-content-platform?utm_source=WordPresscom&utm_medium=automattic_referral&utm_campaign=top_nav" tabindex="-1"> Enterprise WordPress<span class="x-nav__external-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="x-icon x-icon--external" role="presentation" aria-hidden="true"> <path d="M5.5 0v1h1.795L2.38 5.915l.705.705L8 1.705V3.5h1V0H5.5zM8 8H1V1h3V0H1a1 1 0 00-1 1v7a1 1 0 001 1h7a1 1 0 001-1V5H8v3z" /> </svg></span> </a> </li> </ul> </div> <div class="x-dropdown-content" data-dropdown-name="features" role="menu" aria-label="Features" aria-hidden="true"> <ul> <li class="lpc x-nav--features"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/features/" tabindex="-1"> Overview </a> </li> <li class="lpc x-nav--themes x-nav-show_separator_above"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/themes" tabindex="-1"> WordPress Themes </a> </li> <li class="lpc x-nav--plugins"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/plugins" tabindex="-1"> WordPress Plugins </a> </li> <li class="lpc x-nav--patterns"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/patterns" tabindex="-1"> WordPress Patterns </a> </li> <li class="lpc x-nav--google"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/google/" tabindex="-1"> Google Apps </a> </li> </ul> </div> <div class="x-dropdown-content" data-dropdown-name="resources" role="menu" aria-label="Resources" aria-hidden="true"> <ul> <li class="lpc x-nav--support"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/support/" tabindex="-1"> WordPress.com Support </a> </li> <li class="lpc x-nav--blog"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/blog/" tabindex="-1"> WordPress News </a> </li> <li class="lpc x-nav--experts"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/go/" tabindex="-1"> Website Building Tips </a> </li> <li class="lpc x-nav--business-name-generator"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/business-name-generator/" tabindex="-1"> Business Name Generator </a> </li> <li class="lpc x-nav--logo-maker"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/logo-maker/" tabindex="-1"> Logo Maker </a> </li> <li class="lpc x-nav--discover"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/discover" tabindex="-1"> Discover New Posts </a> </li> <li class="lpc x-nav--tags"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/tags" tabindex="-1"> Popular Tags </a> </li> <li class="lpc x-nav--search"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/read/search" tabindex="-1"> Blog Search </a> </li> <li class="lpc x-nav--webinars"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/webinars/" tabindex="-1"> Daily Webinars </a> </li> <li class="lpc x-nav--learn"> <a role="menuitem" class="x-dropdown-link x-link" href="https://wordpress.com/learn/" tabindex="-1"> Learn WordPress </a> </li> </ul> </div> </div> <div class="x-menu" role="menu" aria-label="WordPress.com Navigation Menu" aria-hidden="true"> <div class="x-menu-overlay"></div> <div class="x-menu-content"> <button class="x-menu-button x-link" tabindex="-1"> <span class="x-hidden">Close the navigation menu</span> <span class="x-icon x-icon--close"> <span></span> <span></span> </span> </button> <div class="x-menu-list"> <div class="x-menu-list-title"> Get started </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--sign-up"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/start/" tabindex="-1"> Sign up <span class="x-menu-link-chevron" aria-hidden="true"></span> </a> </li> <li class="x-menu-grid-item lpc x-nav--log-in"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/log-in/" tabindex="-1"> Log in <span class="x-menu-link-chevron" aria-hidden="true"></span> </a> </li> </ul> </div> <div class="x-menu-list"> <div class="x-hidden"> About </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--pricing"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/pricing/" tabindex="-1"> Plans & Pricing </a> </li> </ul> </div> <div class="x-menu-list"> <div class="x-menu-list-title"> Products </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--hosting"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/hosting/" tabindex="-1"> WordPress Hosting </a> </li> <li class="x-menu-grid-item lpc x-nav--agencies"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/for-agencies/" tabindex="-1"> WordPress for Agencies </a> </li> <li class="x-menu-grid-item lpc x-nav--domains"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/domains/" tabindex="-1"> Domain Names </a> </li> <li class="x-menu-grid-item lpc x-nav--website-builder"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/website-builder/" tabindex="-1"> Website Builder </a> </li> <li class="x-menu-grid-item lpc x-nav--create-blog"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/create-blog/" tabindex="-1"> Create a Blog </a> </li> <li class="x-menu-grid-item lpc x-nav--newsletter"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/newsletter/" tabindex="-1"> Newsletter </a> </li> <li class="x-menu-grid-item lpc x-nav--email"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/professional-email/" tabindex="-1"> Professional Email </a> </li> <li class="x-menu-grid-item lpc x-nav--website-design-service"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/website-design-service/" tabindex="-1"> Website Design Services </a> </li> <li class="x-menu-grid-item lpc x-nav--ecommerce"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/ecommerce/" tabindex="-1"> Commerce </a> </li> <li class="x-menu-grid-item lpc x-nav--vip"> <a role="menuitem" class="x-menu-link x-link" href="https://wpvip.com/wordpress-vip-agile-content-platform?utm_source=WordPresscom&utm_medium=automattic_referral&utm_campaign=top_nav" tabindex="-1"> Enterprise WordPress <span class="x-nav__external-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="x-icon x-icon--external" role="presentation" aria-hidden="true"> <path d="M5.5 0v1h1.795L2.38 5.915l.705.705L8 1.705V3.5h1V0H5.5zM8 8H1V1h3V0H1a1 1 0 00-1 1v7a1 1 0 001 1h7a1 1 0 001-1V5H8v3z" /> </svg></span> </a> </li> </ul> </div> <div class="x-menu-list"> <div class="x-menu-list-title"> Features </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--features"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/features/" tabindex="-1"> Overview </a> </li> <li class="x-menu-grid-item lpc x-nav--themes"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/themes" tabindex="-1"> WordPress Themes </a> </li> <li class="x-menu-grid-item lpc x-nav--plugins"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/plugins" tabindex="-1"> WordPress Plugins </a> </li> <li class="x-menu-grid-item lpc x-nav--patterns"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/patterns" tabindex="-1"> WordPress Patterns </a> </li> <li class="x-menu-grid-item lpc x-nav--google"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/google/" tabindex="-1"> Google Apps </a> </li> </ul> </div> <div class="x-menu-list"> <div class="x-menu-list-title"> Resources </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--support"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/support/" tabindex="-1"> WordPress.com Support </a> </li> <li class="x-menu-grid-item lpc x-nav--blog"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/blog/" tabindex="-1"> WordPress News </a> </li> <li class="x-menu-grid-item lpc x-nav--experts"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/go/" tabindex="-1"> Website Building Tips </a> </li> <li class="x-menu-grid-item lpc x-nav--business-name-generator"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/business-name-generator/" tabindex="-1"> Business Name Generator </a> </li> <li class="x-menu-grid-item lpc x-nav--logo-maker"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/logo-maker/" tabindex="-1"> Logo Maker </a> </li> <li class="x-menu-grid-item lpc x-nav--discover"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/discover" tabindex="-1"> Discover New Posts </a> </li> <li class="x-menu-grid-item lpc x-nav--tags"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/tags" tabindex="-1"> Popular Tags </a> </li> <li class="x-menu-grid-item lpc x-nav--search"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/read/search" tabindex="-1"> Blog Search </a> </li> <li class="x-menu-grid-item lpc x-nav--webinars"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/webinars/" tabindex="-1"> Daily Webinars </a> </li> <li class="x-menu-grid-item lpc x-nav--learn"> <a role="menuitem" class="x-menu-link x-link" href="https://wordpress.com/learn/" tabindex="-1"> Learn WordPress </a> </li> </ul> </div> <div class="x-menu-list is-mobile-app-supported"> <div class="x-menu-list-title"> Jetpack App </div> <ul class="x-menu-grid"> <li class="x-menu-grid-item lpc x-nav--mobile-badge x-nav--apple-app-store is-ios"> <a role="menuitem" class="x-menu-link x-link" href="https://apps.wordpress.com/get/?campaign=wpcom-log-out-home-global-nav" tabindex="-1"> <img src="https://wpcom.files.wordpress.com/2023/06/group-1000004724.png" loading="lazy" alt="" role="presentation" width="120" height="34"> </a> </li> <li class="x-menu-grid-item lpc x-nav--mobile-badge x-nav--google-play is-android"> <a role="menuitem" class="x-menu-link x-link" href="https://apps.wordpress.com/get/?campaign=wpcom-log-out-home-global-nav" tabindex="-1"> <img src="https://wpcom.files.wordpress.com/2023/06/play-store-logo.png" loading="lazy" alt="" role="presentation" width="120" height="34"> </a> </li> <li class="x-menu-grid-item lpc x-nav--learn-more"> <a role="menuitem" class="x-menu-link x-link" href="https://apps.wordpress.com/mobile" tabindex="-1"> Learn more <span class="x-menu-link-chevron" aria-hidden="true"></span> </a> </li> </ul> </div> </div> </div> <div class="happy-blocks-mini-search happy-blocks-header is-support"> <div class="happy-blocks-search-container"> <div class="happy-blocks-global-header-site__title"> <form class="happy-blocks_inner_search" role="search" method="get" action=""><label for="wp-block-search__input-1" class="screen-reader-text">Search questions, courses, topics</label> <div class="happy-blocks-search__inside-wrapper"><input type="search" id="wp-block-search__input-1" name="s" value="" placeholder="Search questions, courses, topics"></div> </form> </div> </div> </div> <main class="wp-block-group wpsupport3-align-content-width main_inner_page"> <div class="wpsupport3__post-breadcrumbs category-breadcrumbs support-breadcrumb_item"> <div><a class="breadcrumb__item" href="https://wordpress.com/support">Back to Support</a> <svg class="breadcrumb__separator" width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.26563 12.5L6.26562 6.99998L1.26562 1.5" stroke="#1d2327" stroke-width="1.5" /> </svg><a href="https://wordpress.com/support/category/content-and-media/">Content and Media</a> <svg class="breadcrumb__separator" width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.26563 12.5L6.26562 6.99998L1.26562 1.5" stroke="#1d2327" stroke-width="1.5" /> </svg><a href="https://wordpress.com/support/category/content-and-media/blocks/">Blocks</a> <svg class="breadcrumb__separator" width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.26563 12.5L6.26562 6.99998L1.26562 1.5" stroke="#1d2327" stroke-width="1.5" /> </svg><a class="breadcrumb__post-title ">Insert a Contact Form</a></div> </div> <div><h1 class="page-title wp-block-post-title has-text-color has-gray-90-color has-recoleta-font-family">Insert a Contact Form</h1></div> <div class="wp-block-language-toggle"> <div class="wpsupport3-language-toggle__wrapper"> <form autocomplete="off"> <select aria-label="language-switcher" class="wpsupport3-language-toggle__select"> <option selected disabled>Other languages</option><option value='https://wordpress.com/ar/support/wordpress-editor/blocks/form-block/'>العربية</option><option value='https://wordpress.com/de/support/wordpress-editor/bloecke/formular-block/'>Deutsch</option><option value='https://wordpress.com/es/support/editor-wordpress/bloques/bloque-formulario/'>Español</option><option value='https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-formulaire/'>Français</option><option value='https://wordpress.com/he/support/wordpress-editor/blocks/form-block/'>עִבְרִית</option><option value='https://wordpress.com/id/support/penyunting-wordpress/blok/blok-formulir/'>Bahasa Indonesia</option><option value='https://wordpress.com/it/support/editor-wordpress/blocchi/form-block/'>Italiano</option><option value='https://wordpress.com/ja/support/wordpress-editor/blocks/form-block/'>日本語</option><option value='https://wordpress.com/ko/support/wordpress-editor/blocks/form-block/'>한국어</option><option value='https://wordpress.com/nl/support/wordpress-editor/blokken/formulierblok/'>Nederlands</option><option value='https://wordpress.com/pt-br/support/editor-do-wordpress/blocos/bloco-de-formulario/'>Português do Brasil</option><option value='https://wordpress.com/ru/support/wordpress-editor/blocks/form-block/'>Русский</option><option value='https://wordpress.com/sv/support/wordpress-redigerare/block/formularblock/'>Svenska</option><option value='https://wordpress.com/tr/support/wordpress-duzenleyici/bloklar/form-bloku/'>Türkçe</option><option value='https://wordpress.com/zh-cn/support/wordpress-editor/blocks/form-block/'>简体中文</option><option value='https://wordpress.com/zh-tw/support/wordpress-editor/blocks/form-block/'>繁體中文</option> </select> </form> </div> <div class="wpsupport3-language-toggle__modal"> <div class="wpsupport3-language-toggle__modal-content"> </div> </div> </div> <div class="entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow"> <p>The<em> </em><strong>Form block</strong><em> </em>lets readers get in touch with you through your website. Use the <strong>Form block</strong> to add many types of forms, including a contact form, appointment booking form, event registration form, feedback form, and more.</p> <div class="a8c-table-of-contents"> <button> <svg class="mobile" width="15" height="10" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.38672 1.15562L11.0303 10.7078L20.3867 0.707764" stroke="#646970" stroke-width="2"/> </svg></button> <p>In this guide</p><div class="wp-block-a8c-support-table-of-contents"><ol class=toc-parent-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#video-tutorial">Video Tutorial</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#add-the-form-block">Add the Form Block</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#select-the-form-block">Select the Form Block</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#use-list-view-to-select-a-form">Use List View to Select a Form</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#use-the-parent-block-selector">Use the Parent Block Selector</a></li></ol></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#customize-your-form">Customize Your Form</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-field-settings">Form Field Settings</a></li></ol></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-settings">Form Block Settings</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#overall-form-settings">Overall Form Settings</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#submission-settings">Submission Settings</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-address-to-send-to">Email Address to Send To</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-subject-line">Email Subject Line</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#advanced">Advanced</a></li></ol></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#individual-form-field-settings">Individual Form Field Settings</a></li></ol></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-styles">Form Block Styles</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#styles">Styles</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#additional-settings">Additional Settings</a></li></ol></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-toolbar">Form Block Toolbar</a></li><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#see-your-messages">See Your Messages</a><ol class=toc-child-list><li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#not-receiving-form-submissions">Not Receiving Form Submissions</a></li></ol></li></ol></div> </div> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="video-tutorial">Video Tutorial</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#video-tutorial"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> <div class="embed-youtube"><iframe title="Add a contact form | WordPress.com Support" width="500" height="281" src="https://www.youtube.com/embed/QKhfTaQigH0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div> </div></figure> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="add-the-form-block">Add the Form Block</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#add-the-form-block"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>To add the <strong>Form block</strong>, click the <strong><a href="https://wordpress.com/support/wordpress-editor/add-content-blocks/#how-to-add-a-block">+ Block Inserter icon</a></strong> and search for “Form.” Click it to add it to the post or page.</p> <p class="has-very-light-gray-background-color has-background">For more information, visit our detailed instructions on <a href="https://wordpress.com/support/wordpress-editor/add-content-blocks/">adding blocks</a>.</p> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="177181" data-permalink="https://wordpress.com/support/form-block_inserter/" data-orig-file="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png" data-orig-size="704,584" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block_inserter" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=300" data-large-file="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=704" loading="lazy" width="704" height="584" src="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=704" alt="From the block inserter, the Form block is the one titled only "Form"." class="wp-image-177181" style="object-fit:cover;width:350px;height:292px" srcset="https://en-support.files.wordpress.com/2020/12/form-block_inserter.png 704w, https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=150 150w, https://en-support.files.wordpress.com/2020/12/form-block_inserter.png?w=300 300w" sizes="(max-width: 704px) 100vw, 704px" /></figure> <div class="wp-block-columns callout is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"> <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-1 column1-desktop-grid__row-1 column2-desktop-grid__span-11 column2-desktop-grid__start-2 column2-desktop-grid__row-1 column1-tablet-grid__span-1 column1-tablet-grid__row-1 column2-tablet-grid__span-8 column2-tablet-grid__start-2 column2-tablet-grid__row-1 column1-mobile-grid__span-1 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__start-2 column2-mobile-grid__row-1 wp-block-jetpack-layout-gutter__nowrap wp-block-jetpack-layout-gutter__none"> <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none is-vertically-aligned-center"> <p class="has-text-align-center has-large-font-size">💡</p> </div> <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none is-vertically-aligned-top"> <p>Using your keyboard, you can also type <code>/form</code> on a new line and press enter to quickly add a new <strong>Form block</strong>.</p> </div> </div> </div> </div> <p>When you first add the <strong>Form block</strong>, you will be prompted to select the type of form you want to insert. Select the type that most closely suits your needs. <span style="margin: 0px;padding: 0px">After you’ve added the Form block, you can edit the form fields furthe<strong>r</strong></span>.</p> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="234692" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/forms-add-form-block/" data-orig-file="https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png" data-orig-size="1222,710" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="forms-add-form-block" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=300" data-large-file="https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=1024" loading="lazy" width="1024" height="594" src="https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=1024" alt="Once you select Form, you will see a few predesigned form options, including Contact Form, RSVP Form and more. " class="wp-image-234692" style="object-fit:contain;width:650px;height:338px" srcset="https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=1022 1022w, https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=150 150w, https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=300 300w, https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png?w=768 768w, https://en-support.files.wordpress.com/2023/01/forms-add-form-block.png 1222w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>Types of forms include:</p> <ul class="wp-block-list"> <li>Contact Form</li> <li>RSVP Form</li> <li>Registration Form</li> <li>Appointment Form</li> <li>Feedback Form</li> <li>Salesforce Lead Form</li> </ul> <p>Click the “<strong>Explore Form Patterns</strong>” button to browse beautifully designed, ready-to-go form layouts you can add in just a few clicks.</p> <div class="wp-block-columns callout is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"> <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-1 column1-desktop-grid__row-1 column2-desktop-grid__span-11 column2-desktop-grid__start-2 column2-desktop-grid__row-1 column1-tablet-grid__span-1 column1-tablet-grid__row-1 column2-tablet-grid__span-8 column2-tablet-grid__start-2 column2-tablet-grid__row-1 column1-mobile-grid__span-1 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__start-2 column2-mobile-grid__row-1 wp-block-jetpack-layout-gutter__nowrap wp-block-jetpack-layout-gutter__none"> <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none is-vertically-aligned-center"> <p class="has-text-align-center has-large-font-size">💡</p> </div> <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none is-vertically-aligned-top"> <blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"> <p>If <span style="margin: 0px;padding: 0px">you run a WordPress.org website, you can use the <a href="https://wordpress.org/plugins/jetpack" target="_blank">Jetpack plugin</a> to add this <strong>Form block</strong> functionality</span>.</p> </blockquote> </div> </div> </div> </div> <p>The <strong>Form block</strong> is designed to collect information from your visitors. It is <strong>not</strong> a secure method for collecting private information like account numbers and passwords because the information is transmitted via email. Nor is it a way for your visitors to upload files to your site. </p> <ul class="wp-block-list"> <li><span style="margin: 0px;padding: 0px"><strong>Collect payments</strong> through your site using one of our secure payment options, like the <strong><a href="https://wordpress.com/support/wordpress-editor/blocks/payments/">Payments block</a></strong></span>. Learn more about <a href="https://wordpress.com/support/monetize-your-site/">collecting money through your site</a>.</li> <li><strong>Allow visitors to upload files</strong> through a <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-plugins">form plugin</a> that supports file uploads or alternative methods.</li> </ul> <p>Learn more <a href="https://wordpress.com/support/forms/">about other types of forms</a> that you can add to your WordPress.com site.</p> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="select-the-form-block">Select the Form Block</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#select-the-form-block"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p> There are two levels to the <strong>Form block</strong> with different settings depending on what you have selected:</p> <ul class="wp-block-list"> <li>The overall <em>Form </em>block. This is where you will set your form’s functionality and overall look and feel. </li> <li><span style="margin: 0px;padding: 0px">Each form field in your form will have style settings you can apply independently of each other. For example, form</span> fields like name, email, and the submit button will have style settings you can apply independently of each other.</li> </ul> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="use-list-view-to-select-a-form">Use List View to Select a Form</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#use-list-view-to-select-a-form"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>Using <a href="https://wordpress.com/support/wordpress-editor/use-list-view/"><strong>List View</strong></a>, you can view the hierarchy of the form and select the block you need:</p> <figure class="wp-block-jetpack-videopress jetpack-videopress-player" style="" > <div class="jetpack-videopress-player__wrapper"> <iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='359' src='https://video.wordpress.com/embed/MQQreAL7?cover=1&autoPlay=0&controls=1&loop=1&muted=1&persistVolume=0&playsinline=0&preloadContent=metadata&useAverageColor=1&hd=0' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1725245713'></script></div> <figcaption>Slow down or speed up the video using the controls in the lower right corner after clicking Play</figcaption> </figure> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="use-the-parent-block-selector">Use the Parent Block Selector</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#use-the-parent-block-selector"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>If you click on the content inside of a form, you can select the parent Form block from its icon in the <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-toolbar">block toolbar</a>:</p> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="332281" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-block-parent-selector/" data-orig-file="https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png" data-orig-size="1352,540" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-parent-selector" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=300" data-large-file="https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=1024" loading="lazy" width="1024" height="408" src="https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=1024" alt="A box drawn around the first icon in the block's top toolbar to indicate the icon is the parent selector." class="wp-image-332281" style="width:650px" srcset="https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=1022 1022w, https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=150 150w, https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=300 300w, https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png?w=768 768w, https://en-support.files.wordpress.com/2024/02/form-block-parent-selector.png 1352w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p><a href="https://wordpress.com/support/wordpress-editor/select-and-move-blocks/">Learn more about selecting blocks.</a></p> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="customize-your-form">Customize Your Form</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#customize-your-form"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>Once you have selected the type of form, <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-settings">check the settings on the right</a> to configure a few key settings:</p> <ul class="wp-block-list"> <li>Email address to send notifications to (<a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-address-to-send-to">more details</a>)</li> <li>Email subject line (<a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-address-to-send-to">more details</a>)</li> <li>What happens when someone submits the form (<a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#submission-settings">more details</a>)</li> </ul> <p>You can control and customize exactly which fields are shown in your form. When you first add the <strong>Form block</strong>, fields like <strong>Name</strong>, <strong>Email</strong>, and <strong>Message</strong> will be added by default.</p> <p>To add a new form field, click the <strong>+ Block Inserter</strong> icon that appears below the last field, as shown here:</p> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="332267" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-block-add-more-fields/" data-orig-file="https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png" data-orig-size="940,1176" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-add-more-fields" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=240" data-large-file="https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=819" loading="lazy" width="819" height="1024" src="https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=819" alt="The + Block Inserter icon is marked with an orange arrow." class="wp-image-332267" style="width:450px" srcset="https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=819 819w, https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=120 120w, https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=240 240w, https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png?w=768 768w, https://en-support.files.wordpress.com/2024/02/form-block-add-more-fields.png 940w" sizes="(max-width: 819px) 100vw, 819px" /></figure> <p>Click “<strong>Browse All</strong>” and scroll down to see all the form fields you can choose from:</p> <div class="wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <ul class="wp-block-list"> <li>Name</li> <li>Email</li> <li>URL</li> <li>Text Input Field</li> <li>Multi-line Text Field</li> <li>Date Picker</li> </ul> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <ul class="wp-block-list"> <li>Phone Number</li> <li>Terms Consent</li> <li>Checkbox (Single Choice)</li> <li>Checkbox (Multiple Choice)</li> <li>Single Choice (Radio button)</li> <li>Dropdown Field</li> </ul> </div> </div> <p>You can also add content not specific to forms, such as an <a href="https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image block</a> or <a href="https://wordpress.com/support/wordpress-editor/blocks/paragraph-block/">Paragraph block</a> for text.</p> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="form-field-settings">Form Field Settings</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-field-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>You can click on any individual form field to make changes, like: </p> <ul class="wp-block-list"> <li>Move the form field up or down using the arrow buttons.</li> <li>Mark a field <strong>required</strong> by clicking the * icon in the <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-toolbar">toolbar</a> or toggling the “<strong>Field is required</strong>” button in the settings sidebar.</li> </ul> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="206615" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-block-field-settings/" data-orig-file="https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png" data-orig-size="1562,716" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-field-settings" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=300" data-large-file="https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=1024" loading="lazy" width="1024" height="469" src="https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=1024" alt="How to make a field required in the Form block using Field Settings or the * button in the toolbar." class="wp-image-206615" style="object-fit:contain;width:650px;height:376px" srcset="https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=1024 1024w, https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=150 150w, https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=300 300w, https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png?w=768 768w, https://en-support.files.wordpress.com/2022/07/form-block-field-settings.png 1562w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Field Settings in the <strong>Form block</strong></figcaption></figure> <p>You may also adjust the width of the field using the “<strong>Field Width</strong>” settings on the right. If you set two consecutive fields to 50% width, they will appear on a single line.</p> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="form-block-settings">Form Block Settings</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>To access the form’s settings, first select the overall <strong>Form block</strong> (instead of an individual field in the form.) You can click on the empty space between two form fields or select the parent <strong>Form block</strong> using <a href="https://wordpress.com/support/wordpress-editor/use-list-view/">List View</a>:</p> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%"> <ol class="wp-block-list"> <li>Click on the <strong>List View</strong> button at the top left of the editing screen (it looks like three horizontal lines). <span style="margin: 0px;padding: 0px">The image on the right shows this marked with a 1</span>.</li> <li>Select the<strong> Form block</strong> (as marked with a <strong>2</strong> in the image on the right.)</li> <li>On the right side of your screen, view the <strong>Form block</strong> settings.</li> </ol> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%"> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="183882" data-permalink="https://wordpress.com/support/list-view-contact-form/" data-orig-file="https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png" data-orig-size="811,597" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="list-view-contact-form" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=300" data-large-file="https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=811" loading="lazy" width="811" height="597" src="https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=811" alt="The List View icon is marked with a 1, and the Form block is marked with a 2." class="wp-image-183882" style="width:350px" srcset="https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png 811w, https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=150 150w, https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=300 300w, https://en-support.files.wordpress.com/2021/06/list-view-contact-form.png?w=768 768w" sizes="(max-width: 811px) 100vw, 811px" /></figure> </div> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p>If you do not have the sidebar on the right, click the Settings icon in the top right corner to bring up the settings. This icon looks like a square with two uneven columns:</p> <figure class="wp-block-image aligncenter size-large is-resized"><a href="https://en.support.wordpress.com/wp-content/uploads/2022/12/editor-settings-icon-1.png"><img data-attachment-id="373820" data-permalink="https://wordpress.com/support/?attachment_id=373820" data-orig-file="https://en-support.files.wordpress.com/2022/12/editor-settings-icon-1.png" data-orig-size="596,246" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Editor Settings Icon" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2022/12/editor-settings-icon-1.png?w=300" data-large-file="https://en-support.files.wordpress.com/2022/12/editor-settings-icon-1.png?w=596" loading="lazy" width="596" height="246" src="https://en.support.wordpress.com/wp-content/uploads/2022/12/editor-settings-icon-1.png?w=596" alt="" class="wp-image-373820" style="object-fit:cover;width:388px;height:auto" /></a><figcaption class="wp-element-caption">The settings icon in the top right corner</figcaption></figure> </div> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="overall-form-settings">Overall Form Settings</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#overall-form-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>The following settings affect all fields in the form:</p> <div class="wpsupport3__post-anchor-link " data-level="4"> <h4 class="wp-block-heading" id="submission-settings">Submission Settings</h4> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#submission-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p>You can use the “<strong>On Submission</strong>” option to choose what happens when a visitor to your website submits the form. </p> <p>To customize the view after form submission, take the following steps:</p> <ol class="wp-block-list"> <li>Instead of clicking directly on the <strong>Form block</strong> (which will select an individual field in the form), open <a href="https://wordpress.com/support/wordpress-editor/use-list-view/">List View</a> by clicking the icon that looks like three horizontal lines in the upper left corner of the editor screen.</li> <li>In the List View, click on “<strong>Form</strong>” to select the parent <strong>Form block</strong>.</li> <li>In the <strong>Form block</strong> settings, click “<strong>Submission Settings</strong>” to expand the options.</li> <li>In the “<strong>On Submission</strong>” dropdown, choose from the following options: <ul class="wp-block-list"> <li>Show a summary of submitted fields.</li> <li>Show a custom text message that you can write.</li> <li>Redirect to another webpage, which you can use to send people to another page on your site or any other site.</li> </ul> </li> <li>Click the “<strong>Save</strong>” button at the top of the screen.</li> </ol> <p>When someone sends a message using your form, the text “Your message has been sent” will appear. Using the “<strong>Message Heading</strong>” setting, you can customize this text.</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="254430" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-submission-settings/" data-orig-file="https://en-support.files.wordpress.com/2023/07/form-submission-settings.png" data-orig-size="544,502" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-submission-settings" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/07/form-submission-settings.png?w=300" data-large-file="https://en-support.files.wordpress.com/2023/07/form-submission-settings.png?w=544" loading="lazy" width="544" height="502" src="https://en-support.files.wordpress.com/2023/07/form-submission-settings.png?w=544" alt="The settings for what will happen when a form is submitted, including a drop-down field labeled "On Submission" and a text box labeled "Message Heading"" class="wp-image-254430" style="width:350px" srcset="https://en-support.files.wordpress.com/2023/07/form-submission-settings.png 544w, https://en-support.files.wordpress.com/2023/07/form-submission-settings.png?w=150 150w, https://en-support.files.wordpress.com/2023/07/form-submission-settings.png?w=300 300w" sizes="(max-width: 544px) 100vw, 544px" /></figure> </div> </div> <div class="wpsupport3__post-anchor-link " data-level="4"> <h4 class="wp-block-heading" id="email-address-to-send-to">Email Address to Send To</h4> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-address-to-send-to"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"> <p>Under the <strong>“Email Connection”</strong> section, you can modify where the forms are emailed to. By default, the messages will be sent to the same email address you set in your <a href="https://wordpress.com/support/account-settings/">account settings</a>.</p> <p>Follow these steps to update where the forms are emailed:</p> <ol class="wp-block-list"> <li>Open <a href="https://wordpress.com/support/wordpress-editor/use-list-view/">List View</a> by clicking the icon that looks like three horizontal lines in the upper left corner of the editor screen.</li> <li>In the List View, click on “<strong>Form</strong>” to select the parent <strong>Form block</strong>.</li> <li>Under the form’s block settings, open the <strong>“Email Connection”</strong> section. </li> <li>Enter a new email address, or add multiple email addresses separated by commas. </li> <li>Click the <strong>“Save”</strong> button to save your changes. </li> </ol> </div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="258241" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/screenshot-on-2023-08-15-at-17-44-31/" data-orig-file="https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png" data-orig-size="576,478" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="screenshot-on-2023-08-15-at-17-44-31" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png?w=300" data-large-file="https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png?w=576" loading="lazy" width="576" height="478" src="https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png?w=576" alt="The Form block's Email Connection settings with a text field labeled "Email Address to Send To"" class="wp-image-258241" style="width:350px" srcset="https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png 576w, https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png?w=150 150w, https://en-support.files.wordpress.com/2023/08/screenshot-on-2023-08-15-at-17-44-31.png?w=300 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure> </div> </div> <figure class="wp-block-video aligncenter wp-block-embed is-type-video is-provider-videopress"><div class="wp-block-embed__wrapper"> <iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='500' height='314' src='https://video.wordpress.com/embed/SOjuCSuG?cover=1&loop=1&muted=1&persistVolume=0&preloadContent=metadata&useAverageColor=1&hd=0' frameborder='0' allowfullscreen data-resize-to-parent="true" allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1725245713'></script> </div><figcaption>Slow down or speed up the video using the controls in the lower right corner after clicking the “Play” icon.</figcaption></figure> <div class="wpsupport3__post-anchor-link " data-level="4"> <h4 class="wp-block-heading" id="email-subject-line">Email Subject Line</h4> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#email-subject-line"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>You can use the “<strong>Email Subject Line</strong>” box to set the subject line of the emails you receive each time someone sends you a message through your form.</p> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"> <p>By default, the subject line uses the following format: </p> <p class="has-text-align-center">“[Site Title] Contact”</p> <p>If your site’s title is “<em>Adventure Trips</em>“, the subject line of the contact form you’ll receive via email is:</p> <p class="has-text-align-center">“[Adventure Trips] Contact”</p> <p>You can customize the subject line to include unique information from the form data. For example, let’s say your form includes a <code>Name</code>, <code>Email</code>, and <code>Message</code> field. You can include <code>Name</code> and <code>Email</code> surrounded by curly braces (i.e., <code>{name}</code>,<code> {email}</code>) in the subject line field to make it unique. The subject line will be customized with that specific information for each message you receive.</p> <p>You can include any fields by typing the field name in between curly braces: { }. The field names should be spelled exactly the way they are spelled on the contact form. The field names are not case-sensitive.</p> </div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"> <figure class="wp-block-image aligncenter size-large is-resized"><img data-attachment-id="258239" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/markup-2023-08-15-at-17-42-41-1/" data-orig-file="https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png" data-orig-size="568,646" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="markup-2023-08-15-at-17.42.41-1" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png?w=264" data-large-file="https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png?w=568" loading="lazy" width="568" height="646" src="https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png?w=568" alt="The form block settings showing how the subject line can be customized." class="wp-image-258239" style="object-fit:contain;width:350px;height:500px" srcset="https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png 568w, https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png?w=132 132w, https://en-support.files.wordpress.com/2023/08/markup-2023-08-15-at-17.42.41-1.png?w=264 264w" sizes="(max-width: 568px) 100vw, 568px" /></figure> </div> </div> <div class="wpsupport3__post-anchor-link " data-level="4"> <h4 class="wp-block-heading" id="advanced">Advanced</h4> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#advanced"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>For more, visit our detailed instructions on <a href="https://wordpress.com/support/advanced-block-settings/">Advanced settings</a>.</p> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="individual-form-field-settings">Individual Form Field Settings</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#individual-form-field-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>These settings affect individual fields within the contact form. To access these settings, click on an individual field inside the <strong>Form block</strong>:</p> <ul class="wp-block-list"> <li><strong>Field is required</strong>: This option makes a specific field required while completing the form.</li> <li><strong>Placeholder Text</strong>: This option can be used to display an expected example text for text input fields.</li> <li><strong>Field Width</strong>: Choose from 25%, 50%, 75%, and 100%. If you set two concurrent fields to 50%, they will sit next to each other in the form.</li> <li><strong>Sync fields style</strong>: Enabled by default, this option allows you to set the following styles on one text input field on the form and apply them collectively to the rest of the text input fields. You can toggle this off to style text input fields individually. The sync fields style applies to: <ul class="wp-block-list"> <li><strong>Color</strong>: sets <a href="https://wordpress.com/support/block-color-settings/">colors</a> for: <ul class="wp-block-list"> <li>Label Text: the text that appears above the form field.</li> <li>Field Text: the (optional) placeholder text, as well as the input text in a field.</li> <li>Field Background: the background of the input section of a form field.</li> <li>Border: the border around the form field.</li> </ul> </li> <li><strong>Input Field Styles</strong>: Set the text size, line height, and border styles for the field.</li> <li><strong>Label Styles</strong>: Set the text size and line height for field labels.</li> </ul> </li> <li><strong>Advanced</strong>: You can use <a href="https://wordpress.com/support/advanced-block-settings/" target="_blank" rel="noreferrer noopener">Advanced settings</a> to add HTML classes to target form fields and apply Additional CSS.</li> </ul> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="form-block-styles">Form Block Styles</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-styles"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>In the block settings sidebar, click on the Styles icon to access the design settings for the block. The Styles icon is in the shape of a circle with half of the circle filled in: </p> <figure class="wp-block-image aligncenter size-large"><img data-attachment-id="237145" data-permalink="https://wordpress.com/support/?attachment_id=237145" data-orig-file="https://en-support.files.wordpress.com/2023/03/block-styles-icon.png" data-orig-size="422,176" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="block-styles-icon" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/03/block-styles-icon.png?w=300" data-large-file="https://en-support.files.wordpress.com/2023/03/block-styles-icon.png?w=422" loading="lazy" width="422" height="176" src="https://en-support.files.wordpress.com/2023/03/block-styles-icon.png?w=422" alt="An arrow points to the Styles icon that you can click to open up the block styles section." class="wp-image-237145" srcset="https://en-support.files.wordpress.com/2023/03/block-styles-icon.png 422w, https://en-support.files.wordpress.com/2023/03/block-styles-icon.png?w=150 150w, https://en-support.files.wordpress.com/2023/03/block-styles-icon.png?w=300 300w" sizes="(max-width: 422px) 100vw, 422px" /></figure> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="styles">Styles</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#styles"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>There are 3 styles to choose from:</p> <ul class="wp-block-list"> <li><strong>Default</strong> shows the field names outside the input fields with no animation.</li> <li><strong>Animated</strong> shows the field names inside the input fields, a brief animation, and also highlights the field a visitor clicks.</li> <li><strong>Outlined</strong> shows the filed names inside the input fields, a brief animation, and an outline around the form block settings all the time.</li> </ul> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="additional-settings">Additional Settings</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#additional-settings"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>The <strong>Form block</strong> styles also include the following standard settings:</p> <ul class="wp-block-list"> <li><a href="https://wordpress.com/support/block-color-settings/">Color</a></li> <li><a href="https://wordpress.com/support/block-dimensions-settings/">Dimensions</a></li> </ul> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="form-block-toolbar">Form Block Toolbar</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#form-block-toolbar"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>When you click on the block, a toolbar of options will appear above or below it:</p> <figure class="wp-block-image aligncenter size-large"><img data-attachment-id="338733" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-block-overall-toolbar/" data-orig-file="https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png" data-orig-size="510,122" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-overall-toolbar" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png?w=300" data-large-file="https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png?w=510" loading="lazy" width="510" height="122" src="https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png?w=510" alt="Form block overall toolbar" class="wp-image-338733" srcset="https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png 510w, https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png?w=150 150w, https://en-support.files.wordpress.com/2024/02/form-block-overall-toolbar.png?w=300 300w" sizes="(max-width: 510px) 100vw, 510px" /></figure> <p>The <strong>Form block</strong> contains the following toolbar options from left to right:</p> <ul class="wp-block-list"> <li>Change block type.</li> <li>Drag the block.</li> <li>Move the block up or down.</li> <li>Change alignment, with options for wide and full width if supported by the theme.</li> <li>Ask the <a href="https://wordpress.com/support/wordpress-editor/blocks/ai-assistant-block/">AI assistant</a> to create your form.</li> <li><a href="https://wordpress.com/support/wordpress-editor/customize-blocks/#global-block-toolbar-options">More options</a>.</li> </ul> <p>When you click on an individual form field within the <strong>Form block</strong>, the toolbar has the following options from left to right:</p> <figure class="wp-block-image aligncenter size-large"><img data-attachment-id="338736" data-permalink="https://wordpress.com/support/wordpress-editor/blocks/form-block/form-block-field-toolbar/" data-orig-file="https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png" data-orig-size="642,114" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-field-toolbar" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png?w=300" data-large-file="https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png?w=642" loading="lazy" width="642" height="114" src="https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png?w=642" alt="Form block field toolbar." class="wp-image-338736" srcset="https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png 642w, https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png?w=150 150w, https://en-support.files.wordpress.com/2024/02/form-block-field-toolbar.png?w=300 300w" sizes="(max-width: 642px) 100vw, 642px" /></figure> <ul class="wp-block-list"> <li><a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#use-the-parent-block-selector">Select the overall form.</a></li> <li>Change field type.</li> <li>Drag the field.</li> <li>Move the field up or down.</li> <li>Ask the <a href="https://wordpress.com/support/wordpress-editor/blocks/ai-assistant-block/">AI assistant</a> to create your form.</li> <li>Make the field required.</li> <li><a href="https://wordpress.com/support/wordpress-editor/customize-blocks/#global-block-toolbar-options">More options</a>.</li> </ul> <div class="wpsupport3__post-anchor-link " data-level="2"> <h2 class="wp-block-heading" id="see-your-messages">See Your Messages</h2> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#see-your-messages"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <div class="wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:64%"> <p>You will be notified via email whenever someone sends a message through your form. You can reply to these emails directly in your email program.</p> <p>You can also read all messages sent through your form by going to <em>Feedback</em> in the left sidebar of your site’s <a href="https://wordpress.com/home">dashboard</a>.<br><br>If a message is spammy, hover over it and click the <strong>Spam</strong> link to report it as spam. This flags the message, training the spam filter to recognize these types of messages as spam in the future.</p> <figure class="wp-block-image aligncenter size-large"><img data-attachment-id="254446" data-permalink="https://wordpress.com/support/form-block-mark-feedback-as-spam-2/" data-orig-file="https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png" data-orig-size="388,244" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="form-block-mark-feedback-as-spam" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png?w=300" data-large-file="https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png?w=388" loading="lazy" width="388" height="244" src="https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png" alt="An arrow points to the Spam link under a form submission." class="wp-image-254446" style="object-fit:cover" srcset="https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png 388w, https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png?w=150&h=94 150w, https://en-support.files.wordpress.com/2023/07/form-block-mark-feedback-as-spam-edited.png?w=300&h=189 300w" sizes="(max-width: 388px) 100vw, 388px" /></figure> <p>If you want to delete<em> </em>feedback, hover over it and click <strong>Trash</strong>.</p> </div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:36%"> <figure class="wp-block-image"><img data-attachment-id="117129" data-permalink="https://wordpress.com/support/?attachment_id=117129" data-orig-file="https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png" data-orig-size="272,488" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="feedback-wp-admin" data-image-description="" data-image-caption="" data-medium-file="https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png?w=167" data-large-file="https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png?w=272" loading="lazy" width="272" height="488" src="https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png" alt="In the WP-admin sidebar, Feedback is below Comments." class="wp-image-117129" srcset="https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png 272w, https://en-support.files.wordpress.com/2008/11/feedback-wp-admin.png?w=84&h=150 84w" sizes="(max-width: 272px) 100vw, 272px" /><figcaption class="wp-element-caption">Click <em>Feedback</em> to view form submissions</figcaption></figure> </div> </div> <p>Additionally, to protect your form submissions from spam and unwanted content, you can add keywords, usernames, IP addresses, email addresses, and more to the <a href="https://wordpress.com/support/discussion-settings/#disallowed-comments">Disallowed Comments</a> settings. This option is available from <em>Settings → <a href="https://wordpress.com/settings/discussion/">Discussion</a></em>. Messages matching the words added to Disallowed Comments will be sent directly to <strong>Trash</strong> within the <em>Feedback</em> section.</p> <p><span style="margin: 0px;padding: 0px">If your site is </span><a href="https://wordpress.com/plans/">plugin-enabled</a><span style="margin: 0px;padding: 0px">, you can install a CAP</span>TCHA plugin. Make sure the plugin you choose is compatible with Jetpack forms.</p> <div class="wpsupport3__post-anchor-link " data-level="3"> <h3 class="wp-block-heading" id="not-receiving-form-submissions">Not Receiving Form Submissions</h3> <a href="https://wordpress.com/support/wordpress-editor/blocks/form-block/#not-receiving-form-submissions"><svg width="20" height="20" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6997 0.400024H17.1664V2.77502H19.6997C22.8664 2.77502 25.5581 5.46669 25.5581 8.63336C25.5581 11.8 22.8664 14.4917 19.6997 14.4917H17.1664V16.8667H19.6997C24.1331 16.8667 27.9331 13.225 27.9331 8.63336C27.9331 4.04169 24.2914 0.400024 19.6997 0.400024ZM2.44141 8.63336C2.44141 5.46669 5.13307 2.77502 8.29974 2.77502H10.8331V0.400024H8.29974C3.70807 0.400024 0.0664062 4.04169 0.0664062 8.63336C0.0664062 13.225 3.70807 16.8667 8.29974 16.8667H10.8331V14.4917H8.29974C5.13307 14.4917 2.44141 11.8 2.44141 8.63336ZM9.72474 10.0584H18.1164V7.68336H9.72474V10.0584Z" fill="#0675C4"/> </svg></a></div> <p>If you created a new form and are testing it to ensure it is working, make sure you use real information. Often, fake information looks like spam, so it can get filtered by our spam protection.</p> <p>How to check if a form submission has been flagged as spam: </p> <ol class="wp-block-list"> <li>Visit your dashboard.</li> <li>Go to <em>Feedback →</em> <em>Form Responses</em>.</li> <li>Click <strong>Spam</strong> at the top of the form responses dashboard. </li> <li>Look for the missing message in Spam. </li> </ol> <p>If the submission is in Spam and should not be marked as spam, you can hover over the message and click <strong>Not Spam</strong>. </p> <p>For more troubleshooting tips on receiving contact form submissions, <a href="https://wordpress.com/support/troubleshooting-not-receiving-notification-emails/#contact-form-emails">check out this Troubleshooting Guide</a>. </p> </div> </main> <div class="alignfull wp-block-wpsupport3-feedback-survey"> <div class="wpsupport3__support-feedback-survey-content"> <div class="container vote"> <p>Was this guide helpful for you?</p> <div class="wp-block-buttons"> <div class="wp-block-button is-style-secondary"> <a class="wp-block-button__link wp-element-button feedback-button" data-seed-question-name="q_1_choice[]" data-seed-question-value="1" data-text-value="Yay! 🎉">Yay</a> </div> <div class="wp-block-button is-style-secondary"> <a class="wp-block-button__link wp-element-button feedback-button" data-seed-question-name="q_1_choice[]" data-seed-question-value="2" data-text-value="Nay! 😑">Nay</a> </div> </div> </div> <div class="container get-help"> <p>Not quite what you're looking for? <a href="https://wordpress.com/help/contact/">Get Help!</a></p> <div class="wp-block-buttons"> <div class="wp-block-button is-style-primary"> <a class="wp-block-button__link wp-element-button" href="https://wordpress.com/help/contact/">Get Help</a> </div> </div> </div> </div> <div class="modal micromodal-slide" id="feedback-survey-modal" aria-hidden="true" data-user-id="0" data-guide="form-block" data-category=""> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="feedback-modal-title"> <div class="modal__header" id="feedback-modal-title"> <h2 class="modal__title"></h2> <button class="modal__close" aria-label="Close modal" data-micromodal-close></button> </div> <div class="modal__content"> <p>What can we do to make this guide more helpful?</p> <div class="survey"></div> </div> <div class="modal__footer"> <a href="https://wordpress.com/help?help-center=wapuu">Get help.</a> </div> </div> </div> </div></div> <div class="wp-block-related-items related-items alignwide"> <h3 class="related-items__heading has-recoleta-font-family">Related Guides</h3> <p class="related-items__sub-heading">Couldn’t find what you were looking for?</p> <div class="related-items__posts"> <a href="https://wordpress.com/support/wordpress-editor/blocks/youtube-block/" title="YouTube Block" class="related-items__post"> <span class="related-items__post-title"> YouTube Block </span> <span class="related-items__post-readmore"> Read this guide<img class="related-items__arrow" width="17" height="24" src="https://s2.wp.com/wp-content/themes/a8c/wpsupport3/assets/svg/arrow-right.svg" alt=""/> </span> </a> <a href="https://wordpress.com/support/wordpress-editor/blocks/list-block/" title="Write a List" class="related-items__post"> <span class="related-items__post-title"> Write a List </span> <span class="related-items__post-readmore"> Read this guide<img class="related-items__arrow" width="17" height="24" src="https://s2.wp.com/wp-content/themes/a8c/wpsupport3/assets/svg/arrow-right.svg" alt=""/> </span> </a> <a href="https://wordpress.com/support/wordpress-editor/blocks/whatsapp-button-block/" title="WhatsApp Button Block" class="related-items__post"> <span class="related-items__post-title"> WhatsApp Button Block </span> <span class="related-items__post-readmore"> Read this guide<img class="related-items__arrow" width="17" height="24" src="https://s2.wp.com/wp-content/themes/a8c/wpsupport3/assets/svg/arrow-right.svg" alt=""/> </span> </a> <a href="https://wordpress.com/support/wordpress-editor/blocks/vote-block/" title="Vote Block" class="related-items__post"> <span class="related-items__post-title"> Vote Block </span> <span class="related-items__post-readmore"> Read this guide<img class="related-items__arrow" width="17" height="24" src="https://s2.wp.com/wp-content/themes/a8c/wpsupport3/assets/svg/arrow-right.svg" alt=""/> </span> </a> </div> </div> <div class="happy-blocks-support-content-footer"> <div class="support-content-resources alignwide" style="border-radius:0px; margin-bottom:0px"> <div class="support-content-resource"> <h4 class="support-content-resource__title"> Go further </h4> <p> Upgrade and unlock features, tools, and expert help with a paid plan. </p> <div class="resource-link"> <a href="https://wordpress.com/pricing"> View plans </a> </div> </div> <div class="support-content-resource"> <h4 class="support-content-resource__title"> Join the forum </h4> <p> Connect and learn with the WordPress.com community. </p> <div class="resource-link"> <a href="https://wordpress.com/forums/"> Join the Community </a> </div> </div> <div class="support-content-resource"> <h4 class="support-content-resource__title"> Check our guides </h4> <p> Find and follow step-by-step guides for every WordPress.com question. </p> <div class="resource-link"> <a href="https://wordpress.com/support/"> Visit support guides </a> </div> </div> </div> <div class="support-content-links-subscribe"> <div class="support-content-links"> <p> Questions? <a href="https://wordpress.com/help?help-center=home" target="_blank" rel="noreferrer noopener"> Get help. </a> </p> <p> Self-hosted WordPress site? <a href="http://wordpress.org/support" target="_blank" rel="noreferrer noopener"> Find support here. </a> </p> <p> New to WordPress.com? <a href="https://wordpress.com/plans/" target="_blank" rel="noreferrer noopener"> Find your perfect-fit plan here. </a> </p> </div> <div name="support-content-subscribe" class="support-content-subscribe"> <p>Get the latest learning in your inbox:</p> <div class="subscribe-shortcode-wrapper"> <div class="support-content-subscribe-email"> <a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fwordpress.com%2Flearn%23support-content-subscribe">Create a WordPress.com account or log in to subscribe.</a> </div> </div> <p class="support-content-subscribe-disclaimer"> Your information will be used in accordance with <a href="https://automattic.com/privacy/">WordPress.com privacy policy</a>. </p> </div> </div> </div> <div class="wpsupport3__added-to-clipboard-banner">Copied to clipboard!</div> <!-- wpcom_wp_footer --> <div class="jetpack-instant-search__widget-area" style="display: none"> <div id="jetpack-search-filters-3" class="widget jetpack-filters widget_search"> <div id="jetpack-search-filters-3-wrapper" class="jetpack-instant-search-wrapper"> </div></div> </div> <script type="text/javascript" defer> // Fire off Tracks event window._tkq = window._tkq || []; window._tkq.push( [ 'recordEvent', 'wpcom_support_page_view', { path: '/support/wordpress-editor/blocks/form-block/', page_locale: 'en', } ] ); </script> <section class="wpcom-global-nav-footer lp-block lp-footer-section lp-section is-style-text-white-background-gray-100 lp-padding-top-7 lp-padding-bottom-0" data-section-name="footer"><div class="lp-section__content has-small-font-size has-text-align-left"><div class="lp-wrapper lp-wrapper--layout-center-minus lp-wrapper--layout-wide@L"><div class="lp-padding-bottom-5 lp-padding-bottom-6@L"><h2 class="lp-hidden">WordPress.com</h2><svg class="lp-footer-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 36" role="presentation" aria-label="WordPress.com logo"><path d="M52.84 12.9c1.08 0 2 .24 2.8.71.78.47 1.4 1.14 1.82 1.99.44.85.65 1.84.65 2.97 0 1.13-.21 2.12-.65 2.97a4.78 4.78 0 0 1-1.83 1.97 5.3 5.3 0 0 1-2.79.7c-1.07 0-2-.23-2.79-.7a4.77 4.77 0 0 1-1.83-1.97 6.44 6.44 0 0 1-.64-2.97c0-1.13.21-2.13.64-2.97a4.77 4.77 0 0 1 1.83-1.99c.79-.47 1.72-.7 2.8-.7ZM31.37 9.4l2.65 10.73h.13L36.97 9.4h2.6l2.83 10.74h.13L45.17 9.4h2.85L43.9 24h-2.62l-2.94-10.25h-.11L35.28 24h-2.62L28.52 9.4h2.85Zm21.49 5.55c-.6 0-1.1.16-1.49.49a2.9 2.9 0 0 0-.88 1.3 5.4 5.4 0 0 0-.29 1.82c0 .67.1 1.27.3 1.81.18.54.48.97.87 1.3.4.32.9.48 1.49.48.58 0 1.07-.16 1.46-.48.39-.33.68-.76.88-1.3a5.4 5.4 0 0 0 .29-1.8c0-.68-.1-1.29-.3-1.83a2.88 2.88 0 0 0-.87-1.3c-.4-.33-.87-.49-1.46-.49ZM64.7 12.9a2.75 2.75 0 0 0-2.7 1.98h-.12v-1.83h-2.5v10.96h2.58v-6.44a2.27 2.27 0 0 1 1.2-2.07c.39-.2.81-.3 1.28-.3a5.55 5.55 0 0 1 1.2.14v-2.37a8.44 8.44 0 0 0-.93-.07Zm8.95 1.96h-.1a4.93 4.93 0 0 0-.57-.85c-.24-.3-.57-.56-.99-.78a3.44 3.44 0 0 0-1.59-.32 4.24 4.24 0 0 0-3.93 2.55 7.1 7.1 0 0 0-.6 3.08c0 1.22.2 2.22.59 3.06a4.16 4.16 0 0 0 3.94 2.59 3.16 3.16 0 0 0 2.57-1.07c.25-.3.44-.58.58-.84h.15V24h2.55V9.4h-2.6v5.46Zm-.25 5.53c-.2.53-.5.95-.88 1.24-.38.3-.85.45-1.4.45-.55 0-1.04-.15-1.43-.46-.4-.3-.69-.73-.88-1.26-.2-.54-.3-1.15-.3-1.83 0-.69.1-1.28.3-1.81.19-.53.48-.94.87-1.24.38-.3.87-.45 1.44-.45.58 0 1.03.15 1.42.43.38.3.67.7.87 1.22.2.53.3 1.14.3 1.85 0 .7-.1 1.33-.3 1.86Zm13.24-10.36a5.87 5.87 0 0 0-2.84-.63h-5.5V24h2.66v-4.93h2.8c1.13 0 2.08-.2 2.86-.63a4.23 4.23 0 0 0 1.75-1.71c.4-.73.6-1.56.6-2.5s-.2-1.75-.6-2.48a4.22 4.22 0 0 0-1.73-1.72Zm-.68 5.58c-.2.4-.52.71-.93.94-.43.23-.96.34-1.62.34h-2.45v-5.28h2.43c.67 0 1.21.11 1.63.33.42.22.74.53.94.92.2.4.3.85.3 1.37 0 .53-.1.98-.3 1.38Zm9.39-2.71a2.75 2.75 0 0 0-2.71 1.98h-.12v-1.83h-2.51v10.96h2.59v-6.44a2.27 2.27 0 0 1 1.2-2.07c.38-.2.8-.3 1.28-.3a5.55 5.55 0 0 1 1.2.14v-2.37a8.44 8.44 0 0 0-.93-.07Zm9.81 1.33c-.47-.45-1-.78-1.6-1a5.68 5.68 0 0 0-4.66.4 4.87 4.87 0 0 0-1.82 2 6.49 6.49 0 0 0-.65 2.96c0 1.13.22 2.14.65 2.99a4.62 4.62 0 0 0 1.84 1.95c.8.46 1.75.69 2.85.69.85 0 1.61-.13 2.28-.39a4.2 4.2 0 0 0 1.63-1.1c.43-.47.72-1.02.87-1.66l-2.42-.27a2 2 0 0 1-.5.78 2.56 2.56 0 0 1-1.82.63 2.9 2.9 0 0 1-1.48-.36 2.46 2.46 0 0 1-.98-1.04 3.5 3.5 0 0 1-.35-1.57h7.66v-.8c0-.96-.13-1.78-.4-2.48a4.71 4.71 0 0 0-1.1-1.72Zm-6.15 3.26c.03-.43.13-.83.33-1.2a2.57 2.57 0 0 1 2.34-1.37 2.34 2.34 0 0 1 2.18 1.25c.2.38.31.82.32 1.32h-5.17Zm14.65.27-1.87-.4c-.56-.13-.96-.3-1.2-.5a.94.94 0 0 1-.36-.77c0-.37.18-.67.54-.9.37-.24.82-.36 1.36-.36.4 0 .74.07 1.02.2.27.13.5.3.66.5.16.21.28.44.35.67l2.36-.25a3.45 3.45 0 0 0-1.38-2.22 5.03 5.03 0 0 0-3.05-.82 6.2 6.2 0 0 0-2.32.4 3.6 3.6 0 0 0-1.57 1.16 2.8 2.8 0 0 0-.55 1.76c0 .8.25 1.46.75 1.98s1.29.89 2.34 1.1l1.88.4c.5.1.88.26 1.12.47.24.2.36.46.36.78 0 .37-.19.68-.56.93-.38.25-.87.38-1.49.38a2.5 2.5 0 0 1-1.45-.38 1.77 1.77 0 0 1-.73-1.12l-2.53.24c.16 1 .65 1.8 1.47 2.36.82.56 1.9.84 3.25.84.91 0 1.72-.15 2.43-.44.7-.3 1.26-.7 1.66-1.23.4-.53.6-1.13.6-1.82 0-.79-.26-1.42-.77-1.9a4.76 4.76 0 0 0-2.32-1.07Zm10.13 0-1.88-.4c-.56-.13-.96-.3-1.2-.5a.94.94 0 0 1-.35-.77c0-.37.17-.67.54-.9a2.4 2.4 0 0 1 1.36-.36c.4 0 .73.07 1.01.2a1.8 1.8 0 0 1 1.01 1.17l2.36-.25a3.45 3.45 0 0 0-1.38-2.22 5.03 5.03 0 0 0-3.04-.82 6.1 6.1 0 0 0-2.32.4 3.6 3.6 0 0 0-1.57 1.16 2.8 2.8 0 0 0-.56 1.76c0 .8.25 1.46.76 1.98.5.52 1.28.89 2.34 1.1l1.87.4c.5.1.88.26 1.12.47.24.2.36.46.36.78 0 .37-.18.68-.56.93-.38.25-.87.38-1.49.38a2.5 2.5 0 0 1-1.45-.38 1.77 1.77 0 0 1-.73-1.12l-2.53.24c.16 1 .65 1.8 1.47 2.36.82.56 1.9.84 3.25.84a6.3 6.3 0 0 0 2.43-.44c.71-.3 1.26-.7 1.66-1.23.4-.53.6-1.13.6-1.82 0-.79-.25-1.42-.76-1.9a4.76 4.76 0 0 0-2.32-1.07Zm5.85 3.28a1.55 1.55 0 0 0-1.58 1.55c0 .44.15.8.46 1.11.3.3.68.46 1.12.46.28 0 .54-.07.77-.21.24-.14.43-.33.58-.57a1.5 1.5 0 0 0-.25-1.89c-.32-.3-.68-.45-1.1-.45ZM136 15.4c.4-.28.87-.42 1.4-.42.62 0 1.12.18 1.5.53.37.35.61.8.71 1.32h2.48a4.07 4.07 0 0 0-.7-2.07 4.07 4.07 0 0 0-1.65-1.37 5.52 5.52 0 0 0-2.38-.5 4.83 4.83 0 0 0-4.61 2.71 6.47 6.47 0 0 0-.64 2.96c0 1.11.2 2.08.63 2.93a4.77 4.77 0 0 0 1.81 2 5.3 5.3 0 0 0 2.83.72 5.4 5.4 0 0 0 2.4-.5 4.04 4.04 0 0 0 2.3-3.46h-2.47c-.08.4-.22.73-.42 1-.2.28-.46.5-.76.64s-.65.21-1.03.21c-.54 0-1-.14-1.4-.43-.4-.28-.71-.7-.94-1.23a5.03 5.03 0 0 1-.32-1.92c0-.75.1-1.37.33-1.9.22-.53.53-.93.93-1.22Zm14.8-1.8a5.34 5.34 0 0 0-2.79-.7c-1.07 0-2 .23-2.8.7a4.77 4.77 0 0 0-1.82 1.99 6.49 6.49 0 0 0-.65 2.97c0 1.13.22 2.12.65 2.97.43.84 1.04 1.5 1.83 1.97s1.72.7 2.79.7 2-.23 2.8-.7a4.78 4.78 0 0 0 1.82-1.97 6.5 6.5 0 0 0 .65-2.97 6.5 6.5 0 0 0-.65-2.97 4.77 4.77 0 0 0-1.83-1.99Zm-.44 6.76c-.19.54-.48.97-.88 1.3-.39.32-.87.48-1.46.48a2.3 2.3 0 0 1-1.48-.48c-.4-.33-.69-.76-.88-1.3-.2-.54-.3-1.14-.3-1.8 0-.68.1-1.29.3-1.83.2-.54.49-.98.88-1.3.4-.33.89-.49 1.48-.49.6 0 1.07.16 1.46.49.4.32.69.76.88 1.3.2.54.3 1.15.3 1.82 0 .67-.1 1.27-.3 1.81Zm18.68-6.5a3.36 3.36 0 0 0-2.47-.96c-.8 0-1.49.18-2.07.54-.58.37-1 .85-1.23 1.46h-.12a2.85 2.85 0 0 0-1.08-1.47 3.2 3.2 0 0 0-1.89-.54 3.3 3.3 0 0 0-1.9.54c-.53.35-.9.84-1.14 1.47h-.12v-1.87h-2.48V24h2.6v-6.66c0-.46.08-.85.26-1.2.18-.33.43-.6.73-.78.31-.2.65-.28 1.02-.28.55 0 1 .17 1.34.5.34.34.5.8.5 1.36V24h2.55v-6.83c0-.62.17-1.12.52-1.51.35-.39.84-.58 1.47-.58a2 2 0 0 1 1.33.47c.36.32.54.82.54 1.5V24h2.6v-7.35c0-1.23-.32-2.16-.96-2.8v.01ZM11.47 5.33c6.32 0 11.46 5.12 11.46 11.42a11.46 11.46 0 0 1-22.93 0c0-6.3 5.14-11.42 11.47-11.42Zm.18 12.32-3.1 8.95a10.38 10.38 0 0 0 6.34-.16.9.9 0 0 1-.07-.15l-3.17-8.64Zm-9.6-5.08A10.26 10.26 0 0 0 6.97 26Zm18.46-.75c.05.33.07.68.07 1.06 0 1.04-.2 2.21-.78 3.68l-3.15 9.06a10.26 10.26 0 0 0 3.86-13.8ZM11.47 6.5c-3.6 0-6.77 1.84-8.62 4.63A23.92 23.92 0 0 0 6.26 11c.56-.03.62.78.07.85 0 0-.56.06-1.18.1L8.9 23.06l2.26-6.74-1.6-4.39c-.56-.03-1.09-.1-1.09-.1-.55-.03-.49-.87.07-.84 0 0 1.7.13 2.71.13C12.33 11.13 14 11 14 11c.55-.03.62.78.07.85 0 0-.56.06-1.18.1l3.72 11.04 1.03-3.43a9.5 9.5 0 0 0 .79-3.32 5.4 5.4 0 0 0-.85-2.83c-.53-.85-1.02-1.56-1.02-2.4 0-.95.72-1.83 1.74-1.83h.13a10.28 10.28 0 0 0-6.96-2.69Z" /></svg></div><div class="lp-grid lp-grid--type-footer lp-grid--gutter-y-4"><div class="lp-grid__column-span-4 lp-grid__column-span-1@L"><details class="lp-footer-stack"><summary><div class="lp-footer-stack__summary lp-color-primary"><div class="lp-footer-stack__summary__content lp-bold">Products</div><svg class="lp-footer-stack__summary__marker lp-display-none@L" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="m14 5.98-6 6-6-6 1.06-1.06L8 9.86l4.94-4.93z" /></svg></div></summary><ul class="lp-footer-stack__content"><li class="lp-block x-nav-footer--hosting"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/hosting/">WordPress Hosting</a></li><li class="lp-block x-nav-footer--agencies"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/for-agencies/">WordPress for Agencies</a></li><li class="lp-block x-nav-footer--domains"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/domains/">Domain Names</a></li><li class="lp-block x-nav-footer--website-builder"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/website-builder/">Website Builder</a></li><li class="lp-block x-nav-footer--create-blog"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/create-blog/">Create a Blog</a></li><li class="lp-block x-nav-footer--email"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/professional-email/">Professional Email</a></li><li class="lp-block x-nav-footer--p2"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/p2/">P2: WordPress for Teams</a></li><li class="lp-block x-nav-footer--website-design-service"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/website-design-service/">Website Design Services</a></li><li class="lp-block x-nav-footer--vip"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wpvip.com/wordpress-vip-agile-content-platform?utm_source=WordPresscom&utm_medium=automattic_referral&utm_campaign=footer">Enterprise <span class="lp-link-chevron-external">WordPress</span></a></li></ul></details></div><div class="lp-grid__column-span-4 lp-grid__column-span-1@L"><details class="lp-footer-stack"><summary><div class="lp-footer-stack__summary lp-color-primary"><div class="lp-footer-stack__summary__content lp-bold">Features</div><svg class="lp-footer-stack__summary__marker lp-display-none@L" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="m14 5.98-6 6-6-6 1.06-1.06L8 9.86l4.94-4.93z" /></svg></div></summary><ul class="lp-footer-stack__content"><li class="lp-block x-nav-footer--features"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/features/">Overview</a></li><li class="lp-block x-nav-footer--themes"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/themes">WordPress Themes</a></li><li class="lp-block x-nav-footer--plugins"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/plugins">WordPress Plugins</a></li><li class="lp-block x-nav-footer--patterns"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/patterns">WordPress Patterns</a></li><li class="lp-block x-nav-footer--google"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/google/">Google Apps</a></li></ul></details></div><div class="lp-grid__column-span-4 lp-grid__column-span-1@L"><details class="lp-footer-stack"><summary><div class="lp-footer-stack__summary lp-color-primary"><div class="lp-footer-stack__summary__content lp-bold">Resources</div><svg class="lp-footer-stack__summary__marker lp-display-none@L" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="m14 5.98-6 6-6-6 1.06-1.06L8 9.86l4.94-4.93z" /></svg></div></summary><ul class="lp-footer-stack__content"><li class="lp-block x-nav-footer--support"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/support/">WordPress.com Support</a></li><li class="lp-block x-nav-footer--forums"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/forums/">WordPress Forums</a></li><li class="lp-block x-nav-footer--blog"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/blog/">WordPress News</a></li><li class="lp-block x-nav-footer--experts"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/go/">Website Building Tips</a></li><li class="lp-block x-nav-footer--business-name-generator"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/business-name-generator/">Business Name Generator</a></li><li class="lp-block x-nav-footer--logo-maker"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/logo-maker/">Logo Maker</a></li><li class="lp-block x-nav-footer--discover"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/discover">Discover New Posts</a></li><li class="lp-block x-nav-footer--tags"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/tags">Popular Tags</a></li><li class="lp-block x-nav-footer--search"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/read/search">Blog Search</a></li><li class="lp-block x-nav-footer--webinars"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/webinars/">Daily Webinars</a></li><li class="lp-block x-nav-footer--learn"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/learn/">Learn WordPress</a></li><li class="lp-block x-nav-footer--dev-resources"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://developer.wordpress.com/">Developer <span class="lp-link-chevron-external">Resources</span></a></li><li class="lp-block x-nav-footer--remove_subscriptions"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/me/purchases" data-is-fcca="1">Remove Subscriptions</a></li></ul></details></div><div class="lp-grid__column-span-4 lp-grid__column-span-1@L"><details class="lp-footer-stack"><summary><div class="lp-footer-stack__summary lp-color-primary"><div class="lp-footer-stack__summary__content lp-bold">Company</div><svg class="lp-footer-stack__summary__marker lp-display-none@L" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="m14 5.98-6 6-6-6 1.06-1.06L8 9.86l4.94-4.93z" /></svg></div></summary><ul class="lp-footer-stack__content"><li class="lp-block x-nav-footer--about"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/about/">About</a></li><li class="lp-block x-nav-footer--partners"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/partners/">Partners</a></li><li class="lp-block x-nav-footer--press"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://automattic.com/press/"> <span class="lp-link-chevron-external">Press</span></a></li><li class="lp-block x-nav-footer--tos"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://wordpress.com/tos/">Terms of Service</a></li><li class="lp-block x-nav-footer--privacy"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://automattic.com/privacy/">Privacy <span class="lp-link-chevron-external">Policy</span></a></li><li class="lp-block x-nav-footer--ccpa-dnsd"><a class="lp-footer-stack__content__item lp-link-invisible" href="#" data-is-ccpa-dnsd="1" data-is-ccpa-dnsd-trigger="1">Do Not Sell or Share My Personal Information</a></li><li class="lp-block x-nav-footer--ccpa-privacy"><a class="lp-footer-stack__content__item lp-link-invisible" href="https://automattic.com/privacy/#california-consumer-privacy-act-ccpa" data-is-ccpa-dnsd="1">Privacy Notice for California Users</a></li></ul></details></div></div><div class="lp-grid lp-grid--type-footer lp-padding-top-7"><div class="lp-grid__column-span-4 lp-grid__column-span-1@L lp-grid__order-1@L lp-pb-36 lp-pb-0@L"><div class="lp-language-picker" aria-label="Language Picker"><select class="lp-language-picker__content" title="Change Language"><option lang="de" value="de">Deutsch</option><option lang="es" value="es">Español</option><option lang="fr" value="fr">Français</option><option lang="id" value="id">Bahasa Indonesia</option><option lang="it" value="it">Italiano</option><option lang="nl" value="nl">Nederlands</option><option lang="pt-br" value="pt-br">Português do Brasil</option><option lang="sv" value="sv">Svenska</option><option lang="tr" value="tr">Türkçe</option><option lang="ru" value="ru">Русский</option><option lang="ar" value="ar">العربية</option><option lang="he" value="he">עִבְרִית</option><option lang="ja" value="ja">日本語</option><option lang="ko" value="ko">한국어</option><option lang="zh-cn" value="zh-cn">简体中文</option><option lang="zh-tw" value="zh-tw">繁體中文</option><option lang="en" value="en" selected="">English</option></select><svg class="lp-language-picker__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.636 0 0 3.545 0 8c0 4.364 3.545 8 8 8 4.364 0 8-3.545 8-8s-3.636-8-8-8Zm5.91 5h-2.365c-.454-1.364-1-2.545-1.727-3.455A6.74 6.74 0 0 1 13.91 5Zm.635 2.91c0 .545-.09 1.09-.181 1.635h-2.637c.091-.545.091-1.09.091-1.636 0-.545-.09-1.09-.09-1.636h2.636c.181.545.181 1.09.181 1.636ZM8 14c-.91-.636-1.636-1.727-2.09-3.182h4.18C9.637 12.273 8.91 13.455 8 14ZM5.636 9.545c-.09-.545-.09-1-.09-1.636 0-.545.09-1.09.09-1.636h4.728c.09.545.09 1 .09 1.636 0 .636-.09 1.091-.09 1.636H5.636ZM1.455 7.91c0-.545.09-1.09.181-1.636h2.637c-.091.545-.091 1.09-.091 1.636 0 .546.09 1.091.09 1.636H1.637C1.455 9 1.455 8.455 1.455 7.91ZM8 1.82c.91.636 1.636 1.726 2.09 3.181H5.91C6.363 3.545 7.09 2.364 8 1.818Zm-1.818-.274C5.455 2.455 4.909 3.636 4.545 5H2.091a6.74 6.74 0 0 1 4.09-3.455ZM2.09 10.91h2.364c.363 1.364.909 2.546 1.636 3.364-1.636-.546-3.182-1.818-4-3.364Zm7.727 3.364c.727-.91 1.273-2 1.637-3.364h2.363c-.727 1.546-2.182 2.818-4 3.364Z" /></svg><svg class="lp-language-picker__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"><path d="m14 5.98-6 6-6-6 1.06-1.06L8 9.86l4.94-4.93z" /></svg><a class="lp-language-picker__link lp-hidden" lang="de" href="https://wordpress.com/de/support/wordpress-editor/bloecke/formular-block/" data-href="https://wordpress.com/de/support/wordpress-editor/bloecke/formular-block/" tabindex="-1">Deutsch</a><a class="lp-language-picker__link lp-hidden" lang="es" href="https://wordpress.com/es/support/editor-wordpress/bloques/bloque-formulario/" data-href="https://wordpress.com/es/support/editor-wordpress/bloques/bloque-formulario/" tabindex="-1">Español</a><a class="lp-language-picker__link lp-hidden" lang="fr" href="https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-formulaire/" data-href="https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-formulaire/" tabindex="-1">Français</a><a class="lp-language-picker__link lp-hidden" lang="id" href="https://wordpress.com/id/support/penyunting-wordpress/blok/blok-formulir/" data-href="https://wordpress.com/id/support/penyunting-wordpress/blok/blok-formulir/" tabindex="-1">Bahasa Indonesia</a><a class="lp-language-picker__link lp-hidden" lang="it" href="https://wordpress.com/it/support/editor-wordpress/blocchi/form-block/" data-href="https://wordpress.com/it/support/editor-wordpress/blocchi/form-block/" tabindex="-1">Italiano</a><a class="lp-language-picker__link lp-hidden" lang="nl" href="https://wordpress.com/nl/support/wordpress-editor/blokken/formulierblok/" data-href="https://wordpress.com/nl/support/wordpress-editor/blokken/formulierblok/" tabindex="-1">Nederlands</a><a class="lp-language-picker__link lp-hidden" lang="pt-br" href="https://wordpress.com/pt-br/support/editor-do-wordpress/blocos/bloco-de-formulario/" data-href="https://wordpress.com/pt-br/support/editor-do-wordpress/blocos/bloco-de-formulario/" tabindex="-1">Português do Brasil</a><a class="lp-language-picker__link lp-hidden" lang="sv" href="https://wordpress.com/sv/support/wordpress-redigerare/block/formularblock/" data-href="https://wordpress.com/sv/support/wordpress-redigerare/block/formularblock/" tabindex="-1">Svenska</a><a class="lp-language-picker__link lp-hidden" lang="tr" href="https://wordpress.com/tr/support/wordpress-duzenleyici/bloklar/form-bloku/" data-href="https://wordpress.com/tr/support/wordpress-duzenleyici/bloklar/form-bloku/" tabindex="-1">Türkçe</a><a class="lp-language-picker__link lp-hidden" lang="ru" href="https://wordpress.com/ru/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/ru/support/wordpress-editor/blocks/form-block/" tabindex="-1">Русский</a><a class="lp-language-picker__link lp-hidden" lang="ar" href="https://wordpress.com/ar/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/ar/support/wordpress-editor/blocks/form-block/" tabindex="-1">العربية</a><a class="lp-language-picker__link lp-hidden" lang="he" href="https://wordpress.com/he/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/he/support/wordpress-editor/blocks/form-block/" tabindex="-1">עִבְרִית</a><a class="lp-language-picker__link lp-hidden" lang="ja" href="https://wordpress.com/ja/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/ja/support/wordpress-editor/blocks/form-block/" tabindex="-1">日本語</a><a class="lp-language-picker__link lp-hidden" lang="ko" href="https://wordpress.com/ko/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/ko/support/wordpress-editor/blocks/form-block/" tabindex="-1">한국어</a><a class="lp-language-picker__link lp-hidden" lang="zh-cn" href="https://wordpress.com/zh-cn/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/zh-cn/support/wordpress-editor/blocks/form-block/" tabindex="-1">简体中文</a><a class="lp-language-picker__link lp-hidden" lang="zh-tw" href="https://wordpress.com/zh-tw/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/zh-tw/support/wordpress-editor/blocks/form-block/" tabindex="-1">繁體中文</a><a class="lp-language-picker__link lp-hidden" lang="en" href="https://wordpress.com/support/wordpress-editor/blocks/form-block/" data-href="https://wordpress.com/support/wordpress-editor/blocks/form-block/" tabindex="-1">English</a></div></div><div class="lp-grid__column-span-4 lp-grid__column-span-3@L"><div class="lp-flex@L lp-flex--align-center@L has-text-align-center"><h3 class="lp-hidden">Mobile Apps</h3><ul class="lp-flex lp-flex--justify-center lp-flex--wrap lp-flex--gap-1 has-normal-font-size"><li><div class="lp-block lp-mobile-badge lp-mobile-badge--type-apple-app-store"><a class="lp-mobile-badge__link" href="https://apps.apple.com/app/apple-store/id1565481562?ct=wp.com--footer&mt=8&pt=299112"><span class="lp-mobile-badge__content"><svg class="lp-mobile-badge__content__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 23" aria-hidden="true"><path d="m12.88 5.97.28.02c1.6.05 3.08.85 4 2.16a4.95 4.95 0 0 0-2.36 4.15 4.78 4.78 0 0 0 2.92 4.4 10.96 10.96 0 0 1-1.52 3.1c-.9 1.33-1.83 2.64-3.32 2.66-1.45.04-1.94-.85-3.6-.85-1.67 0-2.19.83-3.57.89-1.42.05-2.5-1.43-3.43-2.76-1.85-2.7-3.3-7.63-1.36-10.97a5.32 5.32 0 0 1 4.47-2.73C6.81 6 8.13 7 9 7c.86 0 2.48-1.18 4.16-1zm.3-5.25a4.87 4.87 0 0 1-1.11 3.49 4.1 4.1 0 0 1-3.24 1.53 4.64 4.64 0 0 1 1.14-3.36A4.96 4.96 0 0 1 13.18.72z" /></svg><span class="lp-mobile-badge__content__label"><span class="lp-mobile-badge__line lp-mobile-badge__line--is-top">Download on the</span> <span class="lp-mobile-badge__line lp-mobile-badge__line--is-bottom">App Store</span></span></span></a></div></li><li><div class="lp-block lp-mobile-badge lp-mobile-badge--type-google-play"><a class="lp-mobile-badge__link" href="https://play.google.com/store/apps/details?id=com.jetpack.android&referrer=utm_source%3Dwordpress.com%26utm_campaign%3Dfooter%26utm_medium%3Dwebsite"><span class="lp-mobile-badge__content"><svg class="lp-mobile-badge__content__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 38" aria-hidden="true"><defs><path id="lp-mobile-badge-path-1" d="M31.28 24.77 6.05 39.07A4.05 4.05 0 0 1 0 35.55V6.95a4.05 4.05 0 0 1 6.05-3.52l25.23 14.3a4.05 4.05 0 0 1 0 7.04Z" /></defs><g transform="translate(0 -2.25)"><mask id="lp-mobile-badge-path-2" fill="#fff"><use xlink:href="#lp-mobile-badge-path-1" /></mask><use fill="#34a853" xlink:href="#lp-mobile-badge-path-1" /><path fill="#ea4335" mask="url(#lp-mobile-badge-path-2)" d="M-4 21.25h40v20H-4z" /><path fill="#fbbc04" mask="url(#lp-mobile-badge-path-2)" d="M35 2v38.5L15.62 21.25z" /><path fill="#4285f4" mask="url(#lp-mobile-badge-path-2)" d="m-4 1.75 19.62 19.5L-4 40.75z" /></g></svg><span class="lp-mobile-badge__content__label"><span class="lp-mobile-badge__line lp-mobile-badge__line--is-top">Get it on</span> <span class="lp-mobile-badge__line lp-mobile-badge__line--is-bottom">Google Play</span></span></span></a></div></li></ul><h3 class="lp-hidden">Social Media</h3><ul class="lp-footer-social-media lp-flex lp-flex--justify-center lp-pt-18 lp-pt-0@L lp-pl-24@L"><li class="lp-block x-nav-footer--facebook lp-pl-8@L"><a class="lp-display-block lp-pt-12 lp-pr-8 lp-pb-12 lp-pl-8 lp-color" href="https://www.facebook.com/WordPresscom/" title="WordPress.com on Facebook"><span class="lp-hidden">WordPress.com on Facebook</span><svg class="lp-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 1.2C6.03 1.2 1.2 6.06 1.2 12.06c0 5.43 3.95 9.92 9.11 10.74v-7.6H7.57v-3.14h2.74V9.67c0-2.72 1.61-4.23 4.08-4.23 1.18 0 2.42.22 2.42.22v2.67h-1.36c-1.35 0-1.76.84-1.76 1.7v2.03h3l-.49 3.15h-2.5v7.59a10.85 10.85 0 0 0 9.1-10.74c0-6-4.83-10.86-10.8-10.86Z" /></svg></a></li><li class="lp-block x-nav-footer--twitter"><a class="lp-display-block lp-pt-12 lp-pr-8 lp-pb-12 lp-pl-8 lp-color" href="https://twitter.com/wordpressdotcom" title="WordPress.com on X (Twitter)"><span class="lp-hidden">WordPress.com on X (Twitter)</span><svg class="lp-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6ZM10.03 6l2.9 4.23L16.58 6h1l-4.2 4.87 4.56 6.63h-3.35l-3.07-4.47-3.84 4.47h-.99l4.4-5.1L6.67 6h3.35Zm-.47.75H8.03l3.54 5.06.45.64 3.03 4.34h1.52l-3.71-5.32-.45-.63-2.85-4.1Z" /></svg></a></li><li class="lp-block x-nav-footer--instagram"><a class="lp-display-block lp-pt-12 lp-pr-8 lp-pb-12 lp-pl-8 lp-color" href="https://www.instagram.com/wordpressdotcom/" title="WordPress.com on Instagram"><span class="lp-hidden">WordPress.com on Instagram</span><svg class="lp-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6Zm.5 3.6c1.5 0 1.77.01 2.47.04a5.3 5.3 0 0 1 1.75.34c.47.18.87.43 1.27.83.4.4.65.8.83 1.27.18.46.3.99.34 1.75l.02.47v.18c.01.36.02.78.02 1.61v1.42c0 1.32-.01 1.6-.04 2.26a5.34 5.34 0 0 1-.34 1.75c-.18.47-.43.87-.83 1.27-.4.4-.8.65-1.27.83-.46.18-.98.3-1.75.34l-.47.02h-.18c-.36.01-.77.02-1.6.02h-1.43c-.83 0-1.25 0-1.61-.02H9.5l-.47-.02a5.29 5.29 0 0 1-1.75-.34A3.53 3.53 0 0 1 6.01 18c-.4-.4-.65-.8-.83-1.27-.18-.46-.3-.98-.34-1.75l-.02-.47v-.18a51 51 0 0 1-.02-1.4v-1.85c0-.77.01-1.15.02-1.5V9.4l.02-.38c.04-.76.16-1.29.34-1.75.18-.47.43-.87.83-1.27.4-.4.8-.65 1.28-.83a5.28 5.28 0 0 1 2.12-.35h.18c.41-.02.86-.03 1.92-.03Zm-1.14 1.3c-1.35 0-1.6 0-2.27.04-.7.03-1.08.15-1.33.25a2.38 2.38 0 0 0-1.37 1.36c-.1.26-.22.64-.25 1.34-.03.62-.04.88-.04 2.01v1.8c0 1.13.01 1.4.04 2.02.03.7.15 1.08.25 1.33a2.34 2.34 0 0 0 1.37 1.37 4 4 0 0 0 1.33.25c.62.03.89.04 2.02.04h1.79c1.12 0 1.39-.01 2.01-.04.7-.03 1.08-.15 1.34-.25a2.38 2.38 0 0 0 1.36-1.37c.1-.25.22-.63.25-1.33l.02-.38v-.17c.02-.35.02-.71.02-1.47v-1.78c0-1.13-.01-1.4-.04-2.02a3.98 3.98 0 0 0-.25-1.34 2.23 2.23 0 0 0-.53-.82c-.26-.26-.5-.41-.83-.54-.26-.1-.64-.22-1.34-.25-.65-.03-.91-.04-2.21-.04h-1.34ZM12 8.3a3.7 3.7 0 1 1 0 7.4 3.7 3.7 0 0 1 0-7.4Zm0 1.3a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 0 0 0-4.8Zm3.84-2.3a.86.86 0 1 1 0 1.72.86.86 0 0 1 0-1.73Z" /></svg></a></li><li class="lp-block x-nav-footer--youtube"><a class="lp-display-block lp-pt-12 lp-pr-8 lp-pb-12 lp-pl-8 lp-color" href="https://www.youtube.com/WordPressdotcom" title="WordPress.com on YouTube"><span class="lp-hidden">WordPress.com on YouTube</span><svg class="lp-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6Zm5.61 5.73c.62.18 1.11.7 1.28 1.36.27 1.07.3 3.15.31 3.62v.19c0 .46-.03 2.55-.3 3.61a1.88 1.88 0 0 1-1.28 1.37c-1.02.3-4.83.32-5.51.32h-.21c-.69 0-4.5-.03-5.52-.32-.62-.18-1.1-.7-1.27-1.37-.27-1.07-.3-3.15-.3-3.61v-.19c0-.47.03-2.55.29-3.6.16-.67.65-1.2 1.27-1.37 1.05-.3 5.09-.34 5.57-.34h.16c.68 0 4.5.03 5.51.33Zm-7.05 2.76v4.63L14.29 12l-3.73-2.3Z" /></svg></a></li></ul></div></div></div></div><div class="lp-wrapper lp-wrapper--layout-full lp-padding-top-5"><footer class="lp-section is-style-white-gray-mono lp-padding-top-4 lp-padding-bottom-4"><div class="lp-section__content has-tiny-font-size has-text-align-center"><h2 class="lp-hidden">Automattic</h2><div class="lp-wrapper lp-wrapper--layout-wide"><div class="lp-grid lp-grid--type-footer lp-grid--align-baseline lp-grid--gutter-y-3"><div class="lp-grid__column-span-4 lp-grid__column-span-2@M lp-text-left@M color-blue-50"><a class="lp-flex lp-flex--inline lp-link-invisible lp-no-wrap" href="https://automattic.com" data-dictionary="WyJBbiBBdXRvbWF0dGljIGJyYWluY2hpbGQiLCJBbiBBdXRvbWF0dGljIGNvbnRyYXB0aW9uIiwiQW4gQXV0b21hdHRpYyBjcmVhdGlvbiIsIkFuIEF1dG9tYXR0aWMgZXhwZXJpbWVudCIsIkFuIEF1dG9tYXR0aWMgaW52ZW50aW9uIiwiQW4gQXV0b21hdHRpYyBqb2ludCIsIkFuIEF1dG9tYXR0aWMgbWVkbGV5IiwiQW4gQXV0b21hdHRpYyBvcHVzIiwiQW4gQXV0b21hdHRpYyBwcm9kdWN0aW9uIiwiQW4gQXV0b21hdHRpYyBydWNrdXMiLCJBbiBBdXRvbWF0dGljIHRoaW5nYW1hamlnIl0="><span class="lp-hidden">Automattic</span><svg class="lp-icon lp-icon--custom-automattic-footer lp-color-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 143 12" aria-hidden="true"><path d="M53.01 4.19a.749.749 0 0 0-1.033.226L50.225 7.13a.748.748 0 0 0 .219 1.035.748.748 0 0 0 1.033-.226l1.752-2.713a.748.748 0 0 0-.219-1.035Zm88.303-.303c-.922-.845-2.274-1.644-4.102-1.644-2.735 0-4.272 1.874-4.272 3.826v.2c0 1.935 1.552 3.748 4.41 3.748 1.705 0 3.118-.814 4.01-1.644l1.152 1.214c-1.122 1.106-3.027 2.043-5.285 2.043-3.872 0-6.222-2.52-6.222-5.285v-.338c0-2.765 2.565-5.377 6.314-5.377 2.166 0 4.133.906 5.193 2.043l-1.198 1.214Zm-16.931 7.343V1.967c.768 0 1.076-.415 1.076-.968h.814V11.23h-1.89Zm-9.202-8.633v8.633h-1.92V2.597h-4.471V.999h10.862v1.598h-4.471Zm-14.088 0v8.633h-1.92V2.597H94.7V.999h10.862v1.598h-4.471Zm-14.21.399-2.228 4.302h4.532L86.88 2.996Zm4.408 8.234-1.352-2.534h-6.007l-1.306 2.534h-2.028L86.128 1h1.598l5.623 10.231H91.29Zm-16.438 0V3.134l-.507.891-4.287 7.205h-.937l-4.24-7.205-.507-.89v8.095H62.5V1h2.657l4.04 7.02.477.86.477-.86L74.145 1h2.627V11.23h-1.92ZM37.765 2.597v8.633h-1.92V2.597h-4.471V.999h10.862v1.598h-4.471ZM21.587 11.63c-3.671 0-5.377-1.997-5.377-4.655V.999h1.905v6.007c0 1.89 1.245 3.01 3.61 3.01 2.428 0 3.427-1.12 3.427-3.01V.999h1.92v5.976c0 2.535-1.628 4.655-5.485 4.655ZM6.394 2.996 4.166 7.298h4.532L6.394 2.996Zm4.409 8.234L9.45 8.696H3.444L2.138 11.23H.11L5.64 1H7.24L12.86 11.23h-2.058ZM55.8 5.992c0-1.982-1.444-3.75-4.056-3.75-2.611 0-4.04 1.768-4.04 3.75v.245c0 1.982 1.429 3.78 4.04 3.78 2.612 0 4.056-1.798 4.056-3.78v-.245Zm-4.056 5.638c-3.626 0-5.976-2.612-5.976-5.331V5.96c0-2.766 2.35-5.331 5.976-5.331 3.642 0 5.992 2.565 5.992 5.331V6.3c0 2.72-2.35 5.331-5.992 5.331Z" /></svg></a></div><div class="lp-grid__column-span-4 lp-grid__column-span-2@M lp-text-right@M lp-color-primary"><a class="lp-link-invisible lp-link-chevron-external" href="https://automattic.com/work-with-us/" title="Remote Jobs">Work With Us</a></div></div></div></div></footer></div></div></section> <!-- A8C Analytics [start] --> <script type="text/javascript"> ( function() { 'use strict'; var setupAnalytics = function() { window.a8cAnalyticsConfig = {"cookieBanner":{"version":"2","cssZIndex":50001,"skipBanner":false,"cookieDomain":"wordpress.com","v1CookieName":"sensitive_pixel_option","v2CookieName":"sensitive_pixel_options","v1Text":"Our websites and dashboards use cookies. By continuing, you agree to their use. <a target=\"_blank\" href=\"https:\/\/automattic.com\/cookies\/\">Learn more<\/a>, including how to control cookies.","v2Text":"As an open source company, we take your privacy seriously and want to be as transparent as possible. So: We use cookies to collect some personal data from you (like your browsing data, IP addresses, and other unique identifiers). Some of these cookies we absolutely need in order to make things work, and others you can choose in order to optimize your experience while using our site and services.","v2OptionsText":"Your privacy is critically important to us. We and our partners use, store, and process your personal data to optimize: our <strong>website<\/strong> such as by improving security or conducting analytics, <strong>marketing activities<\/strong> to help deliver relevant marketing or content, and your <strong>user experience<\/strong> such as by remembering your account name, language settings, or cart information, where applicable. You can customize your cookie settings below. Learn more in our <a href=\"https:\/\/automattic.com\/privacy\/\" target=\"_blank\">Privacy Policy<\/a> and <a href=\"https:\/\/automattic.com\/cookies\/\" target=\"_blank\">Cookie Policy<\/a>.","v2EssentialOptionHeading":"Required","v2EssentialOptionText":"These cookies are essential for our websites and services to perform basic functions and are necessary for us to operate certain features, like allowing registered users to authenticate and perform account-related functions, storing preferences set by users (like account name, language, and location), and ensuring our services operate properly.","v2AnalyticsOptionHeading":"Analytics","v2AnalyticsOptionText":"These cookies allow us to optimize performance by collecting information on how users interact with our websites.","v2AdvertisingOptionHeading":"Advertising","v2AdvertisingOptionText":"We and our advertising partners set these cookies to provide you with relevant content and to understand that content\u2019s effectiveness.","v1ButtonText":"Got It!","v2CustomizeButtonText":"Customize","v2AcceptAllButtonText":"Accept all","v2AcceptSelectionButtonText":"Accept selection","hiddenConsents":[],"isLoggedIn":false},"doNotSellDialog":{"contactEmailAddress":"privacypolicyupdates@automattic.com"},"adminAnalytics":"analytics-wpcom-admin.php","fireAnalyticsOptions":[]}; }; if ( window.defQueue && defQueue.isLOHP && defQueue.isLOHP === 2020 ) { defQueue.items.push( setupAnalytics ); } else { setupAnalytics(); } } )(); </script> <div style="display: none;" id="a8c-analytics"> <script type="text/javascript"> ( function() { 'use strict'; /** * Establish the farthest away parent from an element matching * a given list of selectors. Selectors can be css classes, IDs, * element types, etc. (e.g. '.my-class', '#my-id', 'div', etc.) */ const getLastMatchingAncestor = ( event, selectors ) => { let { target: element } = event; let foundElement = null; while ( element && !foundElement ) { for ( const selector of selectors ) { if ( element.matches( selector ) ) { foundElement = element; break; } } element = element.parentElement; } return foundElement; } /** * Establish the closest parent from an element matching * a given list of selectors. Selectors can be css classes, IDs, * element types, etc. (e.g. '.my-class', '#my-id', 'div', etc.) */ const getClosestMatchingAncestor = ( event, selectors ) => { let { target: element } = event; let foundElement; for ( const selector of selectors ) { foundElement = element.closest( selector ); if ( foundElement ) { break; } } return foundElement; } /** * Main function to setup analytics. */ const setupAnalytics = () => { /** * Returns the current page path. */ function getCurrentPagePath( pathname = '' ) { return ( pathname || window.location.pathname ).replace( /^\/|\/$/g, '' ); } /** * Returns the current page name. */ function getCurrentPageName( pathname = '' ) { return getCurrentPagePath( pathname ).replace( getLocaleInPagePathRegExp(), '' ); } /** * Returns the current page locale. */ function getCurrentPageLocale() { const currentPagePath = getLocaleInPagePathRegExp().exec( getCurrentPagePath() ); return getCurrentPagePath !== null && getCurrentPagePath.length === 2 ? getCurrentPagePath[1] : ''; } /** * Helper function to extract locale from page path. */ function getLocaleInPagePathRegExp() { return /^(af|als|am|an|ar|arc|as|ast|av|ay|az|ba|bel|bg|bm|bn|bo|br|bs|ca|ce|ckb|cs|csb|cv|cy|da|de|dv|dz|el|el\-po|en|en\-gb|eo|es|es\-mx|et|eu|fa|fi|fo|fr|fr\-be|fr\-ca|fr\-ch|fur|fy|ga|gd|gl|gn|gu|he|hi|hr|hu|hy|ia|id|ii|ilo|is|it|ja|ka|kal|kir|km|kn|ko|kk|ks|kv|la|li|lo|lv|lt|mk|ml|mwl|mn|mr|ms|mya|nah|nap|ne|nds|nl|nn|nb|non|nv|oci|or|os|pa|pl|ps|pt|pt\-br|qu|ro|ru|rup|sc|si|sk|skr|sl|snd|so|sq|sr|su|sv|ta|te|th|tl|tir|tr|tt|ty|udm|ug|uk|ur|uz|vec|vi|wa|xal|yi|yo|za|zh\-cn|zh\-hk|zh\-tw)(?:\/|$)/; } /** * Returns the config for WPcom analytics. Sets various event props * used in tracking, e.g. locale, page path, etc. Mainly used for Tracks * event props. */ function getWPCOMAnalyticsDefaultConfig() { const currentGenericPageName = null; const cannonicalPath = "\/support\/wordpress-editor\/blocks\/form-block\/"; return { // Current page props. currentPagePath: getCurrentPagePath(), currentPageName: getCurrentPageName(), currentGenericPageName: currentGenericPageName ?? getCurrentPageName( cannonicalPath ), currentPageLocale: getCurrentPageLocale(), // Page variation props. pageVariation: '', pagePersonalVariation: '', // Current user props. currentUserIdHash: "", currentUserIdHashShort: "", currentUserEmailHash: "", // Other misc. props. isHomepage: false, affiliateJSVersion: "1716355472", } } // When a8c-analytics:loaded is fired, start main event handling. document.addEventListener( 'a8c-analytics:loaded', () => { const cb = window.a8cAnalytics.cb; const kit = window.a8cAnalytics.kit; const config = getWPCOMAnalyticsDefaultConfig(); const configOptions = window.a8cAnalyticsConfig.fireAnalyticsOptions; // Extend config with any custom props. Object.assign( window.a8cAnalyticsConfig, config ); // Backcompat. for `lpName` and `lpVariation` config properties. config.currentPageName = ! configOptions.currentPageName && 'logged-out-homepage' === configOptions.lpName ? configOptions.lpName : config.currentPageName; config.currentPageName = ! configOptions.currentPageName && 'logged-out-app-promo' === configOptions.lpName ? configOptions.lpName : config.currentPageName; // Backcompat. for `lpPersonalVariation` config property. config.pageVariation = ! configOptions.pageVariation && configOptions.lpVariation ? configOptions.lpVariation : config.pageVariation; config.pagePersonalVariation = ! configOptions.pagePersonalVariation && configOptions.lpPersonalVariation ? configOptions.lpPersonalVariation : config.pagePersonalVariation; /** * Applies linkers, e.g. for "forwarding" certain URL parameters between WordPress.com * and other properties (e.g. Jetpack.com). Used for affiliate tracking, coupons, etc. */ const applyLinkers = () => { kit.linkQueryVars( [ { includeRegExps: [ /^(?:[^\/]+\.)?(?:wordpress|jetpack|woocommerce|crowdsignal|wpjobmanager)\.com(?:\/|$)/i, ], linkQueryVars: [ 'aff', 'affiliate', 'cid', // Aff campaign ID. 'sid', // Aff sub ID. 'irclickid' // Impact Affiliate Click ID ], }, { includeRegExps: [ /^(?:[^\/]+\.)?(?:wordpress|jetpack)\.com(?:\/|$)/i, ], linkQueryVars: [ 'coupon', ], }, ] ); } /** * Handles currencies. Gets the currency value from cookies, and sets the currency * if the cookie is not present. Can also be overridden by setting the `currency` URL * paramter. */ const fireCurrencyHandlers = () => { let currency = kit.getQueryVar( 'currency' ) || ''; if ( ! currency && 'amex-business-in' === config.currentPageName ) { currency = 'USD'; // Special case for this LP. } if ( currency ) { kit.docCookies.setItem( 'landingpage_currency', currency, 31536000, '/', '.rootDomain' ); } }; /** * Fires the `wpcom_page_view` Tracks event. */ const fireTracks = () => { const props = Object.assign( {}, kit.getQueryVars( '', kit.QUERY_PARAMS ), { // Page props. path: config.currentPagePath, name: config.currentPageName, locale: config.currentPageLocale, variation: config.pageVariation, personal_variation: config.pagePersonalVariation, // Back compat. LP props. lp_name: config.currentGenericPageName, lp_variation: config.pageVariation, lp_personal_variation: config.pagePersonalVariation, } ); window._tkq.push( [ 'recordEvent', 'wpcom_page_view', props ] ); }; function fireRedditAdvertisingPixel() { !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document); rdt('init','a2_ehx23cq176s3'); rdt('track', 'PageVisit'); } /** * Handles the referral tracking. */ const fireAffiliateReferrals = () => { kit.attachScriptElement( 'https://s1.wp.com/wp-content/themes/h4/landing/marketing/js/affiliate-referrals.js?v=' + config.affiliateJSVersion ); }; /** * Loads the Google Ads gtag. */ const loadGoogleAdsGtag = () => { kit.loadGtag( 'AW-946162814' ); } /** * Loads and fires the Google Analytics 4. */ const fireGoogleAnalyticsFour = () => { const gtagOptions = { 'anonymize_ip': true, 'use_amp_client_id': true }; kit.loadGtag( 'G-1H4VG5F5JF', gtagOptions ); } const fireParsely = ( trackingId ) => { kit.loadParselyTracker( trackingId ); } const fireHotJar = () => { if ( ! kit.pertainsToSTS() ) { kit.fireHotjar( 227769 ); } } /** * Loads and fires the Facebook Pixel. */ const fireFacebook = () => { kit.loadFacebook(); fbq( 'init', '823166884443641' ); fbq( 'track', 'PageView' ); } /** * Loads and fires Microsoft Clarity */ const fireMicrosoftClarity = () => { if ( window.clarity ) { return; } // Needs to be set prior to loading the external script. window.clarity = window.clarity || function () { ( window.clarity.q = window.clarity.q || [] ).push( arguments ); }; const clarityScript = kit.attachScriptElement( 'https://www.clarity.ms/tag/j0cc1i1dba' ); document.body.appendChild( clarityScript ); }; const fireImpactAffiliate = () => { kit.loadImpactAffiliate( config.currentUserIdHash, config.currentUserEmailHash ); } /** * Handles scroll percentage tracking. */ const trackScrollPercentage = () => { const scrollPosition = window.pageYOffset; const pageHeight = document.body.scrollHeight - window.innerHeight; const scrollProgress = ( scrollPosition / pageHeight ) * 100; // Check if the user has scrolled to 25%, 50%, 75%, or 100% of the page if ( scrollProgress >= 25 && scrollProgress < 50 ) { dispatchScrollCustomEvent( 25 ) } else if ( scrollProgress >= 50 && scrollProgress < 75 ) { dispatchScrollCustomEvent( 50 ) } else if ( scrollProgress >= 75 && scrollProgress < 100 ) { dispatchScrollCustomEvent( 75 ) } else if ( scrollProgress >= 100 ) { dispatchScrollCustomEvent( 100 ) } } /** * Dispatches a custom event with the scroll percentage. */ const dispatchScrollCustomEvent = ( scrollPercentage ) => { const event = new CustomEvent( `PageScrollPercentage${scrollPercentage}`, { detail: scrollPercentage } ); window.dispatchEvent(event); } /** * Handles the scroll tracking callback. E.g. firing Tracks and GA events. */ const scrollTrackingCallback = ( event ) => { const { detail: scrollPercentage } = event; const trackingProps = {}; // Event props. trackingProps.percent = event.detail ?? 0; trackingProps.path = config.currentPagePath || ''; trackingProps.name = config.currentPageName || ''; trackingProps.locale = config.currentPageLocale || ''; trackingProps.variation = config.pageVariation || ''; trackingProps.personal_variation = config.pagePersonalVariation || ''; trackingProps.lp_name = config.currentGenericPageName || ''; trackingProps.lp_variation = config.pageVariation || ''; trackingProps.lp_personal_variation = config.pagePersonalVariation || ''; tracksAnalyticsScrollEvent( trackingProps ); } /** * Dispatches a Tracks event for page scroll. */ const tracksAnalyticsScrollEvent = ( trackingProps ) => { window._tkq.push( [ 'recordEvent', 'wpcom_page_scroll', trackingProps ] ); } // Call the trackScrollProgress function every time the user scrolls window.addEventListener( 'scroll', trackScrollPercentage ); // Listen to events for specific scroll percentages, each event is only acted upon once. window.addEventListener( 'PageScrollPercentage25', scrollTrackingCallback, { once: true } ) window.addEventListener( 'PageScrollPercentage50', scrollTrackingCallback, { once: true } ) window.addEventListener( 'PageScrollPercentage75', scrollTrackingCallback, { once: true } ) window.addEventListener( 'PageScrollPercentage100', scrollTrackingCallback, { once: true } ) /** * Handles click tracking for certain elements in Tracks and GA. */ const setupTracksGAClickTracking = () => { document.querySelector( 'body' ).addEventListener( 'click', ( event ) => { // We only care about clicks on certain elements. if ( event.target.matches( 'a, button, .click-tracking-enable' ) ) { const { target: clickEventTarget } = event; // Initialize eventProps object with some defaults. const eventProps = {}; eventProps.path = config.currentPagePath || ''; eventProps.name = config.currentPageName || ''; eventProps.lp_name = config.currentGenericPageName || ''; eventProps.locale = config.currentPageLocale || ''; eventProps.variation = config.pageVariation || ''; eventProps.personal_variation = config.pagePersonalVariation || ''; // Identify farthest and closest parent element. const selectors = [ '.wpcom-masterbar.wpcom-header', '.lpc', '.lp-block', '.lp-module', 'section', 'post', 'article' ]; const section = getLastMatchingAncestor( event, selectors ); const container = getClosestMatchingAncestor( event, selectors ); // Get class name and ID for container and add to props. eventProps.container_id = container ? container.getAttribute( 'id' ) : ''; eventProps.container_class = container ? container.getAttribute( 'class' ) : ''; eventProps.container = eventProps.container_id || eventProps.container_class; // What type of element have we clicked? eventProps.is_cta = clickEventTarget.matches( 'is-cta' ) ?? false; eventProps.is_in_header_nav = clickEventTarget.classList.contains('x-nav-link') || clickEventTarget.classList.contains('x-dropdown-link') || clickEventTarget.classList.contains('x-menu-link') || section === 'lpc-header-nav' || section === 'wpcom-masterbar.wpcom-header'; const isClickedElementButton = clickEventTarget.classList.contains('lpc-button') || clickEventTarget.classList.contains('button') || clickEventTarget.classList.contains('wp-block-button__link'); const isParentElementButton = clickEventTarget.parentElement && (clickEventTarget.parentElement.classList.contains('lpc-button') || clickEventTarget.parentElement.classList.contains('button') || clickEventTarget.parentElement.classList.contains('wp-block-button__link')); eventProps.is_button = isClickedElementButton || isParentElementButton; // Link data. eventProps.href = clickEventTarget.getAttribute( 'href' ) || ''; eventProps.target = clickEventTarget.getAttribute( 'target' ) || ''; eventProps.text = clickEventTarget.innerText || ''; eventProps.use_beacon = true; // Emit tracking event in Tracks and GA. window._tkq.push( [ 'recordEvent', 'wpcom_link_click', eventProps ] ); // TODO: Implement a click delay on navigation links and CTA buttons to improve data integrity. // if ( props.is_in_header_nav || props.is_cta || props.is_button ) { // if ( props.href && 0 !== props.href.indexOf( '#' ) && -1 !== [ '', '_top', '_self' ].indexOf( props.target ) ) { // event.preventDefault(); // Allow time for trackers to record the click. // setTimeout( function() { // document.location = props.href; // }, 300 ); // } // } } }); } /** * Add cookie and stats tracking for the Landpack language picker. */ const setupLocaleChangeTracking = () => { function createLocaleCookie( locale ) { const cookieDomain = '.wordpress.com'; const cookieName = 'wpcom_locale'; const date = new Date(); date.setTime( date.getTime() + ( 5 * 365 * 24 * 60 * 60 * 1000 ) ); const expires = " expires=" + date.toGMTString(); document.cookie = cookieName + '=' + locale + ';' + expires +'; path=/; domain=' + cookieDomain; } function createStatsRequest( locale, href ) { const languageChangeStat = new Image(); languageChangeStat.onload = () => window.location.href = href; languageChangeStat.onerror = languageChangeStat.onload; languageChangeStat.src = 'https://pixel.wp.com/g.gif?v=wpcom-no-pv&x_language-switcher=manual-switch-' + locale + '&rm=' + Math.random(); } document.body.addEventListener( 'click', ( event ) => { const { target } = event; if ( target.matches( '.lp-language-picker a[lang]' ) ) { event.preventDefault(); const code = target.getAttribute( 'lang' ); const href = target.getAttribute( 'href' ); createLocaleCookie( code ); createStatsRequest( code, href ); } }); } /** * Loads and fires the Bing tracking pixel. */ const fireBing = () => { ( function( w, d, t, r, u ) { var f, n, i; w[ u ] = w[ u ] || [], f = function() { var o = { ti: "4074038" }; o.q = w[ u ], w[ u ] = new UET( o ), w[ u ].push( "pageLoad" ) }, n = d.createElement( t ), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() { var s = this.readyState; s && s !== "loaded" && s !== "complete" || ( f(), n.onload = n.onreadystatechange = null ) }, i = d.getElementsByTagName( t )[ 0 ], i.parentNode.insertBefore( n, i ) } )( window, document, "script", "//bat.bing.com/bat.js", "uetq" ); } /** * Adds a click event for Facebook pixel tracking on the /webinar sub pages. */ const trackFacebookWebinarClicks = () => { const facebookPixelURL = 'https://www.facebook.com/tr?id=759053181468957&ev=SubscribedButtonClick&noscript=1'; const elementsToTrack = document.getElementsByClassName( 'webinar-facebook-click-track' ); const handleFacebookClickEvent = ( event ) => { const facebookImgPixel = document.createElement( 'img' ); facebookImgPixel.width = 1; facebookImgPixel.height = 1; facebookImgPixel.src = facebookPixelURL; document.body.appendChild( facebookImgPixel ); } Array.from( elementsToTrack ).forEach( ( element ) => element.addEventListener( 'click', handleFacebookClickEvent )); } // Apply the URL parameter linkers. applyLinkers(); // Add "essential" trackers to queue. cb.addTracker( 'essential', false, fireCurrencyHandlers ); // Add "analytics" trackers to queue. cb.addTracker( 'analytics', false, fireTracks ); cb.addTracker( 'analytics', false, fireAffiliateReferrals ); cb.addTracker( 'analytics', false, setupTracksGAClickTracking ); cb.addTracker( 'analytics', false, trackScrollPercentage ); cb.addTracker( 'analytics', false, setupLocaleChangeTracking ); cb.addTracker( 'analytics', true, fireGoogleAnalyticsFour ); cb.addTracker( 'analytics', true, () => fireParsely( 'wordpress.com' ) ); // Add "advertising" trackers to queue. cb.addTracker( 'advertising', true, loadGoogleAdsGtag ); cb.addTracker( 'advertising', true, fireFacebook ); cb.addTracker( 'advertising', true, trackFacebookWebinarClicks ); cb.addTracker( 'advertising', true, fireBing ); cb.addTracker( 'advertising', true, fireRedditAdvertisingPixel); // cb.addTracker( 'advertising', true, fireHotJar ); - Disabling for now. Enable when Hotjar is required to be used. // cb.addTracker( 'advertising', true, fireMicrosoftClarity ); - Disabling for now. cb.addTracker( 'advertising', true, fireImpactAffiliate ); // Maybe fire trackers now, via cookie banner, based on bucketed consent. cb.maybeFireTrackers(); }); }; // CCPA - Do Not Sell My Data. document.addEventListener( 'a8c-analytics:loaded-is-ccpa', ( event ) => { const { detail } = event; const isCCPAEligible = JSON.parse( detail ).isCCPA; if ( ! isCCPAEligible ) { document.querySelectorAll( '[data-is-ccpa-dnsd]' ).forEach( ( element ) => { const parent = element.parentNode; const parentTagName = parent.tagName.toLowerCase(); // If the link in a part of a list, remove the entire parent item. // Otherwise, remove only the link element. ( parentTagName === 'li' ? parent : element ).remove(); } ); return; } document.querySelector( '[data-is-ccpa-dnsd-trigger]' ).onclick = ( event ) => { event.preventDefault(); window.a8cAnalytics.dnsd.show(); }; } ); if ( window.defQueue && defQueue.isLOHP && defQueue.isLOHP === 2020 ) { defQueue.items.push( setupAnalytics ); } else { setupAnalytics(); } } )(); </script> </div> <script type="text/javascript"> ( function() { 'use strict'; var currentScript = document.currentScript; var setupAnalytics = function() { function getScript() { var script = document.createElement( 'script' ); var prev = currentScript || document.getElementsByTagName( 'script' )[ 0 ]; script.setAttribute( 'src', "https:\/\/s0.wp.com\/wp-content\/mu-plugins\/a8c-analytics\/a8c-analytics.js?v=1729607242" ); script.setAttribute( 'async', true ); prev.parentNode.insertBefore( script, prev ); } getScript(); }; if ( window.defQueue && defQueue.isLOHP && defQueue.isLOHP === 2020 ) { defQueue.items.push( setupAnalytics ); } else { setupAnalytics(); } } )(); </script> <!-- A8C Analytics [end] --> <script src="//0.gravatar.com/js/hovercards/hovercards.min.js?ver=202448bd3d6792c97e42a81a9d5a5ba6e667b110f2a7530429ac15d169784a739a4e3d" id="grofiles-cards-js"></script> <script id="wpgroho-js-extra"> var WPGroHo = {"my_hash":""}; </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/wp-content/mu-plugins/gravatar-hovercards/wpgroho.js?m=1610363240i'></script> <script> // Initialize and attach hovercards to all gravatars ( function() { function init() { if ( typeof Gravatar === 'undefined' ) { return; } if ( typeof Gravatar.init !== 'function' ) { return; } Gravatar.profile_cb = function ( hash, id ) { WPGroHo.syncProfileData( hash, id ); }; Gravatar.my_hash = WPGroHo.my_hash; Gravatar.init( 'body', '#wp-admin-bar-my-account', { i18n: { 'Edit your profile': 'Edit your profile', 'View profile': 'View profile', 'Sorry, we are unable to load this Gravatar profile.': 'Sorry, we are unable to load this Gravatar profile.', 'Profile not found.': 'Profile not found.', 'Too Many Requests.': 'Too Many Requests.', 'Internal Server Error.': 'Internal Server Error.', }, } ); } if ( document.readyState !== 'loading' ) { init(); } else { document.addEventListener( 'DOMContentLoaded', init ); } } )(); </script> <div style="display:none"> </div> <div id="jp-carousel-loading-overlay"> <div id="jp-carousel-loading-wrapper"> <span id="jp-carousel-library-loading"> </span> </div> </div> <div class="jp-carousel-overlay jp-carousel-light" style="display: none;"> <div class="jp-carousel-container jp-carousel-light"> <!-- The Carousel Swiper --> <div class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" itemscope itemtype="https://schema.org/ImageGallery"> <div class="jp-carousel swiper-wrapper"></div> <div class="jp-swiper-button-prev swiper-button-prev"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> </mask> <g mask="url(#maskPrev)"> <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <div class="jp-swiper-button-next swiper-button-next"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> </mask> <g mask="url(#maskNext)"> <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> </g> </svg> </div> </div> <!-- The main close buton --> <div class="jp-carousel-close-hint"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> </mask> <g mask="url(#maskClose)"> <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <!-- Image info, comments and meta --> <div class="jp-carousel-info"> <div class="jp-carousel-info-footer"> <div class="jp-carousel-pagination-container"> <div class="jp-swiper-pagination swiper-pagination"></div> <div class="jp-carousel-pagination"></div> </div> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-caption"></h2> </div> <div class="jp-carousel-photo-icons-container"> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> </mask> <g mask="url(#maskInfo)"> <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </span> </a> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-comments" aria-label="Toggle photo comments visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskComments" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3271 2H20.2486C21.3432 2 22.2388 2.9 22.2388 4V16C22.2388 17.1 21.3432 18 20.2486 18H6.31729L2.33691 22V4C2.33691 2.9 3.2325 2 4.3271 2ZM6.31729 16H20.2486V4H4.3271V18L6.31729 16Z" fill="white"/> </mask> <g mask="url(#maskComments)"> <rect x="0.34668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-has-comments-indicator" aria-label="This image has comments."></span> </span> </a> </div> </div> <div class="jp-carousel-info-extra"> <div class="jp-carousel-info-content-wrapper"> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-title"></h2> </div> <div class="jp-carousel-comments-wrapper"> <div id="jp-carousel-comments-loading"> <span>Loading Comments...</span> </div> <div class="jp-carousel-comments"></div> <div id="jp-carousel-comment-form-container"> <span id="jp-carousel-comment-form-spinner"> </span> <div id="jp-carousel-comment-post-results"></div> <form id="jp-carousel-comment-form"> <label for="jp-carousel-comment-form-comment-field" class="screen-reader-text">Write a Comment...</label> <textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a Comment..." ></textarea> <div id="jp-carousel-comment-form-submit-and-info-wrapper"> <div id="jp-carousel-comment-form-commenting-as"> <fieldset> <label for="jp-carousel-comment-form-email-field">Email</label> <input type="text" name="email" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-email-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-author-field">Name</label> <input type="text" name="author" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-author-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-url-field">Website</label> <input type="text" name="url" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-url-field" /> </fieldset> </div> <input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="Post Comment" /> </div> </form> </div> </div> <div class="jp-carousel-image-meta"> <div class="jp-carousel-title-and-caption"> <div class="jp-carousel-photo-info"> <h3 class="jp-carousel-caption" itemprop="caption description"></h3> </div> <div class="jp-carousel-photo-description"></div> </div> <ul class="jp-carousel-image-exif" style="display: none;"></ul> <a class="jp-carousel-image-download" href="#" target="_blank" style="display: none;"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> </mask> <g mask="url(#mask0)"> <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-download-text"></span> </a> <div class="jp-carousel-image-map" style="display: none;"></div> </div> </div> </div> </div> </div> </div> <script id="jetpack-carousel-js-extra"> var jetpackSwiperLibraryPath = {"url":"https:\/\/s2.wp.com\/wp-content\/mu-plugins\/jetpack-plugin\/moon\/_inc\/build\/carousel\/swiper-bundle.min.js"}; var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/wordpress.com\/support\/wp-admin\/admin-ajax.php","nonce":"c807d2f0bf","display_exif":"1","display_comments":"1","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"white","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","image_label":"Open image in full-screen.","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"0","require_name_email":"0","login_url":"https:\/\/wordpress.com\/wp-login.php?redirect_to=https%3A%2F%2Fwordpress.com%2Fsupport%2Fwordpress-editor%2Fblocks%2Fform-block%2F","blog_id":"9619154","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"],"stats_query_args":"blog=9619154&v=wpcom&tz=0&user_id=0&subd=en.support","is_public":"1"}; </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJyVjUEOwjAMBD9E6hYOpQfEU6o0MZVDYldxAt8nh1Jx5bij2V14b8YJF+QCQSHJQhFNVcx2bcwQP6QLeoIfL1WzxboSKwQsm3XPPbe6MMzEDpZK0YOzWdpWPLwv6BLxn7M7m1/IXjLYWiTZUsgdtlXFovs1DVc2UazH3I7u6TaMl34499M4hQ+mLlss'></script> <script id="wp-jp-i18n-loader-js-after"> wp.jpI18nLoader.state = {"baseUrl":"https://widgets.wp.com/languages/","locale":"en_US","domainMap":{"jetpack-admin-ui":"plugins/jetpack","jetpack-assets":"plugins/jetpack","jetpack-backup-pkg":"plugins/jetpack","jetpack-blaze":"plugins/jetpack","jetpack-boost-core":"plugins/jetpack","jetpack-boost-speed-score":"plugins/jetpack","jetpack-classic-theme-helper":"plugins/jetpack","jetpack-compat":"plugins/jetpack","jetpack-config":"plugins/jetpack","jetpack-connection":"plugins/jetpack","jetpack-explat":"plugins/jetpack","jetpack-forms":"plugins/jetpack","jetpack-image-cdn":"plugins/jetpack","jetpack-import":"plugins/jetpack","jetpack-ip":"plugins/jetpack","jetpack-jitm":"plugins/jetpack","jetpack-licensing":"plugins/jetpack","jetpack-masterbar":"plugins/jetpack","jetpack-my-jetpack":"plugins/jetpack","jetpack-password-checker":"plugins/jetpack","jetpack-plugins-installer":"plugins/jetpack","jetpack-post-list":"plugins/jetpack","jetpack-protect-models":"plugins/jetpack","jetpack-protect-status":"plugins/jetpack","jetpack-publicize-pkg":"plugins/jetpack","jetpack-search-pkg":"plugins/jetpack","jetpack-stats":"plugins/jetpack","jetpack-stats-admin":"plugins/jetpack","jetpack-sync":"plugins/jetpack","jetpack-videopress-pkg":"plugins/jetpack","jetpack-waf":"plugins/jetpack","jetpack-wordads":"plugins/jetpack","woocommerce-analytics":"plugins/jetpack"},"domainPaths":{"jetpack-admin-ui":"jetpack_vendor/automattic/jetpack-admin-ui/","jetpack-assets":"jetpack_vendor/automattic/jetpack-assets/","jetpack-backup-pkg":"jetpack_vendor/automattic/jetpack-backup/","jetpack-blaze":"jetpack_vendor/automattic/jetpack-blaze/","jetpack-boost-core":"jetpack_vendor/automattic/jetpack-boost-core/","jetpack-boost-speed-score":"jetpack_vendor/automattic/jetpack-boost-speed-score/","jetpack-classic-theme-helper":"jetpack_vendor/automattic/jetpack-classic-theme-helper/","jetpack-compat":"jetpack_vendor/automattic/jetpack-compat/","jetpack-config":"jetpack_vendor/automattic/jetpack-config/","jetpack-connection":"jetpack_vendor/automattic/jetpack-connection/","jetpack-explat":"jetpack_vendor/automattic/jetpack-explat/","jetpack-forms":"jetpack_vendor/automattic/jetpack-forms/","jetpack-image-cdn":"jetpack_vendor/automattic/jetpack-image-cdn/","jetpack-import":"jetpack_vendor/automattic/jetpack-import/","jetpack-ip":"jetpack_vendor/automattic/jetpack-ip/","jetpack-jitm":"jetpack_vendor/automattic/jetpack-jitm/","jetpack-licensing":"jetpack_vendor/automattic/jetpack-licensing/","jetpack-masterbar":"jetpack_vendor/automattic/jetpack-masterbar/","jetpack-my-jetpack":"jetpack_vendor/automattic/jetpack-my-jetpack/","jetpack-password-checker":"jetpack_vendor/automattic/jetpack-password-checker/","jetpack-plugins-installer":"jetpack_vendor/automattic/jetpack-plugins-installer/","jetpack-post-list":"jetpack_vendor/automattic/jetpack-post-list/","jetpack-protect-models":"jetpack_vendor/automattic/jetpack-protect-models/","jetpack-protect-status":"jetpack_vendor/automattic/jetpack-protect-status/","jetpack-publicize-pkg":"jetpack_vendor/automattic/jetpack-publicize/","jetpack-search-pkg":"jetpack_vendor/automattic/jetpack-search/","jetpack-stats":"jetpack_vendor/automattic/jetpack-stats/","jetpack-stats-admin":"jetpack_vendor/automattic/jetpack-stats-admin/","jetpack-sync":"jetpack_vendor/automattic/jetpack-sync/","jetpack-videopress-pkg":"jetpack_vendor/automattic/jetpack-videopress/","jetpack-waf":"jetpack_vendor/automattic/jetpack-waf/","jetpack-wordads":"jetpack_vendor/automattic/jetpack-wordads/","woocommerce-analytics":"jetpack_vendor/automattic/woocommerce-analytics/"}}; </script> <script crossorigin='anonymous' src="https://s0.wp.com/wp-content/plugins/gutenberg-core/v19.6.4/build/url/index.min.js?m=1731954715i&ver=499ac283dc628dfb623e" id="wp-url-js"></script> <script id="jetpack-instant-search-js-before"> var JetpackInstantSearchOptions=JSON.parse(decodeURIComponent("%7B%22overlayOptions%22%3A%7B%22colorTheme%22%3A%22light%22%2C%22enableInfScroll%22%3Atrue%2C%22enableFilteringOpensOverlay%22%3Atrue%2C%22enablePostDate%22%3Afalse%2C%22enableSort%22%3Atrue%2C%22highlightColor%22%3A%22%23fff5ed%22%2C%22overlayTrigger%22%3A%22immediate%22%2C%22resultFormat%22%3A%22minimal%22%2C%22showPoweredBy%22%3Atrue%2C%22defaultSort%22%3A%22relevance%22%2C%22excludedPostTypes%22%3A%5B%5D%7D%2C%22homeUrl%22%3A%22https%3A%5C%2F%5C%2Fwordpress.com%5C%2Fsupport%22%2C%22locale%22%3A%22en%22%2C%22postsPerPage%22%3A10%2C%22siteId%22%3A9619154%2C%22postTypes%22%3A%7B%22post%22%3A%7B%22singular_name%22%3A%22Post%22%2C%22name%22%3A%22Posts%22%7D%2C%22page%22%3A%7B%22singular_name%22%3A%22Page%22%2C%22name%22%3A%22Pages%22%7D%2C%22attachment%22%3A%7B%22singular_name%22%3A%22Media%22%2C%22name%22%3A%22Media%22%7D%7D%2C%22webpackPublicPath%22%3A%22https%3A%5C%2F%5C%2Fs2.wp.com%5C%2Fwp-content%5C%2Fmu-plugins%5C%2Fjetpack-plugin%5C%2Fmoon%5C%2Fjetpack_vendor%5C%2Fautomattic%5C%2Fjetpack-search%5C%2Fbuild%5C%2Finstant-search%5C%2F%22%2C%22isPhotonEnabled%22%3Atrue%2C%22isFreePlan%22%3Afalse%2C%22apiRoot%22%3A%22https%3A%5C%2F%5C%2Fpublic-api.wordpress.com%5C%2F%22%2C%22apiNonce%22%3A%22be8c99b2fb%22%2C%22isPrivateSite%22%3Afalse%2C%22isWpcom%22%3Atrue%2C%22hasOverlayWidgets%22%3Atrue%2C%22widgets%22%3A%5B%7B%22filters%22%3A%5B%7B%22name%22%3A%22Topic%22%2C%22type%22%3A%22taxonomy%22%2C%22taxonomy%22%3A%22category%22%2C%22count%22%3A10%2C%22widget_id%22%3A%22jetpack-search-filters-3%22%2C%22filter_id%22%3A%22taxonomy_0%22%7D%5D%2C%22widget_id%22%3A%22jetpack-search-filters-3%22%7D%5D%2C%22widgetsOutsideOverlay%22%3A%5B%5D%2C%22hasNonSearchWidgets%22%3Afalse%2C%22preventTrackingCookiesReset%22%3Atrue%2C%22adminQueryFilter%22%3A%7B%22bool%22%3A%7B%22must_not%22%3A%5B%7B%22term%22%3A%7B%22post_type%22%3A%22attachment%22%7D%7D%5D%2C%22filter%22%3A%7B%22bool%22%3A%7B%22should%22%3A%5B%7B%22bool%22%3A%7B%22must%22%3A%5B%7B%22range%22%3A%7B%22date_gmt%22%3A%7B%22gte%22%3A%222022-03-01%2000%3A00%3A00%22%7D%7D%7D%2C%7B%22term%22%3A%7B%22forum.topic_resolved%22%3A%22yes%22%7D%7D%5D%7D%7D%2C%7B%22term%22%3A%7B%22blog_id%22%3A16390%7D%7D%2C%7B%22term%22%3A%7B%22blog_id%22%3A9619154%7D%7D%2C%7B%22term%22%3A%7B%22post_type%22%3A%22documentation%22%7D%7D%5D%2C%22minimum_should_match%22%3A1%7D%7D%7D%7D%2C%22staticFilters%22%3A%5B%7B%22type%22%3A%22group%22%2C%22count%22%3A10%2C%22widget_id%22%3A%22jetpack-search-static-filters%22%2C%22filter_id%22%3A%22group_id%22%2C%22visible%22%3Atrue%2C%22variation%22%3A%22tabbed%22%2C%22selected%22%3A%22blog_id%3A9619154%22%2C%22values%22%3A%5B%7B%22name%22%3A%22All%20results%22%2C%22value%22%3A%22blog_ids%3A16390%2C9619154%2C142208464%2C33534099%22%7D%2C%7B%22name%22%3A%22Educational%20Resources%22%2C%22value%22%3A%22blog_id%3A16390%22%7D%2C%7B%22name%22%3A%22Guides%22%2C%22value%22%3A%22blog_id%3A9619154%22%7D%2C%7B%22name%22%3A%22Forums%20topics%22%2C%22value%22%3A%22blog_id%3A142208464%22%7D%2C%7B%22name%22%3A%22Developer%20Resources%22%2C%22value%22%3A%22blog_id%3A33534099%22%7D%5D%7D%5D%2C%22customResults%22%3A%5B%7B%22pattern%22%3A%22plugin%22%2C%22ids%22%3A%5B%229619154-p-211423%22%5D%7D%2C%7B%22pattern%22%3A%22plugins%22%2C%22ids%22%3A%5B%229619154-p-211423%22%5D%7D%2C%7B%22pattern%22%3A%22regex%3A%28how%20%29%3F%28to%20%29%3Fadd.%2Amenus%3F%22%2C%22ids%22%3A%5B%229619154-p-189854%22%2C%2216390-p-16900%22%5D%7D%2C%7B%22pattern%22%3A%22append%20a%20menu%22%2C%22ids%22%3A%5B%229619154-p-189854%22%2C%229619154-p-189902%22%5D%7D%5D%7D")); </script> <script crossorigin='anonymous' type='text/javascript' src='https://s1.wp.com/wp-content/mu-plugins/jetpack-plugin/moon/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?m=1731350462i'></script> <script crossorigin='anonymous' src="//stats.wp.com/w.js?ver=202448" id="jp-tracks-js"></script> <script id="coblocks-loader-js-extra"> var wpcom_coblocks_js = {"coblocks_masonry_js":"https:\/\/s2.wp.com\/wp-content\/plugins\/coblocks\/2.18.1-simple-rev.4\/dist\/js\/coblocks-masonry.min.js","coblocks_lightbox_js":"https:\/\/s2.wp.com\/wp-content\/plugins\/coblocks\/2.18.1-simple-rev.4\/dist\/js\/coblocks-lightbox.min.js","jquery_core_js":"\/wp-includes\/js\/jquery\/jquery.min.js","jquery_migrate_js":"\/wp-includes\/js\/jquery\/jquery-migrate.min.js","masonry_js":"\/wp-includes\/js\/masonry.min.js","imagesloaded_js":"\/wp-includes\/js\/imagesloaded.min.js"}; var coblocksLigthboxData = {"closeLabel":"Close Gallery","leftLabel":"Previous","rightLabel":"Next"}; </script> <script crossorigin='anonymous' type='text/javascript' src='https://s1.wp.com/_static/??-eJydj90OgjAMhV/IrqAm4IXxWcZoZLity34kvr3DgBjjlVdNm/OdnoOTB8UukUvoTb5qF1FxZ1jdIu5F3YoaorbeEAS6iyP2OiYcNxEYlj0FYbUTY9zhh18ayFJE2apyjdl7Dukws9v2BwIpyPL3mywIrAUG6f0DlhKvAUZ3QYYHUp+VTJodDDTnxrum6U+vJdGKlbsrml+GNr/9lAycIxmYvGL7tRbuYs91U++r5tSeqvEJ2DuZsA=='></script> <script type="text/javascript"> (function () { var wpcom_reblog = { source: 'toolbar', toggle_reblog_box_flair: function (obj_id, post_id) { // Go to site selector. This will redirect to their blog if they only have one. const postEndpoint = `https://wordpress.com/post`; // Ideally we would use the permalink here, but fortunately this will be replaced with the // post permalink in the editor. const originalURL = `${ document.location.href }?page_id=${ post_id }`; const url = postEndpoint + '?url=' + encodeURIComponent( originalURL ) + '&is_post_share=true' + '&v=5'; const redirect = function () { if ( ! window.open( url, '_blank' ) ) { location.href = url; } }; if ( /Firefox/.test( navigator.userAgent ) ) { setTimeout( redirect, 0 ); } else { redirect(); } }, }; window.wpcom_reblog = wpcom_reblog; })(); </script> <script type="text/javascript"> // <![CDATA[ (function() { try{ if ( window.external &&'msIsSiteMode' in window.external) { if (window.external.msIsSiteMode()) { var jl = document.createElement('script'); jl.type='text/javascript'; jl.async=true; jl.src='/wp-content/plugins/ie-sitemode/custom-jumplist.php'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(jl, s); } } }catch(e){} })(); // ]]> </script><script src="//stats.wp.com/w.js?67" defer></script> <script type="text/javascript"> _tkq = window._tkq || []; _stq = window._stq || []; _tkq.push(['storeContext', {'blog_id':'9619154','blog_tz':'0','user_lang':'en','blog_lang':'en','user_id':'0'}]); _stq.push(['view', {'blog':'9619154','v':'wpcom','tz':'0','user_id':'0','post':'168307','subd':'en.support'}]); _stq.push(['extra', {'crypt':'UE5tW3cvZGQwfk03XVtwUVRyPXhXZT9sZGRBZHFIQUYxRSV6dzJhM294REo0ZUR0blkrZT1JJX5IbGVVTU5IcFEvckxZMWFVPTk9WnpQbWVDWXNZQjhmM1NfNi1pUXQsbn4/L2lkcz1bS1s5WXxlNDBNMVM2amZUa05nTVUrUDh+d0YwVzM1SklJcC1hY1plWVRnMmZFXVhIbG1POWRJXVJKcS4sbzd3UVFDNjVSbSs4PUxtPS1ia3RtWUkyT2JBSHU9Q195OFcsL3c='}]); _stq.push([ 'clickTrackerInit', '9619154', '168307' ]); </script> <noscript><img src="https://pixel.wp.com/b.gif?v=noscript" style="height:1px;width:1px;overflow:hidden;position:absolute;bottom:1px;" alt="" /></noscript> <script type="text/javascript"> ( function( $ ) { if ( ! $ ) return; // Not possible. $( document ).ajaxSend( function( event, jqXhr, settings ) { if ( 0 === String( settings.url || '' ).indexOf( "https:\/\/en.support.wordpress.com\/wp-admin\/admin-ajax.php" ) ) { settings.xhrFields = settings.xhrFields || {}; settings.xhrFields.withCredentials = true; } } ); } )( window.jQuery ); </script> <script> ( function() { function getMobileUserAgentInfo() { if ( typeof wpcom_mobile_user_agent_info === 'object' ) { wpcom_mobile_user_agent_info.init(); var mobileStatsQueryString = ''; if ( wpcom_mobile_user_agent_info.matchedPlatformName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_platforms' + '=' + wpcom_mobile_user_agent_info.matchedPlatformName; } if ( wpcom_mobile_user_agent_info.matchedUserAgentName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_devices' + '=' + wpcom_mobile_user_agent_info.matchedUserAgentName; } if ( wpcom_mobile_user_agent_info.isIPad() ) { mobileStatsQueryString += '&x_' + 'ipad_views' + '=' + 'views'; } if ( mobileStatsQueryString != '' ) { new Image().src = document.location.protocol + '//pixel.wp.com/g.gif?v=wpcom-no-pv' + mobileStatsQueryString + '&baba=' + Math.random(); } } } document.addEventListener( 'DOMContentLoaded', getMobileUserAgentInfo ); } )(); </script></body> </html>