--- schema_version: "1" id: eaa1913f9c277635dba42a4e198450551d5beb8865850f8c43fc52d22910cc31 title: Customize the Volunteers Personal Site Pages collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/sfdo/264-0-0/v4s_setup_customize_personal_site.md canonical_url: https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: f3e5d90ab1914eec32533d2cc15cad69d55399c0052ae657f191b6aee507ce46 description: Customize the contents of the Volunteers Personal Site pages, and make them look and feel like an integral part of your website. products: - Nonprofit release: "264" --- # Customize the Volunteers Personal Site Pages Customize the contents of the Volunteers Personal Site pages, and make them look and feel like an integral part of your website. - **[Take a Tour of the Volunteers Personal Site Pages](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** The Volunteers Personal Site page shows volunteers their personal information, upcoming job shifts, and volunteer history. - **[Enable Access to Personal Site Pages](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** Make sure that you've already given the Site Guest User profile access to the Visualforce pages that make up the Personal Site page. Personal Site page names start with GW\_Volunteers.PersonalSite. - **[Customize the Overall Styling of the Volunteers Personal Site Pages](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** A Site Template controls the overall page styling, header, navigation, and footer for Personal Site pages. Volunteers for Salesforce provides a Visualforce page that serves as the default Site Template. Make a copy of it and customize the styling of the page components. - **[Tell Your Site to Use Your Copy of the Personal Site Template](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** Edit your Site's Site Template property to specify the page that you created based on the sample, default template. - **[Limit the Display of Jobs on the Volunteer Report Hours Page (in Personal Site Pages Only)](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** When a volunteer reports hours, the Volunteer Job picklist by default displays the Jobs that are active, under active Campaigns. To display only the Jobs where the volunteer has an existing Volunteer Hours record, enable the custom setting that applies this filter. - **[More Personal Site Customizations](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_customize_personal_site.htm&release=264.0.0&type=5)** To change the wording of onscreen text, messages, and warnings on Personal Site pages, you can override the existing text in custom labels, or create your own translations in other languages. Look for the category of custom labels starting with PersonalSite. ## Take a Tour of the Volunteers Personal Site Pages The Volunteers Personal Site page shows volunteers their personal information, upcoming job shifts, and volunteer history. ![Personal Site 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/pages_personal_site.png) The Personal Site is a Visualforce page like the other V4S pages, but a bit different from the pages that you've added using IFRAME tags. - The header section includes a navigation bar with links to the four pages that make up the Personal Site. You can include different pages if you like. - Instead of an IFRAME, the page uses a Site template, PersonalSitesTemplate.page, that defines the page layout and stylesheet for all Personal Site pages. Make a copy of the sample, default template and edit it to match your website's styling. - Volunteers request access to their individual Personal Sites by submitting the Personal Site Contact Lookup form. ![Personal Site Contact Lookup form](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/pages_personal_site_contact_lookup.png) V4S matches the requestor's information against existing Contacts and if there's a match, emails the requestor a unique URL to their Personal Site. You add the Lookup form separately with an IFRAME and style it with CSS. You're also going to configure the Volunteers Personal Site Contact Lookup email template that provides the Personal Site URL. ## Enable Access to Personal Site Pages Make sure that you've already given the Site Guest User profile access to the Visualforce pages that make up the Personal Site page. Personal Site page names start with GW\_Volunteers.PersonalSite. For more information, see [Configure Data Access for Visualforce Pages](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_data_access_vf.htm&release=264.0.0&type=5 "Volunteers for Salesforce is built on Visualforce, which is a way to create custom user interfaces for Salesforce objects and data. Configure access to Visualforce pages for your volunteers user profile."). ## Customize the Overall Styling of the Volunteers Personal Site Pages A Site Template controls the overall page styling, header, navigation, and footer for Personal Site pages. Volunteers for Salesforce provides a Visualforce page that serves as the default Site Template. Make a copy of it and customize the styling of the page components. 1. From Setup, enter Visualforce Pages in the Quick Find box, then select **Visualforce Pages**. 2. In the list of pages, click **PersonalSiteTemplate**. 3. Click **Preview** to open the page in a new window and see the default styling. ![Volunteer Personal Site page with default styling](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/pages_volunteer_personal_site_default_styling.png) 4. Because you can't edit a Visualforce page that's part of a Salesforce managed package, make a copy of the template. 1. Back on the page detail, select all the Visualforce Markup and copy it to your clipboard. 2. Go back to the Visualforce Pages list, and click **New**. 3. Give it a label such as MyPersonalSiteTemplate. 4. Review the name that it automatically assigns. 5. Select and delete all the placeholder Visualforce Markup, then paste your copied markup. 6. Edit any page or object references in the markup to include the `GW_Volunteers__` namespace (see details below). 7. **Save** your changes. 5. Edit your copy of the Site Template. Some things to note: - Be careful to preserve the jQuery, jQueryUI and Boostrap Javascript libraries that the template loads, and that other Sites pages also rely on. - When referring to any page or object within the V4S managed package, always include the `GW_Volunteers__` namespace. For example, change the page reference, `Page.PersonalSiteJobListing`, to `Page.GW_Volunteers__PersonalSiteJobListing`. Similarly, change the label reference, `Label.labelPersonalSiteJobListingTitle`, to `Label.GW_Volunteers__labelPersonalSiteJobListingTitle`. - The `` tag is used to include VolunteersPersonalSiteCSS.css for all the pages to use. - The `` tag indicates the area where content from the Personal Site Visualforce pages is inserted. ## Tell Your Site to Use Your Copy of the Personal Site Template Edit your Site's Site Template property to specify the page that you created based on the sample, default template. 1. From Setup, enter Sites in the Quick Find box, then select **Sites**. 2. Under the Action column, click **Edit**. 3. In the Site Template field, click the lookup icon. Search for and then select your newly created Visualforce page. 4. **Save** your changes. ## Limit the Display of Jobs on the Volunteer Report Hours Page (in Personal Site Pages Only) When a volunteer reports hours, the Volunteer Job picklist by default displays the Jobs that are active, under active Campaigns. To display only the Jobs where the volunteer has an existing Volunteer Hours record, enable the custom setting that applies this filter. ![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 This custom setting affects the Volunteer Report Hours page within the Volunteers Personal Site Pages only. 1. From Setup, enter Custom Settings in the Quick Find box, then select **Custom Settings**. 2. Click **Manage** next to Volunteers Settings. 3. Click **Edit**. 4. Select **Personal Site Report Hours Filtered**. 5. **Save** your changes. ## More Personal Site Customizations To change the wording of onscreen text, messages, and warnings on Personal Site pages, you can override the existing text in custom labels, or create your own translations in other languages. Look for the category of custom labels starting with PersonalSite. For more information, see [Translate Volunteers for Salesforce into Other Languages or Customize Terminology](https://help.salesforce.com/s/articleView?id=sfdo.v4s_setup_translate.htm&release=264.0.0&type=5 "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.").