Next-Level Code. Nexuvibe Style ...

Hrs
Min
Sec
WooCommerce Affiliate Setup

How to Build a Custom Affiliate Dashboard
in WooCommerce
(Without Coding)

Most guides on WooCommerce affiliate dashboards assume you are a developer. This one assumes you are not — and shows you exactly how to get a fully working affiliate portal live without touching a line of code.

15 min read
Updated 2026
Step-by-Step Tutorial
How to build a custom affiliate dashboard in WooCommerce without coding – step by step guide using Affiliate Engine plugin with Elementor widgets for a complete no-code affiliate portal

The phrase “custom affiliate dashboard” sounds like it belongs in a developer brief — something that requires a theme child, a handful of template overrides, and probably a few hours of PHP debugging. That is the reputation it has, and for most of WordPress’s history it has been reasonably accurate. Building a proper affiliate portal that looks and feels like it belongs to your store, rather than a generic third-party interface, used to require either significant development work or a compromise on design.

That is no longer the case. With the right plugin and a page builder like Elementor, you can build a fully functional WooCommerce affiliate dashboard — one where affiliates see their referral links, their commission history, their visit data, and their payout status — without writing a single line of code. The result is a portal that is native to your WooCommerce installation, sits inside your existing site design, and gives affiliates a seamless experience in an account they already use.

This guide walks through exactly how to do it using Affiliate Engine – Ultimate WooCommerce Referral & Affiliate Marketing Plugin. We will go from installation to a fully working affiliate portal, step by step, with no code required at any point.

Before the steps, though, it is worth understanding what a well-built affiliate dashboard actually needs to include — because getting the setup right depends on knowing what you are building toward.

What your WooCommerce affiliate dashboard actually needs to show

A common mistake when setting up an affiliate program for the first time is treating the affiliate dashboard as a secondary concern — something to sort out after the tracking and commission rules are working. In practice, the quality of the affiliate-facing experience has a direct effect on how actively your affiliates promote your store. Affiliates who can quickly see their performance data share more often. Affiliates who find their dashboard confusing or incomplete tend to go quiet.

A complete affiliate dashboard for a WooCommerce store needs to show affiliates six things clearly: their referral link, a tool to generate custom links for specific products or pages, their referral and commission history, their current balance and what is pending payout approval, the status of any payout requests they have submitted, and any promotional materials — banners, images, copy — that you have prepared for them.

The metric that matters most for affiliate dashboard design
How many clicks does it take an affiliate to go from “I want to check my stats” to actually seeing their most recent referral data? If the answer is more than two, your dashboard has friction that will quietly suppress activity. The goal of every design decision in an affiliate dashboard is to get that number as low as possible.

Step 1 — Install and activate Affiliate Engine on your WooCommerce site

The first step is installing Affiliate Engine on your WordPress site. This follows the standard WordPress plugin installation process — purchase the plugin, download the zip file, and upload it through Appearance → Plugins → Add New → Upload Plugin. Activate it once the upload is complete.

WooCommerce must be active before you install Affiliate Engine. The plugin is built around WooCommerce’s order and account infrastructure, and it will prompt you to install WooCommerce if it detects that it is not present. If you are running WooCommerce already — which you almost certainly are if you are reading this guide — you are ready to proceed.

Before you install — quick checklist
WooCommerce is installed and active
Your WooCommerce My Account page is set up and working
You have WordPress admin access
Elementor is installed (if you want the custom page option in Step 4)

Step 2 — Run the setup wizard to configure your core affiliate settings

Once Affiliate Engine is active, the first thing to do is run the setup wizard. You will find it inside the plugin’s Settings area in the WordPress admin. The wizard walks you through the foundational decisions for your affiliate program: your default commission type and rate, whether new affiliates are auto-approved or require admin review, cookie lifetime for referral tracking, whether to enable coupon attribution, and your payout settings.

None of these decisions need to be final — you can adjust all of them later from the individual settings tabs. The wizard is designed to get you to a working program quickly, not to lock you into a configuration. The goal at this stage is to make the choices that allow the tracking to fire correctly so you can test the dashboard experience before you refine the details.

🔗Once your basic affiliate dashboard is operational, expanding into a WooCommerce multi-tier affiliate program setup can further incentivize recruitment and boost long-term revenue. →

Key decisions in the setup wizard
Commission rate

Flat value or percentage of order. Start with a percentage — it scales naturally with order size.

Registration mode

Auto-approve for open programs. Manual approval if you want to vet affiliates before they get a link.

Cookie lifetime

How long after a click does a referral still count. 30–60 days is typical for most WooCommerce stores.

Hold period

Time before a commission becomes withdrawable. Set this to match your refund window.


Affiliate Engine general settings panel – WooCommerce affiliate plugin configuration including cookie lifetime, referral tracking and commission setup wizard for building a custom affiliate dashboard without coding

The General settings panel in Affiliate Engine — configure tracking behavior and cookie rules from a single screen.

Step 3 — Set up the affiliate registration page

Before affiliates can access their dashboard, they need a way to apply for your program. Affiliate Engine provides a shortcode and an Elementor widget for the registration form, which means you can place it on any page on your site without any custom coding.

Create a new page in WordPress — something like “Join Our Affiliate Program” or “Partner With Us” — and either add the registration shortcode in the classic editor or drag the Affiliate Engine Registration Form widget onto the page if you are using Elementor. Publish the page, add it to your site’s navigation or footer, and your program is open for applications.

🔗Once your affiliate dashboard is live, expanding into WooCommerce B2B wholesale integration can unlock additional revenue streams for bulk buyers and distributors. →

The registration form fields are configurable from the Registration tab in Affiliate Engine’s settings. You can add custom fields to collect the information that matters for your program — a website URL, a description of how the applicant plans to promote your store, their social media presence — or keep it minimal with just the essentials. Whatever you configure in settings appears on the frontend form automatically.


Affiliate Engine registration settings – configure the affiliate application form fields for a custom WooCommerce affiliate portal without writing code

Registration settings in Affiliate Engine — control which fields appear on the affiliate application form.

Step 4 — Build the affiliate dashboard: two options, no code required

This is the step where most guides either get vague or hand you off to a developer. Affiliate Engine gives you two concrete, no-code paths to a working affiliate dashboard, and your choice between them depends primarily on how much design control you want.

Option A — Fastest setup

Use the built-in WooCommerce My Account tab

When the My Account tab is enabled in Affiliate Engine’s settings, a new Affiliate tab appears automatically inside your WooCommerce My Account area. Every customer who is also an approved affiliate sees this tab when they log in. No page creation, no widget placement, no design work. The dashboard appears inside the WooCommerce environment your customers already use, and it inherits the styling of your My Account page theme.

Best for: Stores that want to get the affiliate program live quickly, or whose WooCommerce theme already provides a polished My Account experience. Zero design decisions needed.
Option B — Full design control

Build a custom dashboard page with Elementor widgets

Affiliate Engine registers a set of Elementor widgets that you can drag onto any page: the Affiliate Dashboard widget, the Payout Form widget, and the Registration Form widget. Create a new page in WordPress, open it in Elementor, find the Affiliate Engine widget category in the left panel, and drag the dashboard widget onto the canvas. Style it like any other Elementor element — adjust spacing, backgrounds, typography, and layout to match your brand. Publish the page and link it from wherever your affiliates will find it.

Best for: Stores that want the affiliate portal to feel like a distinct, designed section of the site — separate from the standard My Account area and visually consistent with the rest of their brand.

What your affiliates see inside the completed dashboard

Once the dashboard is live, this is the experience your affiliates have when they log in. Understanding what each section shows — and why it matters — will help you make good decisions about how you configure and present it.


WooCommerce custom affiliate dashboard frontend – Affiliate Engine plugin showing the complete affiliate portal with referral link, commission data and payout options inside the WooCommerce My Account area without coding

The complete affiliate-facing dashboard in Affiliate Engine — referral links, commission data, and payout tools in one clean view.
Referral link and link generator

The affiliate’s personal referral link is displayed prominently with a one-click copy button. A link generator lets them create referral links to specific product pages or categories — so they can share a link directly to the product they are promoting rather than always pointing to the homepage.

Coupon code (if enabled)

When coupon attribution is enabled in the settings, the affiliate’s personal coupon code appears alongside their link. This gives affiliates two ways to drive tracked conversions — a link for digital channels and a code for video content, podcasts, or in-person promotion where a clickable link is not practical.

Referral history and commission status

A record of every referral the affiliate has generated, showing the associated order, the commission amount, and the current approval status. This is the transparency layer that builds trust — when affiliates can see their referrals recorded in real time, they stop worrying about whether the tracking is working.

Payout request form

When an affiliate has eligible earnings, they can submit a payout request directly from the dashboard. The form captures their payment details and sends the request to your admin Payouts tab for review. No emails back and forth, no “how do I get paid?” questions.

🔗Selecting from the top WooCommerce affiliate plugins in 2026 ensures your dashboard integrates seamlessly with payment gateways and reporting tools. →

Creatives — promotional assets

Any promotional materials you upload in the admin Creatives tab appear here. Banners, product images, ready-to-use copy — whatever you provide. Affiliates download directly from the dashboard, which removes the step of emailing assets individually or maintaining a separate shared folder.

Step 5 — Configure the commission settings so the numbers in the dashboard are trustworthy

A dashboard is only as valuable as the data it shows. If affiliates see commission amounts that do not match what they eventually receive, or referrals that disappear without explanation, the program loses credibility quickly. The commission settings in Affiliate Engine are the foundation of that trust.

The Commission tab in Settings is where you set your calculation base — whether commission is calculated on the order subtotal, whether tax is included, whether shipping counts — along with your approval trigger (which WooCommerce order status causes a commission to move from Pending to Approved) and your hold period. Set the hold period to match your return or refund window. If your store allows 14-day returns, a 15-day hold period ensures you are never paying commission on an order that gets refunded after the payout goes out.


Affiliate Engine commission settings – WooCommerce affiliate dashboard setup showing calculation base, approval trigger, hold period and self-referral rules for accurate commission tracking

Commission settings in Affiliate Engine — configure hold period, calculation base and approval rules to keep dashboard numbers accurate.

Step 6 — Set up the admin side so you can manage what your affiliates see

The affiliate dashboard your partners use is only one side of the system. The admin dashboard is where you manage the program — approving applications, reviewing referrals, handling payout requests, uploading creatives, and monitoring fraud signals. The data your affiliates see on their side comes directly from what you manage on yours, which is why the admin workflow needs to be just as clear.

Affiliate Engine’s admin dashboard is a dedicated section in your WordPress admin. The main tabs — Dashboard, Affiliates, Requests, Referrals, Visits, Payouts, Tiers, Creatives, Fraud, and Add-ons — are all navigable from the left sidebar. The overall Dashboard tab shows a program overview so you can check current status at a glance. The Affiliates tab shows every approved affiliate. Requests shows pending applications. Referrals shows every tracked conversion. Payouts shows submitted withdrawal requests.


Affiliate Engine admin dashboard overview – manage WooCommerce affiliate program performance, referrals, payouts and affiliate accounts from a single admin panel

Admin dashboard overview in Affiliate Engine — full program visibility from a single WordPress admin panel.

Affiliate Engine affiliates management tab – WooCommerce affiliate plugin admin panel showing affiliate accounts list for managing a custom affiliate program

The Affiliates tab in Affiliate Engine — manage every affiliate account in the program from one screen.

Step 7 — Add creatives so affiliates can promote effectively

The Creatives tab in the admin is where you upload promotional assets for your affiliates — banners in different sizes, product images, suggested social media copy, or anything else that helps them promote your store without starting from a blank canvas.

This step is optional in the sense that the dashboard works without it, but it is one of the highest-leverage things you can do for affiliate activation. Affiliates who receive ready-to-use promotional assets start sharing faster than affiliates who have to create their own materials. The time between “I signed up” and “I shared my first link” is shorter when the creative work is already done.


Affiliate Engine creatives tab – upload and manage promotional assets for affiliates inside the WooCommerce affiliate dashboard admin panel

The Creatives tab in Affiliate Engine — publish banners and promotional materials that affiliates access directly from their dashboard.

Step 8 — Test the whole flow before you invite affiliates

Before you send invitations to your first affiliates, run through the full flow yourself using a test account. Create a new WordPress user, apply through the registration page, approve the application from the admin Requests tab, log in as that user, check that the affiliate dashboard tab appears in My Account (or that your custom Elementor page shows the dashboard correctly), copy the referral link, place a test order using that link, and verify that the referral appears in the admin Referrals tab with the correct commission amount.

Affiliate Engine includes a Test Mode in the settings that allows you to generate and then clear test data without affecting your real program records. Enable Test Mode, run your tests, and clear the test data before you go live. This lets you verify tracking accuracy, commission calculations, and the payout request flow without creating phantom records in your real affiliate database.

🔗Just as a custom affiliate dashboard streamlines partner management, a WordPress private intranet setup centralizes team communication and internal resources without requiring technical expertise. →

The five things to verify before going live

The referral link tracks correctly and a referral record appears in admin after a test order. The commission amount matches the rate you configured. The hold period means the commission stays in Pending status until the configured time has elapsed. The payout request form is accessible from the affiliate dashboard. Creatives are visible to the test affiliate in the dashboard.

Frequently asked questions


Do I need Elementor to use Affiliate Engine’s affiliate dashboard?
No. The My Account tab approach works without Elementor at all — the affiliate dashboard appears automatically inside the WooCommerce My Account area when you enable the tab in settings. Elementor is only required if you want to build a custom standalone dashboard page using the Elementor widgets. The plugin works fully with either approach.

Can a customer who is already registered on my WooCommerce store join as an affiliate?
Yes, and this is one of the cleanest parts of the native WooCommerce integration. Existing customers apply through the registration form, and once approved, the affiliate dashboard tab appears in their existing My Account area. They do not need a new account or a separate login. Their order history and their affiliate data live in the same account they have always used.

How do I restrict which WordPress users can see the affiliate dashboard?
The affiliate dashboard is only visible to users who have been approved as affiliates in the Affiliate Engine system. A regular WooCommerce customer who is not an affiliate does not see the affiliate tab in My Account. Approval is controlled through the Requests tab in the admin — you either approve applications manually or set the program to auto-approve, in which case any user who applies gains access automatically.

Can I customise how the affiliate dashboard looks to match my store’s branding?
When using the My Account tab approach, the dashboard inherits the styling of your WooCommerce My Account page — including your theme’s fonts, colours, and layout. When using the Elementor widget approach, you have full Elementor design control: spacing, typography, background colours, section layout, and anything else Elementor allows. The Elementor approach gives you the most design freedom without any custom CSS or PHP.

How long does the full setup take from installation to a live affiliate dashboard?
For the My Account tab approach — install, setup wizard, enable the tab, create a registration page — most store owners are live in under 30 minutes. The Elementor custom page approach adds time depending on how much design work you want to do, but the technical setup (installing the plugin, running the wizard, placing the widget) takes the same amount of time. The design layer on top of it is up to you.

Building a custom affiliate dashboard in WooCommerce used to require a developer, a significant budget, and a tolerance for complexity. In 2026 it requires a plugin, an optional page builder, and about thirty minutes. The result is a fully functional affiliate portal that lives inside your existing WooCommerce store, requires no separate login from your affiliates, and keeps all the data on your own server.

Affiliate Engine – Ultimate WooCommerce Referral & Affiliate Marketing Plugin is built for exactly this kind of setup — clean, fast, and completely manageable without a development team.

Live in under 30 minutes — no code required

Affiliate Engine — Build Your WooCommerce Affiliate Portal Without a Developer

Setup wizard, Elementor widgets, WooCommerce My Account integration, referral tracking, coupon attribution, commission tiers, fraud detection, and payout management — everything your affiliate program needs, no developer required.

Affiliate Engine WooCommerce custom affiliate dashboard no coding

Affiliate Engine by NEXU WP
WooCommerce plugin · Elementor compatible · No coding needed


Get Affiliate Engine

Picture of Mahdi Jabinpour

Mahdi Jabinpour

As a sales-driven developer and the founder of NexuWP, Mahdi focuses on building WordPress solutions that don't just work—they convert. From AI-powered bulk translation engines to high-efficiency media offloading, he helps business owners automate the "grind" so they can focus on global growth. He is a pioneer in integrating advanced LLMs into the WordPress workflow.

RELATED POSTS

RELATED POSTS

4 Reviews
Michael Brown 3 months ago

Works great, no coding!

Mansour jabinpour 3 months ago

That's exactly what we aimed for thanks for

Thomas Jones 3 months ago

Got this set up in 20 mins flat. no dev needed, just followed the guide.

Betty Thomas 3 months ago

Got this set up last weekend and the real time performance stats are a really helpful for my affiliates. They actually log in now to check their numbers instead of me having to nudge them

John Thomas 3 months ago

I've been using WordPress for years, and the idea of building a custom affiliate dashboard always felt like something I'd need to hire a developer for. This plugin actually delivers on the no code promise most of it, anyway. the setup is straightforward if you follow the guide, and being able to tweak settings later without breaking anything is a huge plus. that said, there's still a learning curve if you're not familiar with page builders like Elementor.

Please log in to leave a review.