diff --git a/src/open_inwoner/cms/plugins/__init__.py b/src/open_inwoner/cms/plugins/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/cms/plugins/cms_plugins/__init__.py b/src/open_inwoner/cms/plugins/cms_plugins/__init__.py
new file mode 100644
index 0000000000..7bddc35454
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/cms_plugins/__init__.py
@@ -0,0 +1 @@
+from .videoplayer import VideoPlayerPlugin
diff --git a/src/open_inwoner/cms/plugins/cms_plugins/videoplayer.py b/src/open_inwoner/cms/plugins/cms_plugins/videoplayer.py
new file mode 100644
index 0000000000..4c431fe136
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/cms_plugins/videoplayer.py
@@ -0,0 +1,18 @@
+from django.utils.translation import gettext as _
+
+from cms.plugin_base import CMSPluginBase
+from cms.plugin_pool import plugin_pool
+
+from open_inwoner.cms.plugins.models.videoplayer import VideoPlayer
+
+
+@plugin_pool.register_plugin
+class VideoPlayerPlugin(CMSPluginBase):
+    model = VideoPlayer
+    module = _("Media")
+    name = _("Video Player")
+    render_template = "cms/plugins/videoplayer/videoplayer.html"
+
+    def render(self, context, instance, placeholder):
+        context.update({"instance": instance})
+        return context
diff --git a/src/open_inwoner/cms/plugins/migrations/0001_initial.py b/src/open_inwoner/cms/plugins/migrations/0001_initial.py
new file mode 100644
index 0000000000..8a840d05be
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/migrations/0001_initial.py
@@ -0,0 +1,46 @@
+# Generated by Django 3.2.20 on 2023-09-19 13:04
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ("media", "0001_initial"),
+        ("cms", "0022_auto_20180620_1551"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="VideoPlayer",
+            fields=[
+                (
+                    "cmsplugin_ptr",
+                    models.OneToOneField(
+                        auto_created=True,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        parent_link=True,
+                        primary_key=True,
+                        related_name="plugins_videoplayer",
+                        serialize=False,
+                        to="cms.cmsplugin",
+                    ),
+                ),
+                (
+                    "video",
+                    models.ForeignKey(
+                        help_text="The video from the catalog.",
+                        on_delete=django.db.models.deletion.PROTECT,
+                        to="media.video",
+                    ),
+                ),
+            ],
+            options={
+                "abstract": False,
+            },
+            bases=("cms.cmsplugin",),
+        ),
+    ]
diff --git a/src/open_inwoner/cms/plugins/migrations/__init__.py b/src/open_inwoner/cms/plugins/migrations/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/cms/plugins/models/__init__.py b/src/open_inwoner/cms/plugins/models/__init__.py
new file mode 100644
index 0000000000..5c2207220c
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/models/__init__.py
@@ -0,0 +1 @@
+from .videoplayer import VideoPlayer
diff --git a/src/open_inwoner/cms/plugins/models/videoplayer.py b/src/open_inwoner/cms/plugins/models/videoplayer.py
new file mode 100644
index 0000000000..7d3b8a69b0
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/models/videoplayer.py
@@ -0,0 +1,20 @@
+from django.db import models
+from django.utils.translation import gettext_lazy as _
+
+from cms.models import CMSPlugin
+
+from open_inwoner.media.models import Video
+
+
+class VideoPlayer(CMSPlugin):
+    video = models.ForeignKey(
+        Video,
+        help_text=_("The video from the catalog."),
+        on_delete=models.PROTECT,
+    )
+
+    def __str__(self):
+        if self.video_id:
+            return str(self.video)
+        else:
+            return super().__str__()
diff --git a/src/open_inwoner/cms/plugins/tests/__init__.py b/src/open_inwoner/cms/plugins/tests/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/cms/plugins/tests/test_videoplayer.py b/src/open_inwoner/cms/plugins/tests/test_videoplayer.py
new file mode 100644
index 0000000000..d63becf3b8
--- /dev/null
+++ b/src/open_inwoner/cms/plugins/tests/test_videoplayer.py
@@ -0,0 +1,16 @@
+from django.test import TestCase
+
+from open_inwoner.cms.tests import cms_tools
+from open_inwoner.media.tests.factories import VideoFactory
+
+from ..cms_plugins import VideoPlayerPlugin
+
+
+class TestVideoPlayerPlugin(TestCase):
+    def test_plugin(self):
+        video = VideoFactory()
+        html, context = cms_tools.render_plugin(
+            VideoPlayerPlugin, plugin_data={"video": video}
+        )
+        self.assertIn(video.player_url, html)
+        self.assertIn("<iframe ", html)
diff --git a/src/open_inwoner/conf/base.py b/src/open_inwoner/conf/base.py
index 8a358b2c84..31637b7597 100644
--- a/src/open_inwoner/conf/base.py
+++ b/src/open_inwoner/conf/base.py
@@ -207,6 +207,7 @@
     "open_inwoner.questionnaire",
     "open_inwoner.extended_sessions",
     "open_inwoner.custom_csp",
+    "open_inwoner.media",
     "open_inwoner.cms.profile",
     "open_inwoner.cms.cases",
     "open_inwoner.cms.inbox",
@@ -215,6 +216,7 @@
     "open_inwoner.cms.banner",
     "open_inwoner.cms.extensions",
     "open_inwoner.cms.footer",
+    "open_inwoner.cms.plugins",
 ]
 
 MIDDLEWARE = [
@@ -531,6 +533,7 @@
         "plugins": [
             # "TextPlugin",
             "PicturePlugin",
+            "VideoPlayerPlugin",
             "CategoriesPlugin",
             "ActivePlansPlugin",
             "QuestionnairePlugin",
diff --git a/src/open_inwoner/media/__init__.py b/src/open_inwoner/media/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/media/admin/__init__.py b/src/open_inwoner/media/admin/__init__.py
new file mode 100644
index 0000000000..5bead453ba
--- /dev/null
+++ b/src/open_inwoner/media/admin/__init__.py
@@ -0,0 +1 @@
+from .video import VideoAdmin
diff --git a/src/open_inwoner/media/admin/video.py b/src/open_inwoner/media/admin/video.py
new file mode 100644
index 0000000000..3d8234d16f
--- /dev/null
+++ b/src/open_inwoner/media/admin/video.py
@@ -0,0 +1,46 @@
+from django.contrib import admin
+from django.utils.html import format_html
+from django.utils.translation import gettext_lazy as _
+
+from ..models import Video
+
+
+@admin.register(Video)
+class VideoAdmin(admin.ModelAdmin):
+    fields = [
+        "link_id",
+        "title",
+        "player_type",
+        "language",
+        "external_url_link",
+    ]
+    list_display_links = [
+        "link_id",
+        "title",
+    ]
+    list_display = list_display_links + [
+        "player_type",
+        "language",
+        "external_url_link",
+    ]
+    search_fields = [
+        "link_id",
+        "title",
+    ]
+    list_filter = [
+        "player_type",
+    ]
+    readonly_fields = [
+        "external_url_link",
+    ]
+
+    @admin.display(description=_("External URL"), ordering=("player_type", "link_id"))
+    def external_url_link(self, video):
+        if not video.link_id:
+            return "-"
+        url = video.external_url
+        return format_html(
+            '<a href="{url}" rel="noopener" target="_blank">{text}</a>',
+            url=url,
+            text=url,
+        )
diff --git a/src/open_inwoner/media/choices.py b/src/open_inwoner/media/choices.py
new file mode 100644
index 0000000000..cc0a53a9b6
--- /dev/null
+++ b/src/open_inwoner/media/choices.py
@@ -0,0 +1,8 @@
+from django.utils.translation import ugettext_lazy as _
+
+from djchoices import ChoiceItem, DjangoChoices
+
+
+class VideoPlayerChoices(DjangoChoices):
+    vimeo = ChoiceItem("vimeo", _("Vimeo"))
+    youtube = ChoiceItem("youtube", _("Youtube"))
diff --git a/src/open_inwoner/media/migrations/0001_initial.py b/src/open_inwoner/media/migrations/0001_initial.py
new file mode 100644
index 0000000000..bbc96f78f7
--- /dev/null
+++ b/src/open_inwoner/media/migrations/0001_initial.py
@@ -0,0 +1,63 @@
+# Generated by Django 3.2.20 on 2023-09-19 11:53
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="Video",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "link_id",
+                    models.CharField(
+                        help_text="https://vimeo.com/[Video ID] | https://www.youtube.com/watch?v=[Video ID]",
+                        max_length=100,
+                        verbose_name="video ID",
+                    ),
+                ),
+                (
+                    "player_type",
+                    models.CharField(
+                        choices=[("vimeo", "Vimeo"), ("youtube", "Youtube")],
+                        default="vimeo",
+                        max_length=200,
+                        verbose_name="Player type",
+                    ),
+                ),
+                (
+                    "title",
+                    models.CharField(
+                        blank=True, default="", max_length=200, verbose_name="title"
+                    ),
+                ),
+                (
+                    "language",
+                    models.CharField(
+                        choices=[("nl", "Dutch")],
+                        default="nl",
+                        max_length=20,
+                        verbose_name="language",
+                    ),
+                ),
+            ],
+            options={
+                "verbose_name": "Video",
+                "ordering": ("title",),
+            },
+        ),
+    ]
diff --git a/src/open_inwoner/media/migrations/0002_alter_video_link_id.py b/src/open_inwoner/media/migrations/0002_alter_video_link_id.py
new file mode 100644
index 0000000000..91716c2715
--- /dev/null
+++ b/src/open_inwoner/media/migrations/0002_alter_video_link_id.py
@@ -0,0 +1,30 @@
+# Generated by Django 3.2.20 on 2023-09-25 10:01
+
+import re
+
+import django.core.validators
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("media", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="video",
+            name="link_id",
+            field=models.CharField(
+                help_text="https://vimeo.com/[Video ID] | https://www.youtube.com/watch?v=[Video ID]",
+                max_length=100,
+                validators=[
+                    django.core.validators.RegexValidator(
+                        "[a-z0-9_-]", flags=re.RegexFlag["IGNORECASE"]
+                    )
+                ],
+                verbose_name="video ID",
+            ),
+        ),
+    ]
diff --git a/src/open_inwoner/media/migrations/__init__.py b/src/open_inwoner/media/migrations/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/media/models/__init__.py b/src/open_inwoner/media/models/__init__.py
new file mode 100644
index 0000000000..50710afab9
--- /dev/null
+++ b/src/open_inwoner/media/models/__init__.py
@@ -0,0 +1 @@
+from .video import Video  # noqa
diff --git a/src/open_inwoner/media/models/video.py b/src/open_inwoner/media/models/video.py
new file mode 100644
index 0000000000..9d3987c8fb
--- /dev/null
+++ b/src/open_inwoner/media/models/video.py
@@ -0,0 +1,66 @@
+import re
+
+from django.conf import settings
+from django.core.validators import RegexValidator
+from django.db import models
+from django.utils.translation import ugettext_lazy as _
+
+from open_inwoner.media.choices import VideoPlayerChoices
+from open_inwoner.utils.text import middle_truncate
+
+
+class Video(models.Model):
+    link_id = models.CharField(
+        _("video ID"),
+        max_length=100,
+        help_text=_(
+            "https://vimeo.com/[Video ID] | https://www.youtube.com/watch?v=[Video ID]"
+        ),
+        validators=[RegexValidator(r"[a-z0-9_-]", flags=re.IGNORECASE)],
+    )
+    player_type = models.CharField(
+        _("Player type"),
+        max_length=200,
+        default=VideoPlayerChoices.vimeo,
+        choices=VideoPlayerChoices.choices,
+    )
+    title = models.CharField(
+        _("title"),
+        max_length=200,
+        default="",
+        blank=True,
+    )
+    language = models.CharField(
+        _("language"),
+        max_length=20,
+        choices=settings.LANGUAGES,
+        default=settings.LANGUAGE_CODE,
+    )
+
+    class Meta:
+        verbose_name = _("Video")
+        ordering = ("title",)
+
+    def __str__(self):
+        if not self.title:
+            return self.link_id
+
+        return f"{middle_truncate(self.title, 50)} ({self.player_type}: {self.link_id}, {self.language})"
+
+    @property
+    def external_url(self):
+        if self.player_type == VideoPlayerChoices.youtube:
+            return f"https://www.youtube.com/watch?v={self.link_id}&enablejsapi=1"
+        elif self.player_type == VideoPlayerChoices.vimeo:
+            return f"https://vimeo.com/{self.link_id}"
+        else:
+            raise Exception("unsupported player_type")
+
+    @property
+    def player_url(self):
+        if self.player_type == VideoPlayerChoices.youtube:
+            return f"https://www.youtube.com/embed/{self.link_id}?enablejsapi=1&modestbranding=1"
+        elif self.player_type == VideoPlayerChoices.vimeo:
+            return f"https://player.vimeo.com/video/{self.link_id}"
+        else:
+            raise Exception("unsupported player_type")
diff --git a/src/open_inwoner/media/tests/__init__.py b/src/open_inwoner/media/tests/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/open_inwoner/media/tests/factories.py b/src/open_inwoner/media/tests/factories.py
new file mode 100644
index 0000000000..4647b94c97
--- /dev/null
+++ b/src/open_inwoner/media/tests/factories.py
@@ -0,0 +1,12 @@
+import factory
+
+from open_inwoner.media.choices import VideoPlayerChoices
+
+
+class VideoFactory(factory.django.DjangoModelFactory):
+    link_id = factory.Faker("ean13")
+    title = factory.Faker("sentence")
+    player_type = VideoPlayerChoices.vimeo
+
+    class Meta:
+        model = "media.Video"
diff --git a/src/open_inwoner/media/tests/test_admin.py b/src/open_inwoner/media/tests/test_admin.py
new file mode 100644
index 0000000000..896c898d5d
--- /dev/null
+++ b/src/open_inwoner/media/tests/test_admin.py
@@ -0,0 +1,40 @@
+from django.urls import reverse
+
+from cms.utils.permissions import set_current_user
+from django_webtest import WebTest
+
+from open_inwoner.accounts.tests.factories import UserFactory
+
+from .factories import VideoFactory
+
+
+class VideoAdminTests(WebTest):
+    def setUp(self):
+        set_current_user(
+            None
+        )  # otherwise will assume previous user is logged in (who is often deleted after test)
+        return super().setUp()
+
+    def test_get_changelist(self):
+        user = UserFactory(is_staff=True, is_superuser=True)
+        url = reverse("admin:media_video_changelist")
+        response = self.app.get(url, user=user)
+        self.assertEqual(response.status_code, 200)
+
+    def test_get_changelist_with_videos(self):
+        video = VideoFactory()
+        user = UserFactory(is_staff=True, is_superuser=True)
+        url = reverse("admin:media_video_changelist")
+        response = self.app.get(url, user=user)
+        self.assertEqual(response.status_code, 200)
+        self.assertContains(response, video.link_id)
+        self.assertContains(response, video.external_url)
+
+    def test_get_change(self):
+        video = VideoFactory()
+        user = UserFactory(is_staff=True, is_superuser=True)
+        url = reverse("admin:media_video_change", kwargs={"object_id": video.id})
+        response = self.app.get(url, user=user)
+        self.assertEqual(response.status_code, 200)
+        self.assertContains(response, video.link_id)
+        self.assertContains(response, video.external_url)
diff --git a/src/open_inwoner/media/tests/test_models.py b/src/open_inwoner/media/tests/test_models.py
new file mode 100644
index 0000000000..c222ff0f7e
--- /dev/null
+++ b/src/open_inwoner/media/tests/test_models.py
@@ -0,0 +1,30 @@
+from django.test import TestCase
+
+from .factories import VideoFactory
+
+
+class VideoTests(TestCase):
+    def test_str(self):
+        video = VideoFactory.build(link_id="123", title="Anne")
+        self.assertEqual(str(video), "Anne (vimeo: 123, nl)")
+
+    def test_str_no_title(self):
+        video = VideoFactory.build(link_id="123", title="")
+        self.assertEqual(str(video), "123")
+
+    def test_youtube(self):
+        video = VideoFactory.build(link_id="123", title="", player_type="youtube")
+        self.assertEqual(
+            video.player_url,
+            "https://www.youtube.com/embed/123?enablejsapi=1&modestbranding=1",
+        )
+
+    def test_external_url(self):
+        video = VideoFactory.build()
+        self.assertEqual(video.external_url, "https://vimeo.com/" + video.link_id)
+
+    def test_player_url(self):
+        video = VideoFactory.build()
+        self.assertEqual(
+            video.player_url, "https://player.vimeo.com/video/" + video.link_id
+        )
diff --git a/src/open_inwoner/pdc/migrations/0059_product_video.py b/src/open_inwoner/pdc/migrations/0059_product_video.py
new file mode 100644
index 0000000000..ea523aa502
--- /dev/null
+++ b/src/open_inwoner/pdc/migrations/0059_product_video.py
@@ -0,0 +1,28 @@
+# Generated by Django 3.2.20 on 2023-09-19 12:38
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("media", "0001_initial"),
+        ("pdc", "0058_product_button_text"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="product",
+            name="video",
+            field=models.ForeignKey(
+                blank=True,
+                help_text="Video to show after the intro",
+                null=True,
+                on_delete=django.db.models.deletion.PROTECT,
+                related_name="products",
+                to="media.video",
+                verbose_name="Video",
+            ),
+        ),
+    ]
diff --git a/src/open_inwoner/pdc/models/product.py b/src/open_inwoner/pdc/models/product.py
index c18c2ffb5d..ba8d2521b3 100644
--- a/src/open_inwoner/pdc/models/product.py
+++ b/src/open_inwoner/pdc/models/product.py
@@ -101,6 +101,15 @@ class Product(models.Model):
             "Product content with build-in WYSIWYG editor. By adding '[CTABUTTON]' you can embed a cta-button for linking to the defined form or link"
         ),
     )
+    video = models.ForeignKey(
+        "media.Video",
+        blank=True,
+        null=True,
+        verbose_name=_("Video"),
+        on_delete=models.PROTECT,
+        related_name="products",
+        help_text=_("Video to show after the intro"),
+    )
     categories = models.ManyToManyField(
         "pdc.Category",
         verbose_name=_("Categories"),
diff --git a/src/open_inwoner/pdc/tests/test_product.py b/src/open_inwoner/pdc/tests/test_product.py
index c894c69e94..1dcb17b1b7 100644
--- a/src/open_inwoner/pdc/tests/test_product.py
+++ b/src/open_inwoner/pdc/tests/test_product.py
@@ -8,6 +8,7 @@
 from open_inwoner.accounts.tests.factories import UserFactory
 from open_inwoner.questionnaire.tests.factories import QuestionnaireStepFactory
 
+from ...media.tests.factories import VideoFactory
 from ..models import CategoryProduct
 from .factories import CategoryFactory, ProductFactory, QuestionFactory
 
@@ -295,6 +296,24 @@ def test_content_html_escape(self):
         self.assertContains(response, "<strong>test</strong>")
 
 
+@override_settings(ROOT_URLCONF="open_inwoner.cms.tests.urls")
+class TestProductVideo(WebTest):
+    def test_product_video_is_rendered(self):
+        video = VideoFactory()
+        product = ProductFactory(
+            content="Some content",
+            link="http://www.example.com",
+            video=video,
+        )
+        response = self.app.get(
+            reverse("products:product_detail", kwargs={"slug": product.slug})
+        )
+        video_frames = response.pyquery(".video iframe")
+        self.assertEqual(len(video_frames), 1)
+        iframe = video_frames[0]
+        self.assertEqual(iframe.attrib["src"], video.player_url)
+
+
 @override_settings(ROOT_URLCONF="open_inwoner.cms.tests.urls")
 class TestProductDetailView(WebTest):
     def test_subheadings_in_sidebar(self):
diff --git a/src/open_inwoner/scss/components/Video/Video.scss b/src/open_inwoner/scss/components/Video/Video.scss
new file mode 100644
index 0000000000..7609c3cb96
--- /dev/null
+++ b/src/open_inwoner/scss/components/Video/Video.scss
@@ -0,0 +1,21 @@
+.video {
+  margin: var(--spacing-large) 0;
+  max-width: var(--mobile-s-width);
+
+  &__player {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: 56.25%; /* 16:9 Aspect Ratio for modern videos (divide 9 by 16 = 0.5625) */
+  }
+
+  &__iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
diff --git a/src/open_inwoner/scss/components/_index.scss b/src/open_inwoner/scss/components/_index.scss
index 050955c39b..e979115af2 100644
--- a/src/open_inwoner/scss/components/_index.scss
+++ b/src/open_inwoner/scss/components/_index.scss
@@ -93,6 +93,7 @@
 @import './Typography/Link.scss';
 @import './Typography/LinkList.scss';
 @import './Typography/P.scss';
+@import './Video/Video.scss';
 @import './modal/modal';
 @import './Emoji/Emoji.scss';
 @import './Profile/personal-information';
diff --git a/src/open_inwoner/templates/cms/plugins/videoplayer/videoplayer.html b/src/open_inwoner/templates/cms/plugins/videoplayer/videoplayer.html
new file mode 100644
index 0000000000..4fbd274384
--- /dev/null
+++ b/src/open_inwoner/templates/cms/plugins/videoplayer/videoplayer.html
@@ -0,0 +1,7 @@
+<section class="video{% if instance.full_width %} video--full-width{% endif %} video--{{ instance.video.player_type }}">
+    <div class="video__container">
+        <div class="video__player">
+            <iframe class="video__iframe video__iframe--{{ instance.video.player_type }}" id="video-{{ instance.pk }}-{{ instance.video.pk }}" src="{{ instance.video.player_url }}" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; fullscreen"></iframe>
+        </div>
+    </div>
+</section>
diff --git a/src/open_inwoner/templates/pages/product/detail.html b/src/open_inwoner/templates/pages/product/detail.html
index 82ccfeef5e..186b9cf8ca 100644
--- a/src/open_inwoner/templates/pages/product/detail.html
+++ b/src/open_inwoner/templates/pages/product/detail.html
@@ -36,6 +36,11 @@ <h1 class="h1" id="title">
     <p class="p">{{ object.summary }}</p>
     {{ object|product_ckeditor_content|safe }}
 
+    {% if object.video %}
+        {# duck-type the fact the videoplayer plugin also uses .video for the Video #}
+        {% include "cms/plugins/videoplayer/videoplayer.html" with instance=object %}
+    {% endif %}
+
     {% if object.question_set.exists or object.files.exists or object.conditions.exists or object.locations.exists or product_links.exists or object.related_products.published.exists or object.contacts.exists %}
         <hr class="divider">
     {% endif %}
diff --git a/src/open_inwoner/utils/tests/test_text.py b/src/open_inwoner/utils/tests/test_text.py
new file mode 100644
index 0000000000..28024fa657
--- /dev/null
+++ b/src/open_inwoner/utils/tests/test_text.py
@@ -0,0 +1,11 @@
+from django.test import TestCase
+
+from open_inwoner.utils.text import middle_truncate
+
+
+class TextTestCase(TestCase):
+    def test_middle_truncate(self):
+        self.assertEqual(middle_truncate("abc", 5), "abc")
+        self.assertEqual(
+            middle_truncate("a_pretty_long_file_name.jpg", 23), "a_pretty...le_name.jpg"
+        )
diff --git a/src/open_inwoner/utils/text.py b/src/open_inwoner/utils/text.py
new file mode 100644
index 0000000000..1dfe0c4d4a
--- /dev/null
+++ b/src/open_inwoner/utils/text.py
@@ -0,0 +1,5 @@
+def middle_truncate(value: str, length: int, dots="...") -> str:
+    if len(value) <= length:
+        return value
+    half = int(length / 2)
+    return f"{value[: half - len(dots)]}{dots}{value[-half:]}"