Table of content
- Create a custom copy of the default theme
- Adjust the primary colors of the theme
- Access the theme editor for further customization
- Lists of available mini-site pages and most frequently modified theme files
- Set customized theme as the default
In our software, every merchant and affiliate gets their own panel. In addition to these panels, each Post Affiliate Pro account comes with a mini-site, containing the login and signup forms & quick pre-set pages, where you can publicly share details about your affiliate program, commission rates, terms & conditions, and so on.
By default, the mini-site has template texts in place. Ideally, these should be adjusted to match specific information about the affiliate program, deemed suitable by the affiliate program owner or manager.
Each account is provided with access to the themes and their files for customization of the merchant and affiliate panels & mini-site. Our themes are highly customizable, allowing you to tweak colors, content, various elements, use smarty statements, and even add javascript in some cases.
Please note that customizing the theme might require basic knowledge of HTML and CSS code, or alternatively use AI to adjust e.g. the texts for you.
Create a custom copy of the default theme
To customize the theme, you need to have a copy of the default theme you wish to use as a template, as default themes cannot be changed. It is recommended to properly name your new theme for easier recognition.
Navigate in your merchant panel to Configuration > Design, and depending on the content you want to modify, navigate to:
- Mini-site theme tab for mini-site edits
- Affiliate panel theme tab for affiliate panel edits
- Merchant panel theme tab for merchant panel edits
To create a copy, click the "Edit theme" or "Customize colors" button in the chosen default theme. See more details about making your own theme in this article.
To see your panel theme customizations live, you can switch your merchant/affiliate panel theme in the Theme settings section.
For the mini-site, you must set your customized theme as active. As a theme cannot be previewed, upon setting it as active all visitors would see the changes.
Adjust the primary colors of the theme
If you want to adjust just the primary colors of your theme, click on the Customize colors button in your custom theme to open the colors editor. Different themes have a different number of primary colors to adjust.
Access the theme editor for further customization
If you'd like to adjust the content of your theme or want to make advanced changes, click on the Edit theme button in your custom theme to open the theme editor, listing all the files available for edit.
See this article to understand how to identify the name of the file you want to edit.
Lists of available mini-site pages and most frequently modified theme files
Below you can find a list of all pages available for the mini-site and also lists of the most frequently adjusted theme files:
| Mini-site pages | |
|---|---|
| Theme file name | Page |
| index.stpl | Home page at https://YOUR_PostAffiliatePro_DOMAIN/affiliates/ |
| signup_form.tpl | Signup page at https://YOUR_PostAffiliatePro_DOMAIN/affiliates/signup.php#SignupForm |
| login_form.tpl | Login page at https://YOUR_PostAffiliatePro_DOMAIN/affiliates/login.php#login |
| contactus_form.tpl | Contact us page at https://URL_TO_PostAffiliatePro/affiliates/signup.php#ContactUs |
| tour.stpl | Tour page at https://URL_TO_PostAffiliatePro/affiliates/tour.php |
| about-us.stpl | Abous us page at https://URL_TO_PostAffiliatePro/affiliates/about-us.php |
| faq_public.stpl | FAQ page at https://URL_TO_PostAffiliatePro/affiliates/faq.php |
| privacy-policy.stpl | Privacy policy page at https://URL_TO_PostAffiliatePro/affiliates/privacy-policy.php |
| terms-conditions.stpl | Terms & conditions page at https://URL_TO_PostAffiliatePro/affiliates/terms-conditions.php |
| Most frequently adjusted mini-site theme files | |
|---|---|
| Theme file name | Content |
| index.stpl | Home page content |
| signup_form.tpl | Paragraphs below the signup form |
| account_topmenu.stpl | Main menu at the top and its items |
| footer.stpl | Footer and its elements |
| Most frequently adjusted merchant panel theme files | |
|---|---|
| Theme file name | Content |
| home_panel_content.stpl | Statistics in the Home page |
| Most frequently adjusted affiliate panel theme files | |
|---|---|
| Theme file name | Content |
| main_header.tpl | Top header containing the general affiliate link |
| period_stats.stpl | Statistics in the Home page |
| home.tpl | Content of the Home page |
The affiliate panel menu can be customized in Configuration > Affiliate Panel > Menu & screens and allows you to add custom menu items as well.
To edit the "Welcome to our affiliate program" message in the Home page, see this guide. To edit the "Affiliate Manager" message, see this guide.
CSS changes to the styling can be added in the custom.css file in each theme. Theme files with extension .tpl, such as "signup_form.tpl", allow only HTML and CSS code, whereas files with extension .stpl, e.g. "index.stpl", also allow javascript.
Set customized theme as the default
Once you're done with your modifications, you need to set your new theme as the default theme for the merchant/affiliate panel or as the active theme of your mini-site by clicking the Set as default/Select This Theme button.
When changing the merchant or affiliate panel theme, it is a good practice to apply your customized theme also for all existing users.
If you'd like users to see and use only your customized panel themes, you can disable any theme by clicking the "Disable" button, or alternatively remove the buttons leading to the Theme settings section from the affiliate panel.
If you need assistance with editing your Post Affiliate Pro panels or mini-site, feel free to contact us via email at support@postaffiliatepro.com.