chore: Blog post on remove branding (#2300)

2026-01-06 13:49:54 -06:00 · 2024-03-21 08:48:01 +01:00
parent f22e3fd549
commit 917847b5da
8 changed files with 140 additions and 16 deletions
--- a/apps/formbricks-com/app/docs/self-hosting/enterprise/page.mdx
+++ b/apps/formbricks-com/app/docs/self-hosting/enterprise/page.mdx
@@ -11,6 +11,24 @@ We're handing out free enterprise license keys during our beta.

 Additional to the AGPL licensed Formbricks core, the Formbricks repository contains code licensed under an [Enterprise license](https://github.com/formbricks/formbricks/blob/main/packages/ee/LICENSE). This additional functionality is not part of the AGPLv3 licensed Formbricks core and is designed to meet the needs of larger teams and enterprises. This advanced functionality is already included in the Docker images, but you need an [Enterprise License Key](https://formbricks.com/docs/self-hosting/license) to unlock it.

+### When do I need an Enterprise License?
+
+|  | Community Edition | Enterprise License |
+| --- | --- | --- |
+| Self-host for commercial purposes | ✅ | No EE license needed |
+| To make changes to the code base (happy to publish them) | ✅ | No EE license needed |
+| Unlimited responses | ✅ | No EE license needed |
+| Unlimited surveys | ✅ | No EE license needed |
+| Remove branding | ✅ | No EE license needed |
+| SSO | ✅ | No EE license needed |
+| Use any of the other 100 features | ✅ | No EE license needed |
+| Team roles | ❌ | ✅ |
+| Multi-language surveys | ❌ | ✅ |
+| Advanced targeting / Segments | ❌ | ✅ |
+| Make code changes and keep private | ❌ | ✅ |
+| Whitelabel Formbricks | ❌ | ✅ |
+| Sell Formbricks as SaaS to others | ❌ | ✅ |
+
 **Please note:** Sooner than later we will introduce a enterprise license pricing. For a free beta key, fill out this form:

 <div
--- a/apps/formbricks-com/components/shared/EnterpriseEditionInfo.tsx
+++ b/apps/formbricks-com/components/shared/EnterpriseEditionInfo.tsx
@@ -0,0 +1,33 @@
+import { Button } from "@formbricks/ui/Button";
+
+export const EnterpriseEditionInfo = () => {
+  return (
+    <div className="my-8 md:my-6">
+      <div className="px-8 md:px-16">
+        <div className=" rounded-xl bg-slate-100 px-4 py-8 md:px-12 dark:bg-slate-800">
+          <h2 className="text-lg font-semibold leading-7 tracking-tight text-slate-800 md:text-2xl dark:text-slate-200">
+            Enterprise Edition (Self-hosting)
+          </h2>
+
+          <p className=" my-2 text-slate-600 dark:text-slate-300">
+            All features which are not available in the Community Edition belong to the Formbricks Enterprise
+            Edition. If you would like to use these features on a self-hosted instance, you need to purchase
+            an Enterprise license from us.
+          </p>
+          <div className="mt-4 space-x-2">
+            <Button
+              variant="darkCTA"
+              onClick={() => window.open("https://cal.com/johannes/license", "_blank")}>
+              Talk to us
+            </Button>
+            <Button
+              onClick={() => window.open("/docs/self-hosting/enterprise", "_blank")}
+              variant="secondary">
+              More info on Enterprise Edition
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
--- a/apps/formbricks-com/components/shared/HeroTitle.tsx
+++ b/apps/formbricks-com/components/shared/HeroTitle.tsx
@@ -8,10 +8,10 @@ interface Props {

 export default function HeroTitle({ headingPt1, headingTeal, headingPt2, subheading, children }: Props) {
  return (
-    <div className="px-4 py-20 text-center sm:px-6 lg:px-8 lg:py-28">
+    <div className="px-4  text-center sm:px-6 lg:px-8 ">
      <h1 className="text-3xl font-bold tracking-tight text-slate-800 sm:text-4xl md:text-5xl dark:text-slate-200">
        <span className="xl:inline">{headingPt1}</span>{" "}
-        <span className="from-brand-light to-brand-dark bg-gradient-to-b bg-clip-text text-transparent xl:inline">
+        <span className="bg-gradient-to-b from-slate-900 to-slate-800 bg-clip-text text-transparent xl:inline">
          {headingTeal}
        </span>{" "}
        <span className="inline ">{headingPt2}</span>
--- a/apps/formbricks-com/components/shared/OpenSourceInfo.tsx
+++ b/apps/formbricks-com/components/shared/OpenSourceInfo.tsx
@@ -2,7 +2,7 @@ import { Button } from "@formbricks/ui/Button";

 export const OpenSourceInfo = () => {
  return (
-    <div className="my-8 md:my-20">
+    <div className="my-8 md:my-6">
      <div className="px-8 md:px-16">
        <div className=" rounded-xl bg-slate-100 px-4 py-8 md:px-12 dark:bg-slate-800">
          <h2 className="text-lg font-semibold leading-7 tracking-tight text-slate-800 md:text-2xl dark:text-slate-200">
@@ -23,7 +23,7 @@ export const OpenSourceInfo = () => {
            <Button
              onClick={() => window.open("/docs/self-hosting/deployment", "_blank")}
              variant="secondary">
-              Read our Docs on Self Hosting
+              Read self-hosting docs
            </Button>
          </div>
        </div>
--- a/apps/formbricks-com/components/shared/PricingGetStarted.tsx
+++ b/apps/formbricks-com/components/shared/PricingGetStarted.tsx
@@ -6,11 +6,14 @@ export const GetStartedWithPricing = ({ showDetailed }: { showDetailed: boolean
      <div className="flex items-center gap-x-4 px-4 pb-4 md:gap-4 md:px-16">
        <div className="w-1/3"></div>
        <div className="w-1/3 text-left text-sm text-slate-800 dark:text-slate-100">
-          <p className="text-base font-semibold">Free</p>
+          <p className="text-base font-semibold text-slate-800">
+            Community Edition
+            <span className="ml-2 rounded-full bg-slate-700 px-3 py-0.5 text-sm text-slate-50">Free</span>
+          </p>

          {showDetailed && (
            <p className="leading text-xs text-slate-500 md:text-base dark:text-slate-400">
-              General free usage on every product. Best for early stage startups and hobbyists
+              Covers 95% of all features. Great for startups, hobbyists and to get started. Free forever.
            </p>
          )}

@@ -24,10 +27,14 @@ export const GetStartedWithPricing = ({ showDetailed }: { showDetailed: boolean
          </Button>
        </div>
        <div className="w-1/3 text-left text-sm text-slate-800 dark:text-slate-100">
-          <p className="text-base font-semibold"> Paid</p>
+          <p className="text-base font-semibold text-slate-800">
+            {" "}
+            Enterprise Edition{" "}
+            <span className="ml-2 rounded-full bg-slate-700 px-3 py-0.5 text-sm text-slate-50">Freemium</span>
+          </p>
          {showDetailed && (
            <p className="leading text-xs text-slate-500 md:text-base dark:text-slate-400">
-              Formbricks with the next-generation features, Pay only for the tracked users.
+              Includes all features with unlimited usage. Free credits every month to get started.
            </p>
          )}

--- a/apps/formbricks-com/pages/blog/remove-branding-for-free/index.mdx
+++ b/apps/formbricks-com/pages/blog/remove-branding-for-free/index.mdx
@@ -0,0 +1,62 @@
+import AuthorBox from "@/components/shared/AuthorBox";
+import LayoutMdx from "@/components/shared/LayoutMdx";
+import Image from "next/image";
+import Header from "./remove-branding.gif";
+
+export const meta = {
+  title: "Remove branding for free on all survey types on self-hosted Formbricks 🎁",
+  description:
+    "While it was always possible to remove the Formbricks branding from link surveys, you can now remove it from all survey types incl. in-app and website surveys.",
+  date: "2024-03-21",
+  publishedTime: "2024-03-21T12:11:23",
+  authors: ["Johannes Dancker"],
+  section: "Feedback Apps",
+  tags: ["Open Source Community", "Formbricks", "Typeform", "Branding Removal"],
+};
+
+<Image src={Header} alt="Remove branding from all survey types of self-hosted" className="w-full rounded-lg" />
+
+<AuthorBox
+  name="Johannes Dancker"
+  title="Co-Founder"
+  date="March 21st, 2024"
+  duration="3"
+  author={"Johannes"}
+/>
+
+_While it was always possible to remove the Formbricks branding from link surveys, you can now remove it from all survey types incl. in-app and website surveys for free._
+
+## Why are we doing this?
+
+To be fair, the branding removal was always possible and legal under the AGPLv3 license. 
+
+BUT it was cumbersome, unnecessarily cumbersome: You needed to take it out of the codez, build a new image and host it. And every time we released a new version, you had to do the same 😮‍💨
+
+**We didn't like that. It's an arbitrary limitation** which only adds work to your already busy day.  If it is really important for you to remove the branding and self-host, this was your only option. Until now.
+
+### Remove all branding on self-hosted ✅
+
+This is why you can now just toggle the branding off, if you like - for free.
+
+If you want to support our project, you're obviously more than welcome to keep the beautiful branding on (and enjoy your life filled with good karma 😛).
+
+### What about Formbricks Cloud?
+On the cloud, branding removal is handled differently. Here is an overview:
+
+| **Branding Removal** | Link surveys | Website surveys | In-app surveys |
+| --- | --- | --- | --- |
+| Self-hosted | ✅ | ✅ | ✅ |
+| Formbricks Cloud | Part of Pro plan ($30) | Add credit card (free) | Add credit card (free) |
+
+## So how does Formbricks make money than?
+
+With our Enterprise Edition. If you use our Cloud, you get to use the Formbricks Enterprise Edition for free once you added a credit card. After the free monthly responses are used up, you pay a fee per submission and identified user. For a more detailed overview, please [have a look at our pricing page.](/pricing) 
+
+If you want to self-host the Formbricks Enterprise Edition, you need to [buy an Enterprise license from us](/docs/self-hosting/enterprise). These licenses are designed for larger companies who have complex data privacy and security requirements. Self-hosting Formbricks makes the compliance process a loooot easier. These licenses come on a yearly basis. If you're interested, [let's just have a chat.](https://cal.com/johannes/30) 
+
+
+### That's it for now, thanks 🚀
+
+[Try Formbricks](https://app.formbricks.com/auth/signup) today - it's free! Measure your user or customer experience without limits.
+
+export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;
--- a/apps/formbricks-com/pages/blog/remove-branding-for-free/remove-branding.gif
+++ b/apps/formbricks-com/pages/blog/remove-branding-for-free/remove-branding.gif
--- a/apps/formbricks-com/pages/pricing.tsx
+++ b/apps/formbricks-com/pages/pricing.tsx
@@ -1,3 +1,4 @@
+import { EnterpriseEditionInfo } from "@/components/shared/EnterpriseEditionInfo";
 import HeroTitle from "@/components/shared/HeroTitle";
 import Layout from "@/components/shared/Layout";
 import { OpenSourceInfo } from "@/components/shared/OpenSourceInfo";
@@ -8,10 +9,10 @@ import { PricingTable } from "../components/shared/PricingTable";
 const inProductSurveys = {
  leadRow: {
    title: "Website and In-App Surveys",
-    comparison: "like HotJar",
+    comparison: "like HotJar Ask",
    free: (
      <div>
-        <span>250 Submissions</span> <span className="text-slate-400">/ Month</span>{" "}
+        <span>250 Responses</span> <span className="text-slate-400">/ Month</span>{" "}
      </div>
    ),
    paid: "Unlimited",
@@ -21,9 +22,9 @@ const inProductSurveys = {
    { name: "Unlimited Team Members", free: true, paid: true },
    { name: "API Access", free: true, paid: true },
    { name: "30+ Templates", free: true, paid: true },
-    { name: "Unlimited Responses per Survey", free: false, paid: true },
+    { name: "Unlimited Responses", free: false, paid: true },
    { name: "Team Role Management", free: false, paid: true },
-    { name: "Multi Language Surveys", free: false, paid: true, comingSoon: true },
+    { name: "Multi Language Surveys", free: false, paid: true },
  ],
  endRow: {
    title: "Website and In-App Surveys",
@@ -32,7 +33,7 @@ const inProductSurveys = {
      <div>
        <span>Free</span>{" "}
        <span className="text-slate-400">
-          up to 250 submissions / month <br />
+          up to 250 responses / month <br />
          then{" "}
        </span>
        <span>$0.15</span>
@@ -58,6 +59,7 @@ const userSegmentation = {
    { name: "Collect Events", free: true, paid: true },
    { name: "Collect Attributes", free: true, paid: true },
    { name: "Reusable Segments", free: true, paid: true },
+    { name: "Basic Targeting", free: true, paid: true },
    { name: "Advanced Targeting", free: false, paid: true },
  ],
  endRow: {
@@ -94,10 +96,11 @@ const linkSurveys = {
    { name: "Hidden Fields", free: true, paid: true },
    { name: "Single Use Survey Links", free: true, paid: true },
    { name: "Pin-protected Surveys", free: true, paid: true },
-    { name: "Custom Styling", free: true, paid: true, comingSoon: true },
+    { name: "Custom Styling", free: true, paid: true },
    { name: "Recall Information", free: true, paid: true },
-    { name: "Book appointments (powered by cal.com)", free: true, paid: true },
-    { name: "Collect Payments and Signatures", free: true, paid: true, comingSoon: true },
+    { name: "Book appointments", free: true, paid: true },
+    { name: "Collect Payments", free: true, paid: true, comingSoon: true },
+    { name: "Collect Signatures", free: true, paid: true, comingSoon: true },
    { name: "Custom URL", free: false, paid: true, comingSoon: true },
    { name: "Remove Formbricks Branding", free: false, paid: true },
  ],
@@ -213,6 +216,7 @@ const PricingPage = () => {
        <div>
          {/* <PricingCalculator /> */}
          <OpenSourceInfo />
+          <EnterpriseEditionInfo />
        </div>
      </div>
    </Layout>