procure.o-it.co.za
Open in
urlscan Pro
169.255.28.158
Public Scan
URL:
https://procure.o-it.co.za/
Submission: On August 19 via api from US — Scanned from IT
Submission: On August 19 via api from US — Scanned from IT
Form analysis 2 forms found in the DOM
GET https://procure.o-it.co.za/
<form role="search" method="get" class="search-form" action="https://procure.o-it.co.za/">
<label for="search-field">
<span class="screen-reader-text">Search for:</span>
<input type="search" id="search-field" class="search-field" placeholder="Search..." value="" name="s" tabindex="-1">
<button class="search-submit ast-search-submit" aria-label="Search Submit">
<span hidden="">Search</span>
<i><span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-893 488 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
<path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3 c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7 L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5 C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z"></path>
</svg></span></i>
</button>
</label>
</form>POST /#wpcf7-f6-p10-o1
<form action="/#wpcf7-f6-p10-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="6">
<input type="hidden" name="_wpcf7_version" value="5.9.8">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f6-p10-o1">
<input type="hidden" name="_wpcf7_container_post" value="10">
<input type="hidden" name="_wpcf7_posted_data_hash" value="">
<input type="hidden" name="_uacf7_hidden_conditional_fields" value="[]">
</div>
<style>
:root {
--uacf7-slider-Selection-Color:
#1e90ff;
--uacf7-slider-handle-color:
#3498db;
--uacf7-slider-handle-width:
24px;
--uacf7-slider-handle-height:
24px;
--uacf7-slider-handle-border-radius:
24px;
--uacf7-slider-range-slider-height:
9px;
}
.uacf7-form-6 .ui-slider-horizontal .ui-slider-range {
background-color:
#1e90ff;
height:
9px;
}
.uacf7-form-6 .ui-widget.ui-widget-content {
height:
9px;
border: 1px solid #1e90ff;
background-color: #EEE;
}
.uacf7-form-6 .ui-state-default,
.ui-widget-content .ui-state-default {
background-color:
#3498db;
width:
24px;
height:
24px;
border-radius:
24px;
cursor: pointer;
border: none !important;
top: -8px;
position: absolute;
}
.uacf7-form-6 .ui-slider-horizontal .ui-slider-handle {
top: -8.5px;
}
.uacf7-form-6 input[type=range] {
background-color:
#1e90ff;
height:
9px;
border-radius: 5px;
}
.uacf7-form-6 .ui-slider-horizontal {
height:
9px;
}
.uacf7-form-6 .uacf7-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width:
24px;
height:
24px;
background:
#3498db;
border-radius:
24 px;
cursor: pointer;
}
.uacf7-form-6 .uacf7-slider::-moz-range-thumb {
width:
24px;
height:
24px;
background:
#3498db;
border-radius:
24 px;
cursor: pointer;
}
</style>
<div class="uacf7-form-6">
<style>
.uacf7-uacf7style-6 label {
font-style: normal;
font-weight: normal;
}
.uacf7-uacf7style-6 input[type="email"],
.uacf7-uacf7style-6 input[type="number"],
.uacf7-uacf7style-6 input[type="password"],
.uacf7-uacf7style-6 input[type="search"],
.uacf7-uacf7style-6 input[type="tel"],
.uacf7-uacf7style-6 input[type="text"],
.uacf7-uacf7style-6 input[type="url"],
.uacf7-uacf7style-6 input[type="date"],
.uacf7-uacf7style-6 select,
.uacf7-uacf7style-6 textarea {
font-style: normal;
font-weight: normal;
border-style: solid;
}
.uacf7-uacf7style-6 .wpcf7-radio span,
.uacf7-uacf7style-6 .wpcf7-checkbox span {
font-style: normal;
font-weight: normal;
}
.uacf7-uacf7style-6 textarea {}
.wpcf7-form-control-wrap select {
width: 100%;
}
.uacf7-uacf7style-6 input[type="submit"] {
font-style: normal;
font-weight: normal;
border-style: none;
}
.uacf7-uacf7style-6 input[type="submit"]:hover {}
.form-section {
max-width: 800px;
margin: 0 auto;
}
.form-section h3 {
font-size: 1.5em;
color: #333;
margin-top: 30px;
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
}
.form-section p.subheading {
font-size: 1.1em;
color: #666;
margin-bottom: 15px;
}
.form-section .flex-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 15px;
}
.form-section .flex-container div {
flex: 1;
min-width: 200px;
}
.form-section .submit-container {
margin-top: 20px;
}
.user-fields-container {
margin-top: 20px;
}
.button-container {
margin-top: 10px;
}
#user-table {
width: 100%;
border-collapse: collapse;
}
#user-table th,
#user-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
#user-table th {
background-color: #f4f4f4;
}
#user-table td {
font-size: 0.9em;
/* Smaller text for user details */
}
.remove-user {
color: red;
cursor: pointer;
}
.button-container {
margin-top: 10px;
display: flex;
/* Use flexbox to arrange buttons in a row */
gap: 10px;
/* Add some space between the buttons */
justify-content: flex-start;
/* Align the buttons to the start of the container */
}
.button-container button {
background-color: #00ffff;
/* Cyan background */
color: #000;
/* Black text */
font-family: 'Montserrat', sans-serif;
/* Montserrat font */
border: 1px solid #00ffff;
/* Cyan border */
border-radius: 4px;
/* Rounded corners */
padding: 10px 20px;
/* Spacing around text */
font-size: 16px;
/* Font size */
cursor: pointer;
/* Pointer cursor on hover */
transition: background-color 0.3s, border-color 0.3s;
/* Smooth transition */
}
.button-container button:hover {
background-color: #00e0e0;
/* Darker cyan on hover */
border-color: #00e0e0;
/* Darker cyan border on hover */
}
.button-container button:disabled {
background-color: #e0e0e0;
/* Light grey background for disabled */
color: #a0a0a0;
/* Dark grey text for disabled */
border: 1px solid #d0d0d0;
/* Light grey border for disabled */
cursor: not-allowed;
/* Not-allowed cursor for disabled */
}
.button-container button:disabled:hover {
background-color: #e0e0e0;
/* Same light grey background on hover */
border-color: #d0d0d0;
/* Same light grey border on hover */
}
/* Style for error message */
#error-message {
font-size: 14px;
/* Font size for error message */
margin-top: 10px;
/* Spacing above error message */
}
.equipment-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.equipment-container label {
margin-right: 15px;
}
</style>
<div class="uacf7-uacf7style uacf7-uacf7style-6">
<div class="uacf7-form-6">
<div class="form-section">
<!-- Company Name & Technolutions - Account Code -->
<div class="flex-container">
<div>
<span class="wpcf7-form-control-wrap" data-name="company-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Company Name"
value="" type="text" name="company-name"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="account-code"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"
placeholder="Technolutions - Account Code" value="" type="text" name="account-code"></span>
</div>
</div>
<!-- Contract Primary Contact (First and Last Name) -->
<div class="flex-container">
<div>
<span class="wpcf7-form-control-wrap" data-name="first-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="First Name" value=""
type="text" name="first-name"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="last-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Last Name" value=""
type="text" name="last-name"></span>
</div>
</div>
<!-- Phone & Email -->
<div class="flex-container">
<div>
<span class="wpcf7-form-control-wrap" data-name="phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" aria-required="true" aria-invalid="false"
placeholder="Phone" value="" type="tel" name="phone"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false"
placeholder="Email" value="" type="email" name="email"></span>
</div>
</div>
<!-- Onboarding user information -->
<h3>Onboarding user information</h3>
<p class="subheading">This form can be used for onboarding, offboarding, or both.</p>
<div style="margin-top: 10px;">
<span class="wpcf7-form-control-wrap" data-name="form-choice"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="form-choice">
<option value="">—Please choose an option—</option>
<option value="Onboard a New User">Onboard a New User</option>
<option value="Offboard an Existing User">Offboard an Existing User</option>
</select></span>
</div>
<!-- User Info Table -->
<div id="user-info-table" style="display: none; margin-top: 20px;">
<table id="user-table">
<thead>
<tr>
<th>Name</th>
<th>Surname</th>
<th>Start Date</th>
<th>Title / Role</th>
<th>Email</th>
<th>Phone</th>
<th>Action</th>
</tr>
</thead>
<tbody id="user-table-body">
<!-- User rows will be inserted here -->
</tbody>
</table>
</div>
<!-- User Onboarding Section -->
<div id="user-onboarding-section" style="display: none;">
<!-- User Info Fields -->
<div class="user-fields-container" style="display: none;">
<div class="flex-container">
<div>
<span class="wpcf7-form-control-wrap" data-name="user-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Name" value="" type="text" name="user-name"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="user-surname"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Surname" value="" type="text" name="user-surname"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="start-date"><input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" placeholder="Start Date" value="" type="date" name="start-date"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="user-title"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Title / Role" value="" type="text" name="user-title"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="user-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email" aria-invalid="false" placeholder="Email" value="" type="email"
name="user-email"></span>
</div>
<div>
<span class="wpcf7-form-control-wrap" data-name="user-phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" aria-invalid="false" placeholder="Phone" value="" type="tel"
name="user-phone"></span>
</div>
</div>
</div>
<!-- Done and Add Another User Buttons -->
<div class="button-container" style="margin-top: 10px;">
<button class="done-button" type="button" disabled="">Done</button>
<button id="add-user" type="button" style="display: none;">Add Another User</button>
</div>
</div>
<!-- Procurement Section -->
<div id="procurement-section" style="display: none; margin-top: 20px;">
<label>Do you require us to assist you with the procurement of User Equipment and Software?</label>
<select id="procurement-choice">
<option value="no">No</option>
<option value="yes">Yes</option>
</select>
<!-- Equipment Options will be shown if "Yes" is selected -->
<div id="equipment-options" style="display: none; margin-top: 10px;">
<h4>Equipment Options</h4>
<div class="equipment-container">
<label><input type="checkbox" name="equipment" value="laptop-pc"> 1 - Laptop/PC</label>
<label><input type="checkbox" name="equipment" value="o365-license"> 2 - O365 License</label>
<label><input type="checkbox" name="equipment" value="voip-phone"> 3 - VOIP Phone / Extension</label>
<label><input type="checkbox" name="equipment" value="anti-virus"> 4 - Anti-Virus</label>
</div>
</div>
</div>
<!-- Dropdown for Office 365 Backup -->
<div style="margin-top: 10px;">
<label for="office-365-backup">Add Office 365 Backup to this account:</label>
<span class="wpcf7-form-control-wrap" data-name="office-365-backup"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="office-365-backup">
<option value="Select an option">Select an option</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></span>
</div>
<!-- Dropdown for Cloud Backup -->
<div style="margin-top: 10px;">
<label for="cloud-backup">Add Cloud Backup to this user's device:</label>
<span class="wpcf7-form-control-wrap" data-name="cloud-backup"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="cloud-backup">
<option value="Select an option">Select an option</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></span>
</div>
<!-- Conditional Checkbox for Data Responsibility -->
<div class="data-responsibility" style="display: none; margin-top: 20px;">
<span class="wpcf7-form-control-wrap" data-name="data-responsibility"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span class="wpcf7-list-item first last"><input type="checkbox" name="data-responsibility[]"
value="I acknowledge that my data is my responsibility and agree to the terms."><span class="wpcf7-list-item-label">I acknowledge that my data is my responsibility and agree to the terms.</span></span></span></span>
</div>
<!-- Authorized Customer Representative Signature -->
<h3>Authorized Customer Representative</h3>
<p class="subheading">Signature</p>
<div>
<div class="dscf7_signature">
<div class="dscf7_signature_inner">
<canvas id="digital_signature-pad_signature-1" name="signature-1" class="digital_signature-pad" color="#000000" backcolor="#dddddd" width="400" height="200" style="touch-action: none;"></canvas>
<input class="clearButton" type="button" value="+">
</div>
<span class="wpcf7-form-control-wrap signature-1" data-name="signature-1">
<input class="wpcf7-form-control wpcf7-signature wpcf7-validates-as-required wpcf7-validates-as-signature dscf7-signature" value="" type="hidden" name="signature-1">
<input type="hidden" name="signature-1-attachment" class="wpcf7_input_signature-1_attachment">
<input type="hidden" name="signature-1-inline" class="wpcf7_input_signature-1_inline">
</span>
</div>
</div>
<!-- Submit Button -->
<div class="submit-container">
<input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Submit"><span class="wpcf7-spinner"></span>
</div>
</div>
</div>
</div>
</div>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</form>Text Content
Skip to content Main Menu Search for: Search Search * procurement form CUSTOMER PROCUREMENT Onboarding / Offboarding form As a Technolutions customer with an MSP Contract, we would like to ensure that adding and removing users to your business is made as easy and as accurate as possible. Please take note that due to the sensitive nature of the company’s data, Technolutions staff can only add or remove a user once this form is completed. This user onboarding and offboarding form will provide the information required to process the changes and result in the necessary ticket generation to prove the request was made and carried through to completion. Please note, that only the Customer Primary Contact (Director or delegated staff member) may authorize the onboarding and offboarding of users as doing so will result in users being added to the company domain and network and therefore having access to company systems, data and intellectual property. In addition to this, it affects the MSP Contract and will result in an increase or decrease in billing at the agreed upon MSP Contract rates. COMPANY INFORMATION ONBOARDING USER INFORMATION This form can be used for onboarding, offboarding, or both. —Please choose an option—Onboard a New UserOffboard an Existing User Name Surname Start Date Title / Role Email Phone Action Done Add Another User Do you require us to assist you with the procurement of User Equipment and Software? No Yes EQUIPMENT OPTIONS 1 - Laptop/ PC 2 - O365 License 3 - VOIP Phone / Extension 4 - Anti-Virus Add Office 365 Backup to this account: Select an optionYesNo Add Cloud Backup to this user's device: Select an optionYesNo I acknowledge that my data is my responsibility and agree to the terms. AUTHORIZED CUSTOMER REPRESENTATIVE Signature Scroll to Top