How to customize an affiliate dashboard in WordPress
AffiliateWP creates an affiliate dashboard automatically, but you can customise its page, forms, layout and styling. The manual route uses the Affiliate Area block, shortcode, CSS or child-theme templates; a shortcode addon is faster when you need selected earnings, referral, payout and creative sections.
- 01Check the existing dashboard page
- 02Choose the manual layout
- 03Control the dashboard content
- 04Add custom content and styling
- 05Test as a real affiliate
- 06Use shortcodes for the fast route
What you need
- AffiliateWP installed and configured
- WordPress admin access
- A test affiliate account
- A child theme or custom CSS area for code-based changes
Check the existing dashboard page
Open the page assigned as the Affiliate Area in AffiliateWP » Settings. AffiliateWP normally creates this page automatically using the Affiliate Area block, which displays affiliate links, statistics, graphs, referrals, visits, creatives and settings after an affiliate logs in.
Check whether the page uses the block or the [affiliate_area] shortcode before changing it. Do not build a replacement page until you know which version is active, or you may leave the old dashboard assigned in the plugin settings.
Choose the manual layout
For a simple branded page, edit the Affiliate Area page with the block editor and place headings, columns, introductory text and brand elements around the Affiliate Area block. If you use a page builder or the Classic Editor, create a page and add [affiliate_area] instead. Set that page as the Affiliate Area in AffiliateWP settings.
The shortcode route is useful when you need the standard dashboard in a custom page design. Its form settings, including which login or registration forms appear, apply to the shortcode version and not to the block version.
Control the dashboard content
Use AffiliateWP settings to control the general affiliate experience, including the assigned Affiliate Area page, referral URL behaviour and registration form options. For deeper changes, AffiliateWP documents dashboard templates such as dashboard.php and separate files for URLs, statistics, graphs, referrals, visits, creatives and settings. Copy the relevant template into your child theme before editing it so plugin updates do not overwrite your work.
The manual template route is fine when you only need to hide, reorder or restyle existing sections and you are comfortable maintaining PHP templates. It becomes awkward when you want to arrange individual dashboard sections across several pages or repeatedly change the layout from WordPress admin.
Add custom content and styling
Add your own explanatory copy, payout instructions, campaign guidance or support details to the page around the dashboard. Use your theme’s custom CSS area or child-theme stylesheet for colours, spacing, buttons, tables and responsive adjustments rather than editing AffiliateWP plugin files.
Keep affiliate-only information inside the Affiliate Area or another protected affiliate page. A public page containing ordinary text is not automatically protected just because it links to the dashboard.
Test as a real affiliate
Open the page while logged out, then test it with an approved affiliate account. Check that login works, referral URLs generate correctly, earnings and referrals belong to the current affiliate, creatives load, and the layout remains usable on a phone.
If the page shows stale data or referrals stop tracking, check page caching, cookie exclusions and optimisation settings. AffiliateWP recommends excluding the Affiliate Area, login and registration pages and its tracking cookies from caching; purge every cache after making changes. If pretty referral URLs return 404 errors, resave the WordPress permalink settings.
Use shortcodes for the fast route
When you need a dashboard made from selected sections rather than the standard tabbed area, use AffiliateWP Affiliate Area Shortcodes. It provides shortcodes for areas such as statistics, graphs, referrals, payouts, URLs, visits, creatives and settings, so you can place several sections on one page or split them across protected pages.
Choose this route when affiliates need a branded view of earnings, referrals, payouts and creative assets without maintaining template files. You still need AffiliateWP active, the correct Affiliate Area page assigned for login redirects, and a test affiliate account before publishing the new layout.
Let AffiliateWP Affiliate Area Shortcodes do it
Shortcode-based dashboard builder for AffiliateWP; choose it when affiliates need branded earnings, referral, payout, and creative views.
Tools that do this job
All of these solve the task above. They are listed as we have covered them.
Shortcode-based dashboard builder for AffiliateWP; choose it when affiliates need branded earnings, referral, payout, and creative views.
Adds affiliate-only custom tabs and rich WordPress pages when you need to organize resources inside AffiliateWP.
Sources
- affiliatewp.com /docs/creating-the-affiliate-area/?utm_source=openai
- affiliatewp.com /docs/affiliate_area/?utm_source=openai
- affiliatewp.com /docs/how-to-customize-the-affiliate-registration-form/?utm_…
- affiliatewp.com /docs/a-complete-guide-to-affiliatewp-settings/?utm_source=o…
- affiliatewp.com /docs/does-affiliatewp-work-with-caching/?utm_source=openai
- affiliatewp.com /docs/affiliate-area-shortcodes-installation-and-usage/?utm_…
Questions
- Can I customise an AffiliateWP dashboard without another plugin?
- Yes, you can customise the existing dashboard with the Affiliate Area block or the <code>[affiliate_area]</code> shortcode, then use CSS or child-theme templates for more control. This is suitable for a simple branded page or small template changes. You need an addon or custom development when you want to arrange individual dashboard sections freely without maintaining PHP templates.
- What is the difference between the Affiliate Area block and shortcode?
- The Affiliate Area block is the current default for the automatically created page, while <code>[affiliate_area]</code> lets you place the dashboard in a custom page or page builder. Form settings for login, registration and required fields apply to the shortcode version, so changing those settings may not affect a block-based page.
- How do I show only earnings, referrals or payouts?
- The standard Affiliate Area displays several dashboard sections together. To place individual sections in a chosen order, use the relevant Affiliate Area Shortcodes, such as the shortcodes for statistics, referrals, payouts, visits, creatives or URLs. You can stack several on one page or put them on separate affiliate-only pages.
- Why does my customised dashboard show old or incorrect affiliate data?
- Caching is the usual place to look first. Exclude the Affiliate Area, login and registration pages and AffiliateWP tracking cookies from page or server caching, then purge all caches. Test while logged in as a specific affiliate, because logged-out and cached views can hide the account-specific data that should appear.