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 account mini-site pages and most frequently modified theme files
- Set customized theme as the default
If you'd like to customize your account mini-site, merchant panel, or affiliate panel to align with your company's 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 customization. The Post Affiliate Pro 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 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.
Navigate in your merchant panel to Configuration > Design, and depending on the content you want to modify, navigate to:
- Signup page theme tab for account mini-site edits
- Affiliate panel theme tab for affiliate panel edits
- Merchant panel theme tab for merchant panel edits
To see your theme customizations live, you can switch your merchant/affiliate panel theme in the Theme settings section. The active theme for the account mini-site is set in the Signup page theme and cannot be changed by visitors.
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 active theme. If you choose to change a default theme's colors, a dialog window will open, prompting you to create a copy. It is advisable to properly name your new theme for easy identification. If you've chosen a custom theme, the colors editor will open right away.
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 active theme. If you select to edit a default theme, a dialog window will open, prompting you to create a copy. It is recommended to properly name your new theme for easier recognition. If you've selected a custom theme, the theme editor will open right away.
Identify the correct file to edit
When editing a custom theme, a new window with the theme editor opens, listing all the files available for edit. To find the content you want to edit, you can either search for the name of the file or a part of the text you'd like to modify.
To identify the name of the file, right-click the content you wish to change and select "Inspect" to open your browser's dev tools. Then, look for the nearest HTML comment above the highlighted code - the text enclosed in <!-- -->, e.g. <!-- THIS IS A COMMENT -->.
For instance, to edit the default "Payouts" paragraph in the mini-site signup page, you can search either for the "signup_form.tpl" theme file or a portion of the paragraph's text, e.g. "Minimum payout is $100".
Lists of available account mini-site pages and most frequently modified theme files
Below you can find a list of all pages available for the account mini-site and also lists of the most frequently adjusted theme files:
| Account 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 can set your new theme as the default theme for the merchant/affiliate panel or as the active theme of your account mini-site by clicking the Select This Theme/Set as default button.
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 themes, you can disable all other themes 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.