Update Spike.sh instructions

CHANGELOG.md

@@ -5,6 +5,7 @@ All notable changes to this project will be documented in this file.
 
 ### Improvements
 - Update Opsgenie instructions
+- Update Spike.sh instructions
 
 ## v3.1 - 2023-12-13
 

templates/integrations/add_spike.html

@@ -20,7 +20,7 @@
                 <span class="step-no"></span>
                 <p>
                     Log into your Spike.sh account and go to
-                    <strong>Integrations › New Integration</strong>.
+                    <strong>Integrations › New integration</strong>.
                     Select "Healthchecks" and click "Next".
                 </p>
             </div>
@@ -30,6 +30,25 @@
             </div>
         </div>
 
+        <div class="row ai-step">
+            <div class="col-sm-6">
+                <span class="step-no"></span>
+                <p>
+                    Give the integration a descriptive <strong>name</strong> and select
+                    the Spike.sh <strong>service</strong> to add it to.
+                </p>
+                <p>
+                    In the following step, create or select an existing
+                    <strong>escalation policy</strong> to associate with the
+                    integration.
+                </p>
+            </div>
+            <div class="col-sm-6">
+                <img class="ai-guide-screenshot" alt="Click create integration button"
+                    src="{% static 'img/integrations/setup_spike_2.png' %}" />
+            </div>
+        </div>
+
         <div class="row ai-step">
             <div class="col-sm-6">
                 <span class="step-no"></span>
@@ -41,7 +60,7 @@
             </div>
             <div class="col-sm-6">
                 <img class="ai-guide-screenshot" alt="Create Healthchecks.io integration with details"
-                    src="{% static 'img/integrations/setup_spike_2.png' %}">
+                    src="{% static 'img/integrations/setup_spike_3.png' %}">
             </div>
         </div>
 
@@ -55,7 +74,7 @@
             </div>
             <div class="col-sm-6">
                 <img class="ai-guide-screenshot" alt="Copy the Webhook URL"
-                    src="{% static 'img/integrations/setup_spike_3.png' %}">
+                    src="{% static 'img/integrations/setup_spike_4.png' %}">
             </div>
         </div>