Table of Contents
- Create a Custom Copy of the Default Theme
- Adjust the Primary Colors of the Theme
- Access the Theme Editor for Further Customization
- List of Available Mini-site Pages and Frequently Modified Theme Files
- Set Customized Theme as the Default
In our software, every merchant and affiliate receives their own panel. In addition to these panels, each Post Affiliate Pro account includes a mini-site containing login and signup forms, along with pre-set pages where you can publicly share details about your affiliate program, commission rates, terms & conditions, and more.
Each account has access to theme files for customization of the merchant and affiliate panels, as well as the mini-site. Our themes are highly customizable, allowing you to modify colors, content, and various elements, utilize Smarty statements, and, in certain cases, add JavaScript.
By default, the mini-site includes template texts. Ideally, these should be modified to reflect specific information about the affiliate program, as determined by the program owner or manager.
Please note that customizing the theme may require basic knowledge of HTML and CSS, or you can use AI to adjust, for example, the text content.
Create a Custom Copy of the Default Theme
To customize a theme, you must create a copy of the default theme you wish to use as a template, as default themes cannot be modified.
In your merchant panel, navigate to Configuration > Design. Depending on the content you wish to modify, go to:
- The Mini-site Theme tab for mini-site edits,
- The Affiliate Panel Theme tab for affiliate panel edits, or
- The Merchant Panel Theme tab for merchant panel edits.
To create a copy, click the "Edit Theme" or "Customize Colors" button on the selected default theme. It is recommended to give your new theme a descriptive name for easy identification.
To preview 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. Since themes cannot be previewed, once activated, all visitors will see the changes.
Adjust the Primary Colors of the Theme
If you wish to adjust only the primary colors of your theme, click on the Customize Colors button in your custom theme to open the color editor. The number of primary colors available for adjustment may vary by theme.
Access the Theme Editor for Further Customization
If you would like to adjust the content of your theme or make advanced changes, click on the Edit Theme button in your custom theme to open the theme editor, which displays all files available for editing.
See this article to learn how to identify the correct file to edit.
List of Available Mini-site Pages and Frequently Modified Theme Files
Below you can find a list of all available pages for the mini-site, as well as 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 | About 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 on 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 on 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 on the Home page, see this guide. To edit the "Affiliate Manager" message, see this guide.
CSS changes to the styling can be added to the custom.css file in each theme. Theme files with the extension .tpl, such as signup_form.tpl, allow only HTML and CSS code, whereas files with the extension .stpl, such as index.stpl, also allow JavaScript.
Set Customized Theme as the Default
Once you have completed your modifications, you need to set your new theme as the default for the merchant or affiliate panel, or as the active theme for your mini-site, by clicking the Set as Default/Select This Theme button.
When changing the merchant or affiliate panel theme, it is recommended to apply your customized theme to all existing users.
If you would 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.