diff --git a/example/templates/contact.html b/example/templates/contact.html
index 756b717..8501156 100644
--- a/example/templates/contact.html
+++ b/example/templates/contact.html
@@ -1,5 +1,6 @@
 {% load i18n cms %}
-<section class="contact">
+
+<section class="contact" id="{{section.title|slugify}}">
     <div class="wrapper">
         <div class="title">
             <h1>{{section.title}}</h1>
diff --git a/example/templates/images.html b/example/templates/images.html
index 7cc94f6..5cc782a 100644
--- a/example/templates/images.html
+++ b/example/templates/images.html
@@ -1,6 +1,6 @@
 {% load thumbnail i18n cms %}
 
-<section class="images">
+<section class="images" id="{{section.title|slugify}}">
     <div class="images">
         {% for image in section.images.all %}
             <div class="image">
diff --git a/example/templates/text.html b/example/templates/text.html
index 22ac7e7..d9fce21 100644
--- a/example/templates/text.html
+++ b/example/templates/text.html
@@ -1,6 +1,6 @@
 {% load i18n cms %}
 
-<section class="text">
+<section class="text" id="{{section.title|slugify}}">
     <div class="wrapper">
         <div class="title">
             <h1>
diff --git a/example/templates/video.html b/example/templates/video.html
index 8decdcb..837c3a9 100644
--- a/example/templates/video.html
+++ b/example/templates/video.html
@@ -1,6 +1,6 @@
 {% load embed_video_tags i18n cms %}
 
-<section class="video">
+<section class="video" id="{{section.title|slugify}}">
     {% if section.video %}
         <div class="video">
             <div class="iframe">