---
schema_version: "1"
id: 60453f056ac09de5ae6dc08fbe1b28836e93a0ff19902001f4d444d3f90cac91
title: Customize the Volunteers Personal Site Contact Lookup Page
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/sfdo/264-0-0/v4s_setup_cust_vols_pers_site_contact_lookup_pg.md
canonical_url: https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6336ec39631f2788d20a0cb749d2201419bf93ce26a5f638f1548ff4c3f42940
description: Review how you can customize the Personal Site Contact Lookup page for added security, embed the page in another website, and more.
products:
  - Nonprofit
release: "264"
---
# Customize the Volunteers Personal Site Contact Lookup Page

Review how you can customize the Personal Site Contact Lookup page for added security, embed the page in another website, and more.

- **[Require Contact Information Match for Personal Site Access](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5)**  
    When volunteers submit the Personal Site Contact Lookup form to request access to their Personal Site, for extra security, you can require that both the ContactId and the Email URL parameter values are a match for the Contact.
- **[Configure the Email Sent to Volunteers Requesting Personal Site Access](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5)**  
    Volunteers who complete the Personal Site Contact Lookup form receive an email with instructions for accessing their Personal Site. An email template defines the contents of the email. Edit the email template to configure the Personal Site URL, and edit custom settings to configure the email sender name.
- **[Style the Personal Site Contact Information Page with CSS](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5)**  
    The Personal Site Information page uses a cascading style sheet (CSS). Volunteers for Salesforce provides the VolunteersPersonalSiteCSS.css file as a Document in Salesforce. Customize the CSS with your own CSS styles so that the Volunteers for Salesforce part of the webpage matches the rest of your website's look and feel.
- **[IFRAME Tag for the Personal Site Contact Lookup Page](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5)**  
    Give your web developer this IFRAME tag so they can insert the Personal Site Contact Lookup page into your website. It's just a few fields, so consider adding it as a small content area on an existing webpage rather than as a standalone page. Use the appropriate format for HTTP sites or secure HTTPS sites.
- **[Supported URL Parameters for the Personal Site Contact Lookup Page](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_cust_vols_pers_site_contact_lookup_pg.htm&release=264.0.0&type=5)**  
    Use the optional URL parameter in your IFRAME tag to further customize how fields are displayed for volunteers requesting access to their Personal Site.

## Require Contact Information Match for Personal Site Access

When volunteers submit the Personal Site Contact Lookup form to request access to their Personal Site, for extra security, you can require that both the ContactId and the Email URL parameter values are a match for the Contact.

1. From Setup, enter Custom Settings in the Quick Find box, then select **Custom Settings**.
2. Next to Volunteers Settings, click **Manage**.
3. Click **Edit**, then enable **Personal Site Requires URL Email Match**.
4. **Save** your changes.

With this custom setting enabled, the Personal Site URL must include the Email parameter and its value must match the specified Contact's email address.

## Configure the Email Sent to Volunteers Requesting Personal Site Access

Volunteers who complete the Personal Site Contact Lookup form receive an email with instructions for accessing their Personal Site. An email template defines the contents of the email. Edit the email template to configure the Personal Site URL, and edit custom settings to configure the email sender name.

1. From Setup, enter Email Templates in the Quick Find box, then select **Email Templates**.
2. Click the template named **Volunteers Personal Site Contact Lookup**.
3. Click **Edit HTML Version**.
    
    ![Edit HTML Version button on the Email Template Detail page](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-volunteers_for_salesforce-264-0-0-production-enus/1854165a-1e96-498b-9cfb-c6516fed9d92/volunteers_for_salesforce/images/email_template_edit_html_version.png)
4. Replace the placeholder text with the full URL to the Personal Site Contact Info page, which looks something like this:
    
    https://mydomain.force.com/GW\_Volunteers\_\_PersonalSiteContactInfo?contactId={!Contact.Id}&Email={!Contact.Email}
    
    ![HTML email body with a placeholder for the URL](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-volunteers_for_salesforce-264-0-0-production-enus/1854165a-1e96-498b-9cfb-c6516fed9d92/volunteers_for_salesforce/images/email_template_html.png)
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-volunteers_for_salesforce-264-0-0-production-enus/1854165a-1e96-498b-9cfb-c6516fed9d92/images/icon_note.png)
    
    Note We enter the URL manually because we can't use merge fields to do it all automatically.
5. Delete the instructions (shown here shaded).
6. **Save** your changes.
    
    ![Preview of the HTML email template](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-volunteers_for_salesforce-264-0-0-production-enus/1854165a-1e96-498b-9cfb-c6516fed9d92/volunteers_for_salesforce/images/email_template_html_preview.png)
7. Repeat this URL configuration for the text version.
8. Configure the email sender.
    1. From Setup, enter Custom Settings in the Quick Find box, then select **Custom Settings**.
    2. Next to Volunteers Settings, click **Manage**.
    3. Click **Edit**, then in the Personal Site Org-Wide Email Name field, enter the Display Name that you specified in Organization-Wide Addresses.
        
        ![Volunteers Custom Settings](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-volunteers_for_salesforce-264-0-0-production-enus/1854165a-1e96-498b-9cfb-c6516fed9d92/volunteers_for_salesforce/images/volunteers_custom_settings.png)
    4. **Save** your changes.
9. To test your changes, back on the Email Template Detail page, click **Send Test and Verify Merge Fields**.
10. Send the email to a test Contact associated with your email address. Verify that the URL in the email clicks through to the correct page and that the sender is the one you specified in Organization-Wide Addresses.

## Style the Personal Site Contact Information Page with CSS

The Personal Site Information page uses a cascading style sheet (CSS). Volunteers for Salesforce provides the VolunteersPersonalSiteCSS.css file as a Document in Salesforce. Customize the CSS with your own CSS styles so that the Volunteers for Salesforce part of the webpage matches the rest of your website's look and feel.

Follow the instructions provided for [styling the Volunteer Signup page](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_volunteer_signup.htm&release=264.0.0&type=5 "Customize the contents of the Volunteer Signup page, and make it look and feel like an integral part of your website."), making sure that you edit the VolunteersPersonalSiteCSS.css file.

## IFRAME Tag for the Personal Site Contact Lookup Page

Give your web developer this IFRAME tag so they can insert the Personal Site Contact Lookup page into your website. It's just a few fields, so consider adding it as a small content area on an existing webpage rather than as a standalone page. Use the appropriate format for HTTP sites or secure HTTPS sites.

Sample IFRAME in HTTP format:

```html
<iframe src="http://mydomain.force.com/yoursitelabel
    /GW_Volunteers__PersonalSiteContactLookup" frameborder="0" 
    scrolling="false" height="600" width="500"></iframe>
```

Sample IFRAME in HTTPS format:

```html
<iframe src="https://mydomain.secure.force.com/yoursitelabel
    /GW_Volunteers__PersonalSiteContactLookup" frameborder="0" 
    scrolling="false" height="600" width="500"></iframe>
```

A few reminders to keep your code snippet clean:

- mydomain is a placeholder value for your domain name. Be sure to include your actual domain name in place of the placeholder text.
- yoursitelabel is a placeholder value for the Default Web Address. Include it only if you specified one when you created your Site.
- There are two underscore characters between Volunteers and PersonalSiteContactLookup.
- If you're using a URL parameter, add it the end of the URL. Separate the parameter from the rest of the URL with a ? character.

## Supported URL Parameters for the Personal Site Contact Lookup Page

Use the optional URL parameter in your IFRAME tag to further customize how fields are displayed for volunteers requesting access to their Personal Site.

For details about adding URL parameters to an IFRAME tag, see [Customize the Volunteer Job Listing Page](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_job_listings.htm&release=264.0.0&type=5 "Customize the contents of the Volunteer Job Listing page, and make it look and feel like an integral part of your website.").

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
          <colgroup>
            <col style="width:20%">
            <col style="width:20%">
            <col style="width:60%">
          </colgroup>
          <thead class="slds-text-title_caps ">
            <tr class="">
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d10408e417">Name</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d10408e420">Value</th>
              <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d10408e423">Description</th>
            </tr>
          </thead>
          <tbody>
            <tr class="">
              <td data-label="Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d10408e417 ">Language</td>

              <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d10408e420 ">en (default)</td>

              <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d10408e423 ">
                <p>Display the labels that have been translated
                  in <span id="v4s_setup_personal_site_lookup_url_params__guid-8cace8a7-17af-4f2a-b3d5-d78df033a6be"><a name="v4s_setup_personal_site_lookup_url_params__guid-8cace8a7-17af-4f2a-b3d5-d78df033a6be"><!-- --></a>Salesforce</span> into a different language. Identify the
                  language using a two-character language code, such as en, or a
                  five-character locale code, such as en_AU. (See <a href="https://help.salesforce.com/articleview?id=faq_getstart_what_languages_does.htm" target="_blank">Supported Languages</a> in
                  the Salesforce Help.)</p>
                <p>Volunteers for Salesforce supports these languages
                  out of the box:
                </p><a name="v4s_setup_personal_site_lookup_url_params__supported_languages_list"><!-- --></a>
                <ul id="v4s_setup_personal_site_lookup_url_params__supported_languages_list">
                  <li>Dutch (nl_NL)</li>

                  <li>English (en)</li>

                  <li>French (fr)</li>

                  <li>German (de)</li>


                  <li>Japanese (ja)</li>

                  <li>Spanish (es)</li>

                </ul>
                <p>You can create your own translations in other
                  languages. See <a href="https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_translate.htm&amp;release=264.0.0&amp;type=5" title="To help Volunteers for Salesforce speak the language of your volunteer program, you can replace the existing onscreen text (labels) with alternate text that uses your organization's terminology. Or you can translate all terms in the app into another language.">Translate Volunteers for Salesforce into Other Languages or
                    Customize Terminology</a>.</p>
                <p style="margin-bottom:0;">The specified language overrides the language that
                  users have set in their <span id="v4s_setup_personal_site_lookup_url_params__guid-2a6e31f7-2c5b-47c7-b383-a69b480aef2f"><a name="v4s_setup_personal_site_lookup_url_params__guid-2a6e31f7-2c5b-47c7-b383-a69b480aef2f"><!-- --></a>Salesforce</span> personal settings.</p>
              </td>

            </tr>
          </tbody>
        </table>