diff --git a/_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html b/_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html
index 1411a2036..0610f7ccc 100755
--- a/_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html
+++ b/_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html
@@ -6,7 +6,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  Display and customize contour data for each axis using the `contours` attribute ([reference](plot.ly/javascript/reference/surface/#surface-contours)).
+  Display and customize contour data for each axis using the `contours` attribute ([reference](/javascript/reference/surface/#surface-contours)).
 
 ---
 
diff --git a/_posts/plotly_js/controls/2024-05-27-plotly_js-controls-index.md b/_posts/plotly_js/controls/2024-05-27-plotly_js-controls-index.md
new file mode 100644
index 000000000..89fab73b4
--- /dev/null
+++ b/_posts/plotly_js/controls/2024-05-27-plotly_js-controls-index.md
@@ -0,0 +1,28 @@
+---
+permalink: javascript/controls/
+description: Plotly.js makes interactive, publication-quality graphs online. Examples of how to make controls in charts.
+name: Add Custom Controls
+layout: langindex
+language: plotly_js
+display_as: controls
+thumbnail: thumbnail/mixed.jpg
+page_type: example_index
+---
+
+
+<header class="--welcome">
+	<div class="--welcome-body">
+		<!--div.--wrap-inner-->
+		<div class="--title">
+
+			<div class="--body">
+				<h1>Add Custom Controls</h1>
+				<p>{{page.description}}</p>
+				{% include layouts/dashplug.html %}
+			</div>
+		</div>
+	</div>
+</header>
+
+		{% assign languagelist = site.posts | where:"language","plotly_js" | where:"display_as","controls" | where: "layout","base" | sort: "order" %}
+        {% include posts/documentation_eg.html %}
diff --git a/_posts/plotly_js/scientific/heatmap/2015-04-09-labelled-heatmap.html b/_posts/plotly_js/scientific/heatmap/2015-04-09-labelled-heatmap.html
index 4e2854785..19275880c 100755
--- a/_posts/plotly_js/scientific/heatmap/2015-04-09-labelled-heatmap.html
+++ b/_posts/plotly_js/scientific/heatmap/2015-04-09-labelled-heatmap.html
@@ -7,7 +7,7 @@
 arrangement: horizontal
 markdown_content: |
 
-    In this example we also show how to ignore [hovertext](https://plotly.com/javascript/hover-text-and-formatting/) when we have [missing values](https://plotly.com/javascript/missing_values) in the data by setting the [hoverongaps](https://plotly.com/javascript/reference/heatmap/#heatmap-hoverongaps) to False.
+    In this example we also show how to ignore [hovertext](https://plotly.com/javascript/hover-text-and-formatting/) when we have missing values in the data by setting the [hoverongaps](https://plotly.com/javascript/reference/heatmap/#heatmap-hoverongaps) to False.
 ---
 var data = [
   {