diff --git a/exampleSite/content/home/shortcodes/slide.md b/exampleSite/content/home/shortcodes/slide.md
index 6a135c1..a7ca478 100644
--- a/exampleSite/content/home/shortcodes/slide.md
+++ b/exampleSite/content/home/shortcodes/slide.md
@@ -24,53 +24,65 @@ Add the shortcode above the slide's content, below the `---`.
---
-{{< slide id="custom-1" transition="zoom" transition-speed="fast" >}}
+{{< slide transition="zoom" transition-speed="fast" >}}
## Custom slide 1
-This slide has a fast zoom transition.
+Did you notice? This slide has a fast zoom transition.
```markdown
-{{* slide id="custom-1" transition="zoom" transition-speed="fast" */>}}
+---
+
+{{* slide transition="zoom" transition-speed="fast" */>}}
## Custom slide 1
+
+---
```
---
-{{< slide id="custom-2" background="#FF4081" >}}
+{{< slide background="#FF4081" >}}
## Custom slide 2
This slide has a different background color.
```markdown
-{{* slide id="custom-2" background="#FF4081" */>}}
+---
+
+{{* slide background="#FF4081" */>}}
## Custom slide 2
+
+---
```
---
+{{< slide id="custom-slide" >}}
+
💡 Tip: Setting a slide's `id` attribute makes it easy to link to from other parts of the presentation.
```markdown
---
-{{* slide id="custom-1" */>}}
-## Custom slide 1
+{{* slide id="custom-slide" */>}}
+
+## Custom slide
---
```
+---
+
```markdown
-Go to [custom slide 1](#custom-1)
+[Try the link](#custom-slide)
```
-
-Go to [custom slide 1](#custom-1)
-
+
+[Try the link](#custom-slide)
---