PetMatchPro Plugin Customization

The PetMatchPro plugin can be customized in a variety of ways, from use of your branded colors to creating your own output templates for animal details. Our goal is to provide you with the tools you need to support the adoption of more animals, so please share your thoughts and ideas with us.

NOTE: Some features require a paid subscription.

Color Customization

Integrating PetMatchPro into your brand color scheme will enhance your visitor experience, resulting in more adoptions.

1. Visit the Colors tab in the Admin.
2. Enter a color hex code for the desired element(s) you wish to customize based on your subscription level.
3. Click the Save Colors button to implement your changes.
4. NOTE: If the colors do not appear on your website, clear your browser and/or website cache and refresh the page.

Label Customization

Use of terms specific to your organization or geographic area improve visitor understanding, resulting in more adoptions.

1. Visit the Labels tab in the Admin.
2. Enter a new label value for the desired field(s) based on your subscription level.
3. Click the Save Labels button to make the customization.
4. NOTE: If the labels do not appear on your website, clear your browser and/or website cache and refresh the page.

Custom CSS

CSS classes are assigned to every PetMatchPro element. Customizing these elements requires a little bit of technical knowledge but is very simple to do.

1. Visit the General Options tab in the Admin.
2. Place class entries into the Custom CSS field.
3. Click the Apply Changes button to save your entries.
4. NOTE: If your custom CSS is not reflected on your website, clear your browser and/or website cache and refresh the page.

Analytics Tracking

Use of the insights Google provides regarding user interaction with animals on your website is an important element to increasing adoptions. Every PetMatchPro link and button can be automatically programmed to use the Analytics tracking method of your choice.

1. Visit the General Options tab in the Admin.
2. Select the appropriate value from the Google Analytics Tracking Method field.
3. Click the Apply Changes button to save your choice.
4. Inspect links on your site to confirm the use of the correct onclick parameter value.

Animal Detail Template Selection

PetMatchPro animal details can be displayed using a number of pre-defined templates. Switching between them is simple.

1. Visit the General Options tab in the Admin.
2. Select the template from the search method field(s) based on your subscription level.
3. Click the Apply Changes button to save your choices.

Animal Detail Template Customization

Customization/creation of animal detail templates is an advanced skill requiring HTML, CSS and PHP knowledge. Contact us if we can be of assistance.

1. Create the folder /petmatchpro/templates/ within your child theme.
2. Create a sub-folder in the above folder based on your integration partner, af for AnimalsFirst, pp for PetPoint or rg for RescueGroups.
3. Copy all the files from the appropriate plugin template folder located in /plugins/petmatchpro/public/templates/ to your child theme folder.
4. Customize/create new templates as desired within your child theme.
5. Return to the Animal Detail Template Selection instructions above to select the custom detail templates.