If you'd like to customize your account mini-website, merchant panel, or affiliate panel to match your company branding or if you are not satisfied with the default content & appearance, each account is provided with access to the themes and their files for adjustments. The Post Affiliate Pro themes are highly customizable and allow you to tweak colors, content, various elements, and in some cases even add custom scripts.
Please note, that customizing the theme requires at least basic knowledge of HTML and CSS code.
To edit the theme, you need to first create a copy of a default theme that you'd like to use as a template. This is because the default themes are always overwritten during each update of your account.
In your merchant panel navigate to Configuration > Design, and depending on the content you want to edit, navigate to the:
- Signup page theme tab to edit the account mini-website
- Affiliate panel theme tab to edit the affiliate panel
- Merchant panel theme tab to edit the merchant panel
Select the theme you want to customize and click on the Edit theme button. If you've selected a default theme, a dialog window will open, prompting you to create a copy. When creating a copy, it is recommended to name your new theme for easier recognition. If you've selected a custom theme, the theme editor opens right away.
When you click on the Edit theme button a new window with the theme editor opens, showing all the files that you can edit. To locate the content you want to edit, you can either search for the name of the file or a part of the text.
The account mini-site consists of the following pages:
| Page | Theme file name | Location |
|---|---|---|
| Home page | index.stpl | https://URL_TO_PostAffiliatePro/affiliates/ |
| Signup page | signup_form.tpl | https://URL_TO_PostAffiliatePro/affiliates/signup.php#SignupForm |
| Login page | login_form.tpl | https://URL_TO_PostAffiliatePro/affiliates/login.php#login |
| FAQ page | faq_public.stpl | https://URL_TO_PostAffiliatePro/affiliates/faq.php |
| Tour page | tour.stpl | https://URL_TO_PostAffiliatePro/affiliates/tour.php |
| About us page | about-us.stpl | https://URL_TO_PostAffiliatePro/affiliates/about-us.php |
| Privacy policy page | privacy-policy.stpl | https://URL_TO_PostAffiliatePro/affiliates/privacy-policy.php |
| Terms & conditions page | terms-conditions.stpl | https://URL_TO_PostAffiliatePro/affiliates/terms-conditions.php |
| Contact us page | contactus_form.tpl | https://URL_TO_PostAffiliatePro/affiliates/signup.php#ContactUs |
Some of the files are included on every page, for example:
- Header can be edited in header.stpl and menu buttons in account_topmenu.stpl
- Footer can be edited in footer.stpl
Custom style for HTML elements can be added to custom.css file (which overrides default styles in pap4.css file). A guide for changing panel colors is here https://support.qualityunit.com/240313-Changing-panel-colors.
Once you're done with adjustments, don't forget to set your new theme as the active theme of your account mini-site/default theme of your merchant/affiliate panel, so you can see the changes by clicking on the Select This Theme/Set as default button.
Example
Let's say you want to change the percentage in the text "Earn up to 50% commission!" on the Home page. Navigate to Configuration > Design > Signup page theme > edit theme > search for index.stpl > click on the index.stpl file > search for the text which you want to edit.
Click Save to perform changes and reload your mini-site to view the results.
Feel free to contact us via email to support@postaffiliatepro.com if you need help with editing your mini-site.