The content of the affiliate mini-site pages can be changed by editing a Signup page theme. You can adjust colors of the page, change font, add own images or simply change the text.
Please note, that customizing the theme requires a basic knowledge of HTML code and CSS.
First, you need to create a copy of the theme which you want to use as it is not possible to customize the predefined themes. This is simply because the default themes are always overwritten during each update of Post Affiliate Pro and your custom theme won't be.
In your merchant panel navigate to Configuration > Design > Signup page theme, choose a theme you want to customize and click on the Edit theme button. A dialog will open, you can name your new theme if you want, but changing the content of any of those fields isn't really necessary, just click on the Create button. This will automatically creates a copy of your default theme. More about making your own theme https://support.qualityunit.com/886156-Making-your-own-theme.
Don't forget to set your new theme as default so you can view the changes you make on the mini-site pages during editing. Click on the Set as default button and now you can start editing your theme by clicking on the Edit theme button.
When you click on the Edit theme button a new window will pup up with all the files that you can search and edit. Mini-site consists of the following pages:
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.
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.