Facebook YouTube Instagram X (Twitter) Vimeo

Vendor Pay

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VendorPayDio - Diocese of Pensacola-Tallahassee</title> <script type="module" crossorigin="" src="/assets/index-B10b_ubQ.js"></script> <link rel="stylesheet" crossorigin="" href="/assets/index-DdYGEVmK.css"> <div id="root"><div class="mx-auto max-w-[640px] px-4 py-8"><div class="mb-8 text-center"><h1 class="text-2xl font-bold text-gray-900">VendorPay</h1><p class="mt-1 text-sm text-gray-500">Diocese of Pensacola-Tallahassee</p><p class="mt-1 text-sm text-gray-600">Background Check & Badge Portal</p></div><div class="mb-6"><p class="text-sm text-gray-600">Already have an account? <button type="button" class="font-medium text-blue-700 hover:text-blue-900">Log in</button></p></div><form novalidate class="space-y-8"><section><div class="space-y-4"><h3 class="text-lg font-semibold text-gray-900">Employees</h3><p class="text-sm text-gray-600">Enter the first and last name of each employee who needs a background check and badge.</p><div class="space-y-3"><div class="flex items-start gap-3"><div class="flex flex-1 gap-3"><div class="flex-1"><label for="employees.0.firstName" class="block text-sm font-medium text-gray-700">First Name</label><input id="employees.0.firstName" placeholder="First name" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="employees.0.firstName"></div><div class="flex-1"><label for="employees.0.lastName" class="block text-sm font-medium text-gray-700">Last Name</label><input id="employees.0.lastName" placeholder="Last name" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="employees.0.lastName"></div></div></div></div><button type="button" class="rounded-md border border-blue-300 bg-white px-4 py-2 text-sm font-medium text-blue-700 hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-50">+ Add Employee</button></div></section><section><div class="space-y-4"><h3 class="text-lg font-semibold text-gray-900">Company Information</h3><div><label for="companyName" class="block text-sm font-medium text-gray-700">Company Name</label><input id="companyName" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="companyName"></div><div class="grid grid-cols-2 gap-4"><div><label for="contactFirstName" class="block text-sm font-medium text-gray-700">Contact First Name</label><input id="contactFirstName" autocomplete="given-name" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="contactFirstName"></div><div><label for="contactLastName" class="block text-sm font-medium text-gray-700">Contact Last Name</label><input id="contactLastName" autocomplete="family-name" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="contactLastName"></div></div><div class="grid grid-cols-2 gap-4"><div><label for="contactPhone" class="block text-sm font-medium text-gray-700">Contact Phone</label><input id="contactPhone" autocomplete="tel" placeholder="(850) 555-1212" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="tel" value=""></div><div><label for="contactEmail" class="block text-sm font-medium text-gray-700">Contact Email</label><input id="contactEmail" autocomplete="email" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="email" name="contactEmail"></div></div><fieldset class="space-y-3"><legend class="text-sm font-medium text-gray-700">Billing Address</legend><div><label for="billingAddress.street" class="block text-sm font-medium text-gray-700">Street Address</label><input id="billingAddress.street" autocomplete="street-address" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="billingAddress.street"></div><div class="grid grid-cols-6 gap-3"><div class="col-span-3"><label for="billingAddress.city" class="block text-sm font-medium text-gray-700">City</label><input id="billingAddress.city" autocomplete="address-level2" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="billingAddress.city"></div><div class="col-span-1"><label for="billingAddress.state" class="block text-sm font-medium text-gray-700">State</label><select id="billingAddress.state" autocomplete="address-level1" name="billingAddress.state" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300"><option value="">--</option><option value="AL">AL</option><option value="AK">AK</option><option value="AZ">AZ</option><option value="AR">AR</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DE">DE</option><option value="DC">DC</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="IA">IA</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="ME">ME</option><option value="MD">MD</option><option value="MA">MA</option><option value="MI">MI</option><option value="MN">MN</option><option value="MS">MS</option><option value="MO">MO</option><option value="MT">MT</option><option value="NE">NE</option><option value="NV">NV</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NY">NY</option><option value="NC">NC</option><option value="ND">ND</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VT">VT</option><option value="VA">VA</option><option value="WA">WA</option><option value="WV">WV</option><option value="WI">WI</option><option value="WY">WY</option></select></div><div class="col-span-2"><label for="billingAddress.zip" class="block text-sm font-medium text-gray-700">ZIP Code</label><input id="billingAddress.zip" inputmode="numeric" autocomplete="postal-code" maxlength="5" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" value=""></div></div></fieldset><div class="flex items-center gap-2"><input id="mailingAddressSameAsBilling" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" type="checkbox" name="mailingAddressSameAsBilling"><label for="mailingAddressSameAsBilling" class="text-sm text-gray-700">Mailing address same as billing</label></div></div></section><section class="space-y-4"><h3 class="text-lg font-semibold text-gray-900">Your Account</h3><p class="text-sm text-gray-600">We will create an account so you can track your order status and place future orders.</p><div><label for="email" class="block text-sm font-medium text-gray-700">Email Address</label><input id="email" autocomplete="email" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="email" name="email"></div><div class="grid grid-cols-2 gap-4"><div><label for="password" class="block text-sm font-medium text-gray-700">Password</label><input id="password" autocomplete="new-password" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="password" name="password"></div><div><label for="confirmPassword" class="block text-sm font-medium text-gray-700">Confirm Password</label><input id="confirmPassword" autocomplete="new-password" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="password" name="confirmPassword"></div></div></section><section><div class="space-y-4"><h3 class="text-lg font-semibold text-gray-900">Payment Method</h3><div class="flex gap-4"><label class="flex cursor-pointer items-center gap-2"><input class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500" type="radio" value="credit_card" name="paymentMethod"><span class="text-sm font-medium text-gray-700">Credit Card</span></label><label class="flex cursor-pointer items-center gap-2"><input class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500" type="radio" value="ach" name="paymentMethod"><span class="text-sm font-medium text-gray-700">ACH (Bank Account)</span></label></div><div class="space-y-3 rounded-md border border-gray-200 bg-gray-50 p-4"><div><label for="card.cardNumber" class="block text-sm font-medium text-gray-700">Card Number</label><input id="card.cardNumber" inputmode="numeric" autocomplete="cc-number" maxlength="19" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" value=""></div><div class="grid grid-cols-3 gap-3"><div><label for="card.expireMonth" class="block text-sm font-medium text-gray-700">Month</label><select id="card.expireMonth" autocomplete="cc-exp-month" name="card.expireMonth" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300"><option value="">--</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select></div><div><label for="card.expireYear" class="block text-sm font-medium text-gray-700">Year</label><select id="card.expireYear" autocomplete="cc-exp-year" name="card.expireYear" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300"><option value="">--</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option></select></div><div><label for="card.cvv" class="block text-sm font-medium text-gray-700">CVV</label><input id="card.cvv" inputmode="numeric" autocomplete="cc-csc" maxlength="3" placeholder="3 digits" class="mt-1 block w-full rounded-md border px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border-gray-300" type="text" name="card.cvv"></div></div><div><label for="card.nameOnCard" class="block text-sm font-medium text-gray-700">Name on Card <span class="font-normal text-gray-400">(optional)</span></label><input id="card.nameOnCard" autocomplete="cc-name" class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500" type="text" name="card.nameOnCard"></div></div></div></section><section><div class="rounded-md border border-gray-200 bg-white p-4"><h3 class="text-lg font-semibold text-gray-900">Order Summary</h3><div class="mt-3 space-y-2"><div class="flex items-center justify-between text-sm text-gray-700"><span>1 employee x $120.00</span><span class="font-medium">$120.00</span></div><div class="border-t border-gray-200 pt-2"><div class="flex items-center justify-between text-base font-semibold text-gray-900"><span>Total</span><span>$120.00</span></div></div></div></div></section><button type="submit" class="w-full rounded-md bg-blue-600 px-6 py-3 text-base font-semibold text-white shadow-sm hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50">Place Order — $120.00</button></form></div></div>
- Offices
  - Communications
    
    Communications
    Press Releases and Statements
    The Catholic Compass
    Podcasts
    Diocesan YouTube Channel
    Parish Resources
    NewsNotes Email Newsletter
    Branding Kit
  - Giving and Stewardship
    
    Giving & Stewardship
    Catholic Foundation
    Catholic Sharing Appeal
    Legacy Giving
    Lumen Christi Legacy Society
    Legacy Sunday Weekend
  - Education & Formation
    
    Catholic Schools
    College Campus Ministries
    Education & Formation
    Faith Formation
    Hispanic Ministry / Ministerio Hispano
    Lay Formation Institute
    Marriage and Family Life
    Young Adult Ministry
    Youth Ministry
  - Evangelization and Mission Engagement
    
    Evangelization and Mission
    St. Brendan Center for Evangelization and Spirituality
    Missions and Pilgrimages
  - Governance
    
    Chancellor's Office
    Tribunal
  - Liturgy
    
    Sacraments & Worship
  - Operations
    
    Chief Operating Officer
    Construction & Properties
    Finance
    Human Resources
    Safe Environment
    Information Technology
    
    Resources
    IT Policies
    EOY
    Vendor Pay
  - Service & Outreach
    
    Catholic Charities of NW Florida
    Advocacy & Justice
    Trinity House & Village
    Hospital Ministry
    Hurricane Recovery
  - Vocations
    
    Vocations
    Vocations & Seminarians
    Permanent Diaconate
    Religious Life