diff --git a/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb b/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb
index f1f638254..796f2265f 100644
--- a/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb
+++ b/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb
@@ -38,14 +38,13 @@ def scrolled_frontend_packs(entry, widget_scope:)
     def scrolled_editor_packs(entry)
       ['pageflow-scrolled-editor'] +
         Pageflow.config_for(entry).additional_editor_packs.paths(entry) +
+        Pageflow.config_for(entry).additional_frontend_packs.paths(entry) +
         scrolled_frontend_widget_type_packs(entry, :editor)
     end
 
     def scrolled_editor_stylesheet_packs(entry)
-      Pageflow
-        .config_for(entry)
-        .additional_editor_packs
-        .stylesheet_paths(entry)
+      Pageflow.config_for(entry).additional_editor_packs.stylesheet_paths(entry) +
+        Pageflow.config_for(entry).additional_frontend_packs.paths(entry)
     end
 
     private
diff --git a/entry_types/scrolled/config/locales/new/tiktok.de.yml b/entry_types/scrolled/config/locales/new/tiktok.de.yml
new file mode 100644
index 000000000..6acb18cbb
--- /dev/null
+++ b/entry_types/scrolled/config/locales/new/tiktok.de.yml
@@ -0,0 +1,12 @@
+de:
+  pageflow_scrolled:
+    editor:
+      content_elements:
+        tikTokEmbed:
+          attributes:
+            url:
+              label: TikTok-URL
+          description: Bettet Inhalte von TikTok ein
+          name: TikTok
+          tabs:
+            general: TikTok-Embed
diff --git a/entry_types/scrolled/config/locales/new/tiktok.en.yml b/entry_types/scrolled/config/locales/new/tiktok.en.yml
new file mode 100644
index 000000000..758aca028
--- /dev/null
+++ b/entry_types/scrolled/config/locales/new/tiktok.en.yml
@@ -0,0 +1,12 @@
+en:
+  pageflow_scrolled:
+    editor:
+      content_elements:
+        tikTokEmbed:
+          attributes:
+            url:
+              label: TikTok URL
+          description: Embed content from TikTok
+          name: TikTok
+          tabs:
+            general: TikTok Embed
diff --git a/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb b/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb
index 009d3378b..fdba102e5 100644
--- a/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb
+++ b/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb
@@ -128,7 +128,7 @@ def frontend_pack
       def server_pack
         create_file 'app/javascript/packs/pageflow-scrolled-server.js', <<-JS
           import 'pageflow-scrolled/frontend-server';
-          import 'pageflow-scrolled/contentElements-frontend';
+          import 'pageflow-scrolled/contentElements-server';
           import 'pageflow-scrolled/widgets-server';
         JS
       end
diff --git a/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb b/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb
index 3cff4ce9b..41c2f3956 100644
--- a/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb
+++ b/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb
@@ -14,6 +14,11 @@ def configure(config)
 
         c.revision_components.register(Storyline)
 
+        c.additional_frontend_packs.register(
+          'pageflow-scrolled/contentElements/tikTokEmbed-frontend',
+          content_element_type_names: ['tikTokEmbed']
+        )
+
         c.widget_types.register(ReactWidgetType.new(name: 'defaultNavigation',
                                                     role: 'header'),
                                 default: true)
diff --git a/entry_types/scrolled/package/.gitignore b/entry_types/scrolled/package/.gitignore
index 9040a62d0..ff82081d8 100644
--- a/entry_types/scrolled/package/.gitignore
+++ b/entry_types/scrolled/package/.gitignore
@@ -1,4 +1,5 @@
 /node_modules
+/contentElements
 /editor.js
 /frontend
 /frontend-server.js
diff --git a/entry_types/scrolled/package/config/webpack.js b/entry_types/scrolled/package/config/webpack.js
index 5accd724e..79579994a 100644
--- a/entry_types/scrolled/package/config/webpack.js
+++ b/entry_types/scrolled/package/config/webpack.js
@@ -7,8 +7,18 @@ module.exports = {
       // supported by the browser.
       'video.js$': 'video.js/core.es.js'
     },
+    fallback: {
+      // Silently ignore minimatch trying to load Node built-in module.
+      'path': false
+    }
   },
   entry: {
+    'pageflow-scrolled/contentElements/tikTokEmbed-frontend': {
+      import: [
+        'pageflow-scrolled/contentElements/tikTokEmbed-frontend',
+        'pageflow-scrolled/contentElements/tikTokEmbed-frontend.css'
+      ]
+    },
     'pageflow-scrolled/widgets/defaultNavigation': {
       import: [
         'pageflow-scrolled/widgets/defaultNavigation',
diff --git a/entry_types/scrolled/package/contentElements-server.js b/entry_types/scrolled/package/contentElements-server.js
new file mode 100644
index 000000000..1c9f2aaa3
--- /dev/null
+++ b/entry_types/scrolled/package/contentElements-server.js
@@ -0,0 +1,2 @@
+import 'pageflow-scrolled/contentElements-frontend';
+import 'pageflow-scrolled/contentElements/tikTokEmbed-frontend';
diff --git a/entry_types/scrolled/package/package.json b/entry_types/scrolled/package/package.json
index 28101f691..a5e3c3713 100644
--- a/entry_types/scrolled/package/package.json
+++ b/entry_types/scrolled/package/package.json
@@ -22,6 +22,7 @@
     "react-measure": "^2.3.0",
     "react-player": "^1.15.2",
     "react-quick-pinch-zoom": "^4.8.0",
+    "react-tiny-oembed": "^1.1.0",
     "react-tooltip": "^3.11.1",
     "react_ujs": "^2.6.1",
     "reselect": "^4.0.0",
diff --git a/entry_types/scrolled/package/src/contentElements/editor.js b/entry_types/scrolled/package/src/contentElements/editor.js
index 305ff0059..16b90e3cf 100644
--- a/entry_types/scrolled/package/src/contentElements/editor.js
+++ b/entry_types/scrolled/package/src/contentElements/editor.js
@@ -10,8 +10,9 @@ import './inlineBeforeAfter/editor';
 import './externalLinkList/editor';
 import './vrImage/editor';
 import './iframeEmbed/editor';
+import './imageGallery/editor'
 import './twitterEmbed/editor'
+import './tikTokEmbed/editor'
 import './question/editor'
 import './counter/editor'
 import './quote/editor'
-import './imageGallery/editor'
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.js b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.js
new file mode 100644
index 000000000..063f3a20a
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.js
@@ -0,0 +1,53 @@
+import React from 'react';
+import Embed from 'react-tiny-oembed';
+
+import {
+  ContentElementBox,
+  ThirdPartyOptIn,
+  useContentElementEditorState,
+  ThirdPartyOptOutInfo,
+  useContentElementLifecycle,
+  useIsStaticPreview
+} from 'pageflow-scrolled/frontend';
+
+import styles from './TikTokEmbed.module.css';
+
+const tikTokProvider = {
+  provider_name: "TikTok",
+  provider_url: "http://www.tiktok.com/",
+  endpoints: [
+    {
+      schemes: [
+        "https://www.tiktok.com/*",
+        "https://www.tiktok.com/*/video/*"
+      ],
+      url: "https://www.tiktok.com/oembed"
+    }
+  ]
+};
+
+export function TikTokEmbed({configuration}) {
+  const {url} = configuration;
+  const {isEditable, isSelected} = useContentElementEditorState();
+  const {shouldLoad} = useContentElementLifecycle();
+  const isStaticPreview = useIsStaticPreview();
+
+  return (
+    <ContentElementBox>
+      <div style={{pointerEvents: isEditable && !isSelected ? 'none' : undefined}}>
+        <div className={styles.wrapper}>
+          {shouldLoad && url && !isStaticPreview &&
+           <ThirdPartyOptIn
+             providerName="tiktok">
+             <div className={styles.inner} data-percy="hide">
+               <Embed key={url}
+                      url={url}
+                      providers={[tikTokProvider]} />
+             </div>
+           </ThirdPartyOptIn>}
+        </div>
+        <ThirdPartyOptOutInfo inset providerName="tiktok" />
+      </div>
+    </ContentElementBox>
+  );
+}
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.module.css b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.module.css
new file mode 100644
index 000000000..c0260a790
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/TikTokEmbed.module.css
@@ -0,0 +1,17 @@
+.wrapper {
+  margin: 0 auto;
+  max-width: 325px;
+  min-height: 450px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.inner {
+  background-color: #fff;
+  visibility: hidden;
+}
+
+.inner:has(iframe) {
+  visibility: visible;
+}
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/editor.js b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/editor.js
new file mode 100644
index 000000000..d1425f1e6
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/editor.js
@@ -0,0 +1,25 @@
+import {editor} from 'pageflow-scrolled/editor';
+import {UrlInputView} from 'pageflow/ui';
+import pictogram from './pictogram.svg'
+
+editor.contentElementTypes.register('tikTokEmbed', {
+  pictogram,
+  category: 'media',
+  supportedPositions: ['inline', 'sticky', 'standAlone', 'left', 'right'],
+  supportedWidthRange: ['md', 'full'],
+
+  configurationEditor() {
+    this.tab('general', function() {
+      this.input('url', UrlInputView, {
+        supportedHosts: [
+          'https://www.tiktok.com'
+        ],
+        displayPropertyName: 'displayUrl',
+        required: true,
+        permitHttps: true
+      });
+      this.group('ContentElementPosition');
+    });
+  },
+  defaultConfig: {},
+});
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/frontend.js b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/frontend.js
new file mode 100644
index 000000000..6e3302c06
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/frontend.js
@@ -0,0 +1,19 @@
+import {frontend} from 'pageflow-scrolled/frontend';
+import {TikTokEmbed} from './TikTokEmbed';
+
+frontend.contentElementTypes.register('tikTokEmbed', {
+  component: TikTokEmbed,
+  lifecycle: true,
+  customMargin: true,
+
+  consentVendors({t}) {
+    const prefix = 'pageflow_scrolled.public.tiktok';
+
+    return [{
+      name: 'tiktok',
+      displayName: t(`${prefix}.consent_vendor_name`),
+      description: t(`${prefix}.consent_vendor_description`),
+      paradigm: 'lazy opt-in'
+    }];
+  }
+});
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/pictogram.svg b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/pictogram.svg
new file mode 100644
index 000000000..02ec7576d
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/pictogram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#fff" d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/></svg>
diff --git a/entry_types/scrolled/package/src/contentElements/tikTokEmbed/stories.js b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/stories.js
new file mode 100644
index 000000000..f9529467d
--- /dev/null
+++ b/entry_types/scrolled/package/src/contentElements/tikTokEmbed/stories.js
@@ -0,0 +1,10 @@
+import './frontend';
+import {storiesOfContentElement} from 'pageflow-scrolled/spec/support/stories';
+
+storiesOfContentElement(module, {
+  typeName: 'tikTokEmbed',
+  baseConfiguration: {
+    url: 'https://www.tiktok.com/@scout2015/video/6718335390845095173'
+  },
+  consent: true
+});
diff --git a/entry_types/scrolled/package/src/frontend/thirdPartyConsent/OptOutInfo.js b/entry_types/scrolled/package/src/frontend/thirdPartyConsent/OptOutInfo.js
index 8c40420e6..09b349eab 100644
--- a/entry_types/scrolled/package/src/frontend/thirdPartyConsent/OptOutInfo.js
+++ b/entry_types/scrolled/package/src/frontend/thirdPartyConsent/OptOutInfo.js
@@ -24,7 +24,8 @@ import InfoIcon from '../icons/information.svg'
  */
 export function OptOutInfo({
   providerName,
-  hide
+  hide,
+  inset
 }) {
   const {t} = useI18n();
   const theme = useTheme();
@@ -46,7 +47,7 @@ export function OptOutInfo({
 
   return (
     <div className={classNames(styles.optOut,
-                               {[styles.full]: width === widths.full})}
+                               {[styles.full]: width === widths.full || inset})}
          style={hide ? {opacity: 0, visibility: 'hidden'} : undefined}>
       <button className={styles.icon}>
         <InfoIcon/>
diff --git a/entry_types/scrolled/spec/helpers/pageflow_scrolled/packs_helper_spec.rb b/entry_types/scrolled/spec/helpers/pageflow_scrolled/packs_helper_spec.rb
index ed6118e48..eefcbc92a 100644
--- a/entry_types/scrolled/spec/helpers/pageflow_scrolled/packs_helper_spec.rb
+++ b/entry_types/scrolled/spec/helpers/pageflow_scrolled/packs_helper_spec.rb
@@ -304,6 +304,22 @@ module PageflowScrolled
         expect(result).not_to include('pageflow-scrolled/contentElements/extra-editor')
       end
 
+      it 'includes additional frontend packs in editor' do
+        pageflow_configure do |config|
+          config.for_entry_type(PageflowScrolled.entry_type) do |entry_type_config|
+            entry_type_config.additional_frontend_packs.register(
+              'pageflow-scrolled/contentElements/extra'
+            )
+          end
+        end
+
+        entry = create(:published_entry, type_name: 'scrolled')
+
+        result = helper.scrolled_editor_packs(entry)
+
+        expect(result).to include('pageflow-scrolled/contentElements/extra')
+      end
+
       it 'includes all react widget type packs in editor' do
         pageflow_configure do |config|
           config.widget_types.register(ReactWidgetType.new(name: 'customNavigation',
@@ -372,12 +388,20 @@ module PageflowScrolled
     end
 
     describe 'scrolled_editor_stylesheet_packs' do
-      it 'empty by default' do
+      it 'does not include editor packs without stylesheet option' do
+        pageflow_configure do |config|
+          config.for_entry_type(PageflowScrolled.entry_type) do |entry_type_config|
+            entry_type_config.additional_editor_packs.register(
+              'pageflow-scrolled/only-js'
+            )
+          end
+        end
+
         entry = create(:published_entry, type_name: 'scrolled')
 
         result = helper.scrolled_editor_stylesheet_packs(entry)
 
-        expect(result).to eq([])
+        expect(result).not_to include('pageflow-scrolled/only-js')
       end
 
       it 'includes additional editor packs in editor with stylesheet option' do
@@ -398,7 +422,23 @@ module PageflowScrolled
 
         result = helper.scrolled_editor_stylesheet_packs(entry)
 
-        expect(result).to eq(['pageflow-scrolled/extra-editor'])
+        expect(result).to include('pageflow-scrolled/extra-editor')
+      end
+
+      it 'includes additional frontend packs in editor' do
+        pageflow_configure do |config|
+          config.for_entry_type(PageflowScrolled.entry_type) do |entry_type_config|
+            entry_type_config.additional_frontend_packs.register(
+              'pageflow-scrolled/contentElements/extra'
+            )
+          end
+        end
+
+        entry = create(:published_entry, type_name: 'scrolled')
+
+        result = helper.scrolled_editor_stylesheet_packs(entry)
+
+        expect(result).to include('pageflow-scrolled/contentElements/extra')
       end
 
       it 'supports if and unless options for additional packs' do
diff --git a/pageflow.gemspec b/pageflow.gemspec
index 713a96f37..90083f40f 100644
--- a/pageflow.gemspec
+++ b/pageflow.gemspec
@@ -130,7 +130,7 @@ Gem::Specification.new do |s|
   s.add_dependency 'http_accept_language', '~> 2.0'
 
   # Shared translations
-  s.add_dependency 'pageflow-public-i18n', '~> 1.24'
+  s.add_dependency 'pageflow-public-i18n', '~> 1.25'
 
   # Password encryption
   s.add_dependency 'bcrypt', '~> 3.1.7'
diff --git a/rollup.config.js b/rollup.config.js
index 10e442027..f9009f4fb 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -322,6 +322,19 @@ const pageflowScrolled = [
       plugins: plugins({extractCss: true}),
       ...ignoreJSXWarning
     }
+  ))),
+
+  ...(['tikTokEmbed'].map(name => (
+    {
+      input: `${pageflowScrolledPackageRoot}/src/contentElements/${name}/frontend.js`,
+      output: {
+        file: `${pageflowScrolledPackageRoot}/contentElements/${name}-frontend.js`,
+        format: 'esm',
+      },
+      external,
+      plugins: plugins({extractCss: true}),
+      ...ignoreJSXWarning
+    }
   )))
 ];
 
diff --git a/yarn.lock b/yarn.lock
index f1e63f452..23d98efb4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3874,6 +3874,13 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
+axios@^0.21.1:
+  version "0.21.4"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
+  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+  dependencies:
+    follow-redirects "^1.14.0"
+
 axobject-query@^2.0.2:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.1.1.tgz#2a3b1271ec722d48a4cd4b3fcc20c853326a49a7"
@@ -6567,6 +6574,11 @@ flow-parser@0.*:
   resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.227.0.tgz#e50b65be9dc6810438c975e816a68005fbcd5107"
   integrity sha512-nOygtGKcX/siZK/lFzpfdHEfOkfGcTW7rNroR1Zsz6T/JxSahPALXVt5qVHq/fgvMJuv096BTKbgxN3PzVBaDA==
 
+follow-redirects@^1.14.0:
+  version "1.15.6"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
+  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+
 for-each@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
@@ -10854,6 +10866,14 @@ react-test-renderer@^16.9.0:
     react-is "^16.8.6"
     scheduler "^0.18.0"
 
+react-tiny-oembed@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/react-tiny-oembed/-/react-tiny-oembed-1.1.0.tgz#2ede4b47fc3a64c4d798d8189a63baac5a31f62e"
+  integrity sha512-40FGS65ibD60Us2g6lk5XKu1YN/pr8fl60RqOIfR6wFbl3UPk2hxMevQu1lBW7pl/jPHmYnLQ3MJvHfNF2nz1A==
+  dependencies:
+    axios "^0.21.1"
+    minimatch "^3.0.4"
+
 react-tooltip@^3.11.1:
   version "3.11.1"
   resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-3.11.1.tgz#7b4ce48ed26a46e996662b19a2afebbfd483513b"