diff --git a/cypress/platform/click_security_loose.html b/cypress/platform/click_security_loose.html
index db5f0952e..765a5b446 100644
--- a/cypress/platform/click_security_loose.html
+++ b/cypress/platform/click_security_loose.html
@@ -16,25 +16,25 @@
   <div id="FirstLine" class="mermaid">
     graph TB
       Function-->URL
-      click Function call clickByFlow "Add a div"
+      click Function call clickByFlow() "Add a div"
       click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
 <div id="FirstLine" class="mermaid">
   graph TB
     1Function--->2URL
-    click 1Function call clickByFlow "Add a div"
+    click 1Function call clickByFlow() "Add a div"
     click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
   <div id="FirstLine" class="mermaid">
     flowchart TB
       Function-->URL
-      click Function call clickByFlow "Add a div"
+      click Function call clickByFlow() "Add a div"
       click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self
 </div>
 <div id="FirstLine" class="mermaid">
   flowchart TB
     1Function--->2URL
-    click 1Function call clickByFlow "Add a div"
+    click 1Function call clickByFlow() "Add a div"
     click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self
 </div>
 
diff --git a/cypress/platform/click_security_other.html b/cypress/platform/click_security_other.html
index 97e3a90df..b68713dbf 100644
--- a/cypress/platform/click_security_other.html
+++ b/cypress/platform/click_security_other.html
@@ -10,14 +10,14 @@
   <div id="FirstLine" class="mermaid">
     graph TB
       Function-->URL
-      click Function clickByFlow "Add a div"
-      click URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
+      click Function call clickByFlow() "Add a div"
+      click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
 <div id="FirstLine" class="mermaid">
   graph TB
     1Function-->2URL
-    click 1Function clickByFlow "Add a div"
-    click 2URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
+    click 1Function call clickByFlow() "Add a div"
+    click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
 
 <div class="mermaid">
diff --git a/cypress/platform/click_security_strict.html b/cypress/platform/click_security_strict.html
index f030caf6b..fe2734840 100644
--- a/cypress/platform/click_security_strict.html
+++ b/cypress/platform/click_security_strict.html
@@ -10,14 +10,14 @@
   <div id="FirstLine" class="mermaid">
     graph TB
       Function-->URL
-      click Function clickByFlow "Add a div"
-      click URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
+      click Function call clickByFlow() "Add a div"
+      click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
 <div id="FirstLine" class="mermaid">
   graph TB
     1Function-->2URL
-    click 1Function clickByFlow "Add a div"
-    click 2URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
+    click 1Function call clickByFlow() "Add a div"
+    click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
 </div>
 
 <div class="mermaid">
diff --git a/docs/flowchart.md b/docs/flowchart.md
index f721b25fa..a09a4180d 100644
--- a/docs/flowchart.md
+++ b/docs/flowchart.md
@@ -594,7 +594,7 @@ flowchart TB
 It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab. **Note**: This functionality is disabled when using `securityLevel='strict'` and enabled when using `securityLevel='loose'`.
 
 ```
-click nodeId callback
+click nodeId call callback
 ```
 
 * nodeId is the id of the node
@@ -613,8 +613,8 @@ Examples of tooltip usage below:
 ```
 graph LR;
     A-->B;
-    click A callback "Tooltip for a callback"
-    click B "http://www.github.com" "This is a tooltip for a link"
+    click A call callback "Tooltip for a callback"
+    click B href "http://www.github.com" "This is a tooltip for a link"
 ```
 
 The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class .mermaidTooltip.
@@ -622,8 +622,8 @@ The tooltip text is surrounded in double quotes. The styles of the tooltip are s
 ```mermaid
 graph LR
     A-->B;
-    click A callback "Tooltip"
-    click B "http://www.github.com" "This is a link"
+    click A call callback "Tooltip"
+    click B href "http://www.github.com" "This is a link"
 ```
 > **Success** The tooltip functionality and the ability to link to urls are available from version 0.5.2.
 
@@ -634,16 +634,16 @@ Links are opened in the same browser tab/window by default. It is possible to ch
 graph LR;
     A-->B;
     B-->C;
-    click A "http://www.github.com" _blank
-    click B "http://www.github.com" "Open this in a new tab" _blank
+    click A href "http://www.github.com" _blank
+    click B href "http://www.github.com" "Open this in a new tab" _blank
 ```
 
 ```mermaid
 graph LR;
     A-->B;
     B-->C;
-    click A "http://www.github.com" _blank
-    click B "http://www.github.com" "Open this in a new tab" _blank
+    click A href "http://www.github.com" _blank
+    click B href "http://www.github.com" "Open this in a new tab" _blank
 ```
 
 Beginners tip, a full example using interactive links in a html context:
@@ -652,8 +652,8 @@ Beginners tip, a full example using interactive links in a html context:
   <div class="mermaid">
     graph LR;
         A-->B;
-        click A callback "Tooltip"
-        click B "http://www.github.com" "This is a link"
+        click A call callback "Tooltip"
+        click B href "http://www.github.com" "This is a link"
   </div>
 
   <script>