feat: Option to make webform embeddable

- If Web Form is rendered in Iframe all unnecessary elements from the web form view is hidden

(cherry picked from commit 30082da)

frappe/website/doctype/web_form/templates/web_form.html

@@ -164,6 +164,23 @@ <h2 class="success-title">{{ _(success_title) or _("Submitted") }}</h2>
 		frappe._messages = {{ translated_messages }};
 		frappe.web_form_doc = {{ web_form_doc | json }};
 		frappe.reference_doc = {{ reference_doc | json }};
+		function in_iframe() {
+			try {
+				return window.self !== window.top;
+			} catch (e) {
+				return true;
+			}
+		}
+		if (in_iframe()) {
+			// hide everything except the form and fix styles
+			$('nav').hide();
+			$('.web-form-header').hide();
+			$('.page-footer').hide();
+			$('footer').hide();
+			$('.page-breadcrumbs').hide();
+			$('.web-form').css('border', 'none').css('padding', 'unset');
+			$('.page_content').css('padding-left', 'unset').css('padding-right', 'unset');
+		}
 	</script>
 	{{ include_script("web_form.bundle.js") }}
 

frappe/website/doctype/web_form/web_form.js

@@ -24,6 +24,16 @@ frappe.ui.form.on("Web Form", {
 	},
 
 	refresh: function (frm) {
+		// get iframe url for web form
+		frm.sidebar
+			.add_user_action(__("Copy Embed Code"))
+			.attr("href", "#")
+			.on("click", () => {
+				const url = frappe.urllib.get_full_url(frm.doc.route);
+				const code = `<iframe src="${url}" style="border: none; width: 100%; height: inherit;"></iframe>`;
+				frappe.utils.copy_to_clipboard(code, __("Embed code copied"));
+			});
+
 		if (frm.doc.is_standard && !frappe.boot.developer_mode) {
 			frm.disable_form();
 			frappe.show_alert(