"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", div: "div", h2: "h2", h3: "h3", img: "img", li: "li", ol: "ol", p: "p", path: "path", pre: "pre", span: "span", strong: "strong", svg: "svg", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.div, { "data-callout": true, "data-callout-type": "info", children: ["\n", _jsx(_components.div, { "data-callout-title": true, children: "Info" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsxs(_components.p, { children: ["For the latest guide, see ", _jsx(_components.a, { href: "/docs/forms", className: "internal new", children: "Forms docs" }), "."] }), "\n"] }), "\n"] }), "\n", _jsx(_components.p, { children: "Forms are essential for engaging with your audience - whether you're collecting newsletter signups, gathering feedback, or creating contact forms. In this guide, we'll walk through how to add forms to your Flowershow site." }), "\n", _jsx(_components.p, { children: "There are two main approaches to embedding forms, depending on the complexity of the embed code provided by your form service:" }), "\n", _jsxs(_components.h2, { id: "simple-iframe-embeds", children: [_jsx(_components.a, { className: "heading-link", href: "#simple-iframe-embeds", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Simple ", _jsx(_components.code, { className: "language-auto", children: "iframe" }), " Embeds"] }), "\n", _jsxs(_components.p, { children: ["If your form provider gives you a single ", _jsx(_components.code, { className: "language-auto", children: "\n" })] })] })] }) }), _jsx(_components.span, { className: "code-line", children: _jsx(_components.span, { className: "token tag", children: _jsx(_components.span, { className: "token script language-javascript", children: _jsx(_components.span, { className: "token template-string", children: _jsx(_components.span, { className: "token string", children: "