diff --git a/content/en/methods/page/HasShortcode.md b/content/en/methods/page/HasShortcode.md
index 81268ecba2..2846e9535c 100644
--- a/content/en/methods/page/HasShortcode.md
+++ b/content/en/methods/page/HasShortcode.md
@@ -9,41 +9,41 @@ action:
signatures: [PAGE.HasShortcode NAME]
---
-By example, let's use [MathJax] to render a LaTeX mathematical expression:
-
-[MathJax]: https://www.mathjax.org/
-
-{{< code file=contents/physics/lesson-1.md lang=markdown >}}
-Albert Einstein’s theory of special relativity expresses
-the fact that mass and energy are the same physical entity
-and can be changed into each other.
-
-{{}}
-$$
-E=mc^2
-$$
-{{}}
-
-In the equation, the increased relativistic mass (m) of a
-body times the speed of light squared (c2) is equal to
-the kinetic energy (E) of that body.
+By example, let's use [Plotly] to render a chart:
+
+[Plotly]: https://plotly.com/javascript/
+
+{{< code file=contents/example.md lang=markdown >}}
+{{}}
+{
+ "data": [
+ {
+ "x": ["giraffes", "orangutans", "monkeys"],
+ "y": [20, 14, 23],
+ "type": "bar"
+ }
+ ],
+}
+{{}}
{{< /code >}}
The shortcode is simple:
-{{< code file=layouts/shortcodes/math.html >}}
-{{ trim .Inner "\r\n" }}
+{{< code file=layouts/shortcodes/plotly.html >}}
+{{ $id := printf "plotly-%02d" .Ordinal }}
+
+
{{< /code >}}
-Now we can selectively load the required CSS and JavaScript on pages that call the "math" shortcode:
-
+Now we can selectively load the required JavaScript on pages that call the "plotly" shortcode:
{{< code file=layouts/baseof.html >}}
...
- {{ if .HasShortcode "math" }}
-
-
+ {{ if .HasShortcode "plotly" }}
+
{{ end }}
...