diff --git a/hc/front/forms.py b/hc/front/forms.py
index 8460fd66..17afd8c6 100644
--- a/hc/front/forms.py
+++ b/hc/front/forms.py
@@ -36,12 +36,14 @@ class AddChannelForm(forms.ModelForm):
 
 class AddPdForm(forms.Form):
     error_css_class = "has-error"
-    value = forms.CharField(max_length=20)
+    value = forms.CharField(max_length=32)
+
 
 class AddOpsGenieForm(forms.Form):
     error_css_class = "has-error"
     value = forms.CharField(max_length=40)
 
+
 class AddEmailForm(forms.Form):
     error_css_class = "has-error"
     value = forms.EmailField(max_length=100)
diff --git a/hc/front/tests/test_add_pd.py b/hc/front/tests/test_add_pd.py
index 157ef137..97ebddcd 100644
--- a/hc/front/tests/test_add_pd.py
+++ b/hc/front/tests/test_add_pd.py
@@ -11,7 +11,8 @@ class AddPdTestCase(BaseTestCase):
         self.assertContains(r, "incident management system")
 
     def test_it_works(self):
-        form = {"value": "123456"}
+        # Integration key is 32 characters long
+        form = {"value": "12345678901234567890123456789012"}
 
         self.client.login(username="alice@example.org", password="password")
         r = self.client.post(self.url, form)
diff --git a/static/img/integrations/setup_pd_1.png b/static/img/integrations/setup_pd_1.png
index f3f3d5ac..0255a9af 100644
Binary files a/static/img/integrations/setup_pd_1.png and b/static/img/integrations/setup_pd_1.png differ
diff --git a/static/img/integrations/setup_pd_2.png b/static/img/integrations/setup_pd_2.png
index 38d5067e..f0d5b1dd 100644
Binary files a/static/img/integrations/setup_pd_2.png and b/static/img/integrations/setup_pd_2.png differ
diff --git a/templates/integrations/add_pd.html b/templates/integrations/add_pd.html
index 3ad1b11d..73d1f930 100644
--- a/templates/integrations/add_pd.html
+++ b/templates/integrations/add_pd.html
@@ -42,7 +42,7 @@
         <div class="col-sm-6">
             <span class="step-no">2</span>
             After adding the new service, take note of its
-            <strong>API key</strong>, a long string
+            <strong>Integration Key</strong>, a long string
             of letters and digits.
 
         </div>
@@ -57,7 +57,7 @@
     <div class="row ai-step">
         <div class="col-sm-6">
             <span class="step-no">3</span>
-            <p>Paste the API key down below. Save the integration, and it's done!</p>
+            <p>Paste the Integration Key down below. Save the integration, and it's done!</p>
         </div>
     </div>
 
@@ -66,8 +66,8 @@
     <form method="post" class="form-horizontal" action="{% url 'hc-add-pd' %}">
         {% csrf_token %}
         <div class="form-group {{ form.value.css_classes }}">
-            <label for="api-key" class="col-sm-2 control-label">API Key</label>
-            <div class="col-sm-3">
+            <label for="api-key" class="col-sm-2 control-label">Integration Key</label>
+            <div class="col-sm-4">
                 <input
                     id="api-key"
                     type="text"