From 0ba85592eee134e658bc668db7c4af79ddff42da Mon Sep 17 00:00:00 2001
From: knugget <johannes@knugget.de>
Date: Tue, 21 Feb 2023 12:27:23 +0100
Subject: [PATCH] custom survey docs

---
 apps/formbricks-com/lib/docsNavigation.ts     |  4 +++
 .../best-practices/custom-survey/index.mdx    | 36 +++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 apps/formbricks-com/pages/docs/best-practices/custom-survey/index.mdx

diff --git a/apps/formbricks-com/lib/docsNavigation.ts b/apps/formbricks-com/lib/docsNavigation.ts
index 0508163f4d..b9fd739a48 100644
--- a/apps/formbricks-com/lib/docsNavigation.ts
+++ b/apps/formbricks-com/lib/docsNavigation.ts
@@ -34,6 +34,10 @@ const navigation = [
         title: "Interview Prompt",
         href: "/docs/best-practices/interview-prompt",
       },
+      {
+        title: "Custom Survey",
+        href: "/docs/best-practices/custom-survey",
+      },
     ],
   },
   {
diff --git a/apps/formbricks-com/pages/docs/best-practices/custom-survey/index.mdx b/apps/formbricks-com/pages/docs/best-practices/custom-survey/index.mdx
new file mode 100644
index 0000000000..b48d7f4694
--- /dev/null
+++ b/apps/formbricks-com/pages/docs/best-practices/custom-survey/index.mdx
@@ -0,0 +1,36 @@
+import { Layout } from "@/components/docs/Layout";
+import { Fence } from "@/components/shared/Fence";
+import { Callout } from "@/components/shared/Callout";
+
+export const meta = {
+  title: "Custom Survey",
+};
+
+<Callout title="Visual Form Builder in progress" type="note">
+  We're working on a visual form builder so that you can create custom forms within Formbricks. Sign up now to
+  stay in the loop!
+</Callout>
+
+## Purpose
+
+Build custom forms without the backend: Use Formbricks to gather and analyze form submissions. Pipe the data where you need it.
+
+## Formbricks Approach
+
+- Custom forms allow 100% customizability (duh!)
+- Use Formbricks backend as endpoint
+- Use Formbricks Data Pipelines to forward data where you need it.
+
+## Getting started
+
+This is an example on how to create a new submission with an HTML form:
+
+```jsx
+<form action="https://app.formbricks.com/api/capture/forms/{formId}/submissions" method="post">
+```
+
+## API docs
+
+Please refer to our [API documentation](/docs/api/setup) to learn how to create and update a submission or form schema.
+
+export default ({ children }) => <Layout meta={meta}>{children}</Layout>;