Make Procore Part Of Your Website

Showing your clients that Procore is used to manage construction projects can help set your company apart from the competition.

The instructions on this page will help you to customize Procore so that it works best for your web site and marketing efforts.

Create A Custom Login Page On Your Web Site

Give your clients and trade partners a place right on your website to login to their projects.

When visitors to your website type in their email address and Procore password, they'll be logged in directly to their Procore project(s).

Customize this login with the same look and feel as your website, as shown in the client web page example (below left).

Copy and paste the HTML into a page on your web site and customize the look and feel:

<div style="border-width: 1px; border-style:solid; padding: 30px; width:400px; font-family:Verdana, Arial, Helvetica, sans-serif;"> 
<center>
<font color="#283E70" style="font-size: 2.0em;font-family:Helvetica,Arial,sans-serif; font-weight:bold;"> Log In Now	</font> 
</center>
<hr noshade size="1px" /> 
<font style="font-size: .8em;font-family:Helvetica,Arial,sans-serif; " color="#959595">
Please enter your E-mail address and password</font>
<br /> <br />
<table>	
<input name="formName" value="login" type="hidden" /> 
<input value="" name="AfterLogin" type="hidden" /> 
<input name="Company" value="0" type="hidden" /> <form action="http://www.procoretech.com/account/authenticate" method="post"> 
<tr> 
<td width="150" style="font-size: .9em;font-family: Helvetica,Arial,sans-serif">
<b>E-mail address : </b>
</td> 
<td>
<input name="login" size="30" class="input_textarea" style="font-size: 10px;" value="" type="text" tabindex="1" />
</td> 
</tr> 
<tr> 
<td width="150" style="font-size: 0.9em; font-family:Helvetica,Arial,sans-serif', Times, serif">
<b>Password: </b>
</td> 
<td>
<input name="password" maxlength="24" class="input_textarea" id="Password" style="font-size: 10px;" size="30" value="" type="password" tabindex="2" />
</td> 
</tr> 
<tr> 
<td> </td> 
<td>
<input name="submit" class="blueButton" id="submit" value="Log In" type="submit" tabindex="5" />
</td> 
</tr> 
<tr> 
<td> </td> 
<td>(<a href="http://www.procoretech.com/account/reset_password" style="font-size: 11px;font-family:Helvetica,Arial,sans-serif', Times, serif;">
<font color="#283E70">I forgot my password</font>
</a>)
</td> 
</tr> 
</form> 
</table> 
<hr noshade size="1px" /> 
<br />
<a href="http://www.procore.com"><img src="http://www.procore.com/public/client_portals/images/spacer.png" width="1" height="1" border="0"></a> <table width=100%> <tr><td>
<font style="font-size: .8em;font-family: Helvetica,Arial,sans-serif;"> 
<b>Need some help?</b>
<br /> 1-866-477-6267 or <a href="mailto:support@procore.com">
<font color="#283E70">support@procore.com</font>
</a>
</font>
</td><td align="center"><font style="font-size: .8em;font-family: Helvetica,Arial,sans-serif;">Construction Project Management Powered By</font><br /><a href="http://www.procore.com"><img border="0" src="http://www.procore.com/images/logos/PC-Logo-03.jpg" /></a></td></tr></table>
</div>

Download A Procore Logo

Right click on a logo before, then select 'Save Image As' to download a Procore logo.

The #1 On-Demand Construction Software

Make Procore Part Of Your Website

Create A Custom Login Page On Your Web Site

Download A Procore Logo