Updating Salesforce we-to-case

JairNeto1 · Sep 11, 2022 · be1049a · be1049a
1 parent aa3d10e
commit be1049a
Show file tree

Hide file tree

Showing 6 changed files with 149 additions and 4 deletions.
diff --git a/SF_form.html b/SF_form.html
@@ -0,0 +1,47 @@
+<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+<link
+  rel="stylesheet"
+  href="./assets/styles/SF_form
+.css"
+/>
+
+<link
+  rel="shortcut icon"
+  type="image/x-icon"
+  href="./assets/img/trustly-logo.ico"
+/>
+
+<form
+  action="https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8"
+  method="POST"
+>
+  <input type="hidden" name="orgid" value="00D8c000008ZBzq" />
+  <input
+    type="hidden"
+    name="retURL"
+    value="https://trustlyintegration.herokuapp.com/thank-you.html"
+  />
+
+  <label for="name">Contact Name</label
+  ><input id="name" maxlength="80" name="name" size="20" type="text" /><br />
+
+  <label for="email">Email</label
+  ><input id="email" maxlength="80" name="email" size="20" type="text" /><br />
+
+  <label for="phone">Phone</label
+  ><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br />
+
+  <label for="subject">Subject</label
+  ><input
+    id="subject"
+    maxlength="80"
+    name="subject"
+    size="20"
+    type="text"
+  /><br />
+
+  <label for="description">Description</label
+  ><textarea name="description"></textarea><br />
+
+  <input type="submit" name="submit" />
+</form>
diff --git a/assets/styles/SF_form.css b/assets/styles/SF_form.css
@@ -0,0 +1,23 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
+
+* {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+}
+
+html,
+body {
+  margin: 0;
+  font-family: 'Lato', sans-serif;
+  color: #535353;
+}
+
+body {
+  height: 100vh;
+}
+
+:focus {
+  outline-style: none;
+  outline-color: transparent;
+  background-color: #ebf9fd;
+}
diff --git a/assets/styles/thank-you_form.css b/assets/styles/thank-you_form.css
@@ -0,0 +1,23 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
+
+* {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+}
+
+html,
+body {
+  margin: 0;
+  font-family: 'Lato', sans-serif;
+  color: #535353;
+}
+
+body {
+  height: 100vh;
+}
+
+:focus {
+  outline-style: none;
+  outline-color: transparent;
+  background-color: #ebf9fd;
+}
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
     <link rel="stylesheet" href="./assets/styles/main.css" />
 
     <script src="./src/index.js" defer></script>
@@ -52,9 +53,7 @@
         <div class="footer">
           <div id="page-footer" class="grid grid-pad"></div>
           <div class="leftfooter">
-            <a href="https://www.trustly.net/us/contact-form" target="_blank"
-              >Contact Us</a
-            >
+            <a href="SF_form.html" target="_blank">Contact Us</a>
             |
             <a href="https://www.trustly.net/us/" target="_blank"
               >Visit our Website</a

diff --git a/thank-you.html b/thank-you.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="./assets/styles/main.css" />
+    <link rel="stylesheet" href="./assets/styles/thank-you_form.css" />
     <link
       rel="shortcut icon"
       type="image/x-icon"

diff --git a/thank-you_form b/thank-you_form
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="./assets/styles/main.css" />
+    <link
+      rel="shortcut icon"
+      type="image/x-icon"
+      href="./assets/img/trustly-logo.ico"
+    />
+    <title>Integration</title>
+  </head>
+
+  <body>
+    <div class="container">
+      <header class="header">
+        <div class="content-container">
+          <img src="./assets/img/white-logo2.svg" class="globex-logo" />
+        </div>
+      </header>
+
+      <main class="main">
+        <a class="back-anchor" href="./index.html">
+          <img src="./assets/img/arrow-left.svg" alt="" />
+          Home
+        </a>
+        <h1>Your Submission has been successfully Applied to US Support!</h1>
+        <img src="./assets/img/order-completed.svg" alt="" />
+      </main>
+
+      <footer class="content-container">
+        <div class="footer">
+          <div id="page-footer" class="grid grid-pad"></div>
+          <div class="leftfooter">
+            <a href="https://www.trustly.net/us/contact-form" target="_blank"
+              >Contact Us</a
+            >
+            |
+            <a href="https://www.trustly.net/us/" target="_blank"
+              >Visit our Website</a
+            >
+          </div>
+          <div class="rightfooter">
+            <span title="1.120.0-2021-06-07T19:29:59Z">®</span> 2021
+            <img src="./assets/img/trial-logofooter.svg" class="logo" />. All
+            rights reserved.
+          </div>
+        </div>
+      </footer>
+    </div>
+  </body>
+</html>