diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx
index ced34100..57c68418 100644
--- a/components/Hero/index.tsx
+++ b/components/Hero/index.tsx
@@ -47,7 +47,6 @@ export const Hero = ({
           dangerouslySetInnerHTML={{ __html: heroHTML }}
         />
       )}
-
     </section>
   );
 };
diff --git a/package.json b/package.json
index 96888fd0..0b276786 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@svgr/webpack": "^6.2.1",
     "@tiptap/react": "^2.0.0-beta.108",
     "@tiptap/starter-kit": "^2.0.0-beta.183",
+    "@typeform/embed-react": "^3.19.0",
     "axios": "^0.27.2",
     "canvas-confetti": "^1.5.1",
     "classnames": "^2.3.1",
diff --git a/pages/[id].tsx b/pages/[id].tsx
index da598d0f..c3aa19e2 100644
--- a/pages/[id].tsx
+++ b/pages/[id].tsx
@@ -6,6 +6,7 @@ import { getPageProps, Page } from '../utils/getPageProps';
 import { Section } from '../components/Section';
 import { Hero } from '../components/Hero';
 import { Directus } from '@directus/sdk';
+import { Widget } from '@typeform/embed-react';
 import PageNotFound from './404';
 
 const IS_BERLIN_PROJECT = process.env.NEXT_PUBLIC_PROJECT === 'Berlin';
@@ -27,6 +28,13 @@ const PageWithSections = ({ page }: PageProps): ReactElement => {
   }
   return (
     <section>
+      {page.slug === 'sammeln' && (
+        <Widget
+          id="01J2ECV3JHPMCP07N5RHFTSGBP"
+          style={{ width: '50%' }}
+          className="my-form"
+        />
+      )}
       {page.hasHero && (page.heroImage || page.heroHTML) && (
         <Hero
           heroHTML={page.heroHTML ?? null}