1-866-477-6267 (toll-free)
Support Home > FAQ > Can I add a Procore Login widget to my company's website?

Can I add a Procore Login widget to my company's website?

Answer

Yes. If you have a company website, you can add a custom form code to allow visitors with valid user credentials to login into Procore. To install the form on your website, use the code below. You can also customize the code so your login form matches your website's styles. 

Things to Consider

  • Use of the provided code samples on your website is free. 
  • Implementation of the form may require help from your internal IT department or web hosting company. 
  • You cannot customize this login form to redirect users to a specific project in your account. Users will be logged in the same way as when they log in to https://app.procore.com. (i.e. Users will start at the Company level first, then they can select a specific project to view.)
  • Customers are responsible for customizing the CSS and overall "look and feel" of the login form for their specific implementation. 

Procore Login Forms

For your convenience, we've provided two different login form styles depending on your preference.
Note: The functionality of the login forms are the same.

Option 1

Preview


Procore Login





Powered by Procore_Logo_black_100.jpg
First time user? Getting Started with Procore

Code 

Copy and paste the sample code below between the <body> and </body> tags of your webpage to create the Procore login form (seen above) on your site.
Tip! Hover over the code box and click the View Source icon in the upper right to open up a copy-friendly version of the code below.

  <table width="300" border="1" cellspacing="0" cellpadding="3">
  <tbody>
    <tr>
      <td><h2 style="color: #f58025">Procore Login
          <br>
      </h2>
        <form accept-charset="UTF-8" action="https://app.procore.com/sessions" method="post">
  <p><label>Email:</label><br/>
<input id="email_address" name="session[email]" type="text">
</p>
<p>
<label>Password:</label><br/>
  <input autocomplete="off" id="password" name="session[password]" type="password">
</p>
 <br><button name="commit" type="submit" value="Login" style="background-color: #f58025; border: none; color: #FFFFFF; font-size: 14px; font-color: #ffffff; padding-left:50px; padding-right:50px;">Login</button>
<br>
        </form>
         <br>
        <span style="text-align: right">
<em>Powered by</em> <img src="https://support.procore.com/%40api/deki/files/3918/Procore_Logo_black_100.jpg?origin=mt-web"/></span></td>
    </tr>
    <tr>
      <td bgcolor="#E7E7E7" style="text-align: center">First time user? <a href="https://support.procore.com/getting-started-with-procore">Getting Started with Procore</a></td>
    </tr>
  </tbody>
</table>

 

Option 2

Preview





Code

If you prefer to use a plain form instead, copy and paste the sample code below between the <body> and </body> tags of your webpage to create the Procore login form (seen above) on your site.

Tip! Hover over the code box and click the View Source icon in the upper right to open up a copy-friendly version of the code below.


<form accept-charset="UTF-8" action="https://app.procore.com/sessions" method="post">
<p><label>Email:</label><br/>
<input id="email_address" name="session[email]" type="text">
</p>
<p>
<label>Password:</label><br/>
<input autocomplete="off" id="password" name="session[password]" type="password">
</p>
<button name="commit" type="submit" value="Log In">Log In</button>
</form>
You must to post a comment.
Last modified
14:03, 3 Aug 2017

Tags

Classifications

This page has no classifications.