From 9edf9955aea77bd3680b1e5f2f0f500a68581e90 Mon Sep 17 00:00:00 2001 From: ShubhamPalriwala Date: Fri, 25 Aug 2023 19:11:19 +0530 Subject: [PATCH] minor final fixes --- .../app/docs/best-practices/cancel-subscription/page.mdx | 4 ++-- .../app/docs/best-practices/feature-chaser/page.mdx | 4 ++-- .../app/docs/best-practices/feedback-box/page.mdx | 2 +- .../app/docs/best-practices/improve-trial-cr/page.mdx | 4 ++-- .../app/docs/best-practices/interview-prompt/page.mdx | 4 ++-- .../app/docs/best-practices/pmf-survey/page.mdx | 4 ++-- .../getting-started/quickstart-in-app-survey/page.mdx | 8 ++++---- apps/formbricks-com/components/docs/GettingStarted.tsx | 2 +- apps/formbricks-com/components/docs/Libraries.tsx | 8 ++++---- apps/formbricks-com/next.config.mjs | 2 +- .../environments/[environmentId]/integrations/page.tsx | 2 +- 11 files changed, 22 insertions(+), 22 deletions(-) diff --git a/apps/formbricks-com/app/docs/best-practices/cancel-subscription/page.mdx b/apps/formbricks-com/app/docs/best-practices/cancel-subscription/page.mdx index 5885783087..eed205a4b2 100644 --- a/apps/formbricks-com/app/docs/best-practices/cancel-subscription/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/cancel-subscription/page.mdx @@ -47,7 +47,7 @@ To run the Churn Survey in your app you want to proceed as follows: ## Formbricks Widget running? {{ class: "text-white" }} We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages - and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart) + and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey) ### 1. Create new Churn Survey @@ -158,7 +158,7 @@ These settings make sure the survey is always displayed, when a user wants to Ca ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Churn Survey in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ### diff --git a/apps/formbricks-com/app/docs/best-practices/feature-chaser/page.mdx b/apps/formbricks-com/app/docs/best-practices/feature-chaser/page.mdx index 791c2d5c99..2f204f13fd 100644 --- a/apps/formbricks-com/app/docs/best-practices/feature-chaser/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/feature-chaser/page.mdx @@ -44,7 +44,7 @@ To run the Feature Chaser survey in your app you want to proceed as follows: ## Formbricks Widget running? {{ class: "text-white" }} We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages - and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart) + and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey) ### 1. Create new Feature Chaser @@ -128,7 +128,7 @@ Lastly, scroll down to “Recontact Options”. Here you have full freedom to de ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Feature Chaser in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ### diff --git a/apps/formbricks-com/app/docs/best-practices/feedback-box/page.mdx b/apps/formbricks-com/app/docs/best-practices/feedback-box/page.mdx index 41b2339985..58a17e1edd 100644 --- a/apps/formbricks-com/app/docs/best-practices/feedback-box/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/feedback-box/page.mdx @@ -133,7 +133,7 @@ Scroll down to “Recontact Options”. Here you have to choose the right settin ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ###   diff --git a/apps/formbricks-com/app/docs/best-practices/improve-trial-cr/page.mdx b/apps/formbricks-com/app/docs/best-practices/improve-trial-cr/page.mdx index 8aefa1e941..a60833e45f 100644 --- a/apps/formbricks-com/app/docs/best-practices/improve-trial-cr/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/improve-trial-cr/page.mdx @@ -44,7 +44,7 @@ To display the Trial Conversion Survey in your app you want to proceed as follow ## Formbricks Widget running? {{ class: "text-white" }} We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages - and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart) + and surveys in your app. If not, please follow the [Quick Start Guide (takes 15mins max.)](/docs/getting-started/quickstart-in-app-survey) ### 1. Create new Trial Conversion Survey @@ -137,7 +137,7 @@ Lastly, scroll down to “Recontact Options”. Here you have to choose the corr ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ### diff --git a/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx b/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx index ef341ef7ab..a9da9867d9 100644 --- a/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/interview-prompt/page.mdx @@ -49,7 +49,7 @@ To display an Interview Prompt in your app you want to proceed as follows: ## Formbricks Widget running? {{ class: "text-white" }} We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages - and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart) + and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart-in-app-survey) ### 1. Create new Interview Prompt @@ -162,7 +162,7 @@ Scroll down to “Recontact Options”. Here you have to choose the correct sett ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ### diff --git a/apps/formbricks-com/app/docs/best-practices/pmf-survey/page.mdx b/apps/formbricks-com/app/docs/best-practices/pmf-survey/page.mdx index fc2f053827..d57689361d 100644 --- a/apps/formbricks-com/app/docs/best-practices/pmf-survey/page.mdx +++ b/apps/formbricks-com/app/docs/best-practices/pmf-survey/page.mdx @@ -43,7 +43,7 @@ To display the Product-Market Fit survey in your app you want to proceed as foll ## Formbricks Widget running? {{ class: "text-white" }} We assume that you have already installed the Formbricks Widget in your web app. It’s required to display messages - and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart) + and surveys in your app. If not, please follow the [Quick Start Guide (15mins).](/docs/getting-started/quickstart-in-app-survey) ### 1. Create new PMF survey @@ -134,7 +134,7 @@ Lastly, scroll down to “Recontact Options”. Here you have to choose the corr ## Formbricks Widget running? {{ class: "text-white" }} You need to have the Formbricks Widget installed to display the Feedback Box in your app. Please follow [this - tutorial (Step 4 onwards)](/docs/getting-started/quickstart) to install the widget. + tutorial (Step 4 onwards)](/docs/getting-started/quickstart-in-app-survey) to install the widget. ### diff --git a/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx b/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx index 0684b2552e..9226916ace 100644 --- a/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx +++ b/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx @@ -111,10 +111,10 @@ In the manual below, this code snippet contains all the information you need: In a local instance of your app, you'll embed the Formbricks Widget. Dependent on your frontend tech, the setup differs a bit: -- [Next.JS App Directory](/docs/getting-started/nextjs-app) -- [Next.JS Pages Directory](/docs/getting-started/nextjs-pages) -- [React (Create React App)](/docs/getting-started/react) -- [Vue.JS](/docs/getting-started/vuejs) +- [Next.JS App Directory](/docs/getting-started/framework-guides#next-js) +- [Next.JS Pages Directory](/docs/getting-started/framework-guides#next-js) +- [React (Create React App)](/docs/getting-started/framework-guides#react-js) +- [Vue.JS](/docs/getting-started/framework-guides#vue-js) ## Restart your app and open browser console diff --git a/apps/formbricks-com/components/docs/GettingStarted.tsx b/apps/formbricks-com/components/docs/GettingStarted.tsx index ff162c939d..bf3d9490c3 100644 --- a/apps/formbricks-com/components/docs/GettingStarted.tsx +++ b/apps/formbricks-com/components/docs/GettingStarted.tsx @@ -8,7 +8,7 @@ const gettingStarted = [ description: "Get up and running with our cloud and JavaScript widget", }, { - href: "/docs/getting-started/nextjs-app", + href: "/docs/getting-started/framework-guides#next-js", name: "Next.js App", description: "Integrate the Formbricks SDK into a Next.js application with the new app directory", }, diff --git a/apps/formbricks-com/components/docs/Libraries.tsx b/apps/formbricks-com/components/docs/Libraries.tsx index 304fca5b0d..aaa308d402 100644 --- a/apps/formbricks-com/components/docs/Libraries.tsx +++ b/apps/formbricks-com/components/docs/Libraries.tsx @@ -8,26 +8,26 @@ import logoVueJs from "@/images/logos/vuejs.svg"; const libraries = [ { - href: "#formbricks-x-html", + href: "#html", name: "HTML", description: "All you need to do is add 3 lines of code to your HTML script and thats it, you're done!", logo: logoHtml, }, { - href: "#formbricks-x-react-js", + href: "#react-js", name: "React.js", description: "Load the our Js library with your environment ID and you're ready to go!", logo: logoReactJs, }, { - href: "#formbricks-x-next-js", + href: "#next-js", name: "Next.js", description: "Natively add us to your NextJs project with support for both App as well as Pages project structure!", logo: logoNextjs, }, { - href: "#formbricks-x-vue-js", + href: "#vue-js", name: "Vue.js", description: "Simply add us to your router change and sit back!", logo: logoVueJs, diff --git a/apps/formbricks-com/next.config.mjs b/apps/formbricks-com/next.config.mjs index 38f6af83a4..db00c053ce 100644 --- a/apps/formbricks-com/next.config.mjs +++ b/apps/formbricks-com/next.config.mjs @@ -72,7 +72,7 @@ const nextConfig = { }, { source: "/docs/getting-started/nextjs", - destination: "/docs/getting-started/nextjs-app", + destination: "/docs/getting-started/framework-guides#next-js", permanent: true, }, { diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx index 3a2a5b36a5..6a21acbefb 100644 --- a/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx +++ b/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx @@ -11,7 +11,7 @@ export default function IntegrationsPage({ params }) {

Connect Formbricks with your favorite tools.