Skip to content
Menu

Popular

How to Set Up a Custom Affiliate Signup Form (Pro plan)

Simple Affiliate · September 29, 2026

Custom affiliate signup forms let prospective affiliates register on your Shopify store without logging into a Shopify customer account first. Simple Affiliate installs an Affiliate Signup page with the app block on the Pro plan and above. This guide covers finding that page, customizing the block, and turning on the form.

After the form is on the page, use How to style your custom affiliate signup form for theme-editor colors, inherited theme styles, and CSS classes.

Availability: Storefront signup requires the Simple Affiliate Pro plan or above and Shopify New customer accounts. On a lower plan, use the upgrade button in Settings > Signup. After email verification, applicants authenticate with a one-time passcode on the store login page.

How the registration flow works

Applicants move through these steps:

  1. Form submission: The applicant fills out and submits the registration form on your store page.
  2. Email verification: Simple Affiliate sends an automated email with a verification link.
  3. One-time passcode: The verification link opens your store's login page. The applicant authenticates with a single-use passcode.
  4. Dashboard access: After authentication, the affiliate can open their affiliate dashboard.

1. Find the installed page in your Shopify admin

  1. In your Shopify Admin, go to Online Store > Pages.
  2. Find Affiliate Signup. Its URL is usually /pages/affiliate-signup; if that handle was already used, Simple Affiliate picks an available one.
  3. Open the page to see its signup app-block template (usually affiliate-signup; a different name is used if that template is already in use). Simple Affiliate hides the page from search engines using Shopify's page SEO setting.

2. Open the page in your theme editor

  1. Go to Online Store > Themes and click Customize.
  2. Click the page selector dropdown at the top center of the editor.
  3. Click Pages.
  4. Search for the page title from step 1 (for example, Affiliate Signup) and select it.
Shopify theme editor page selector at the top of the screen, with Pages in the list of templates
Shopify theme editor search for Affiliate Signup showing the matching page template

3. Check the Affiliate Signup app block

  1. Find the Affiliate Signup app block in the page's installed template.
  2. If you are using a page that you created yourself instead, click Add section or Add block, open Apps, and select Affiliate Signup.
Shopify theme editor Apps tab with the Affiliate Signup app block from Simple Affiliate

4. Configure the block settings

  1. Click Affiliate Signup in the left sidebar to open its settings.
  2. Set Form columns to Single column, Two columns, or Three columns.
  3. Adjust Padding, Width, heading and body visibility, Alignment, color/size, Heading margin, and Description margin. Turn off Show heading, Show description, and Show login link if you only want the form. Padding of 0 keeps your theme's default section spacing. Heading size defaults to 48px; 0 keeps the theme type. Description size of 0 keeps the theme type. The submit button uses the theme primary button. Set button Alignment, Style, and Text size. Text size of 0 keeps the theme type. Under the heading, Already an affiliate? Login here links to the affiliate dashboard. Login link margin is the space between that line and the description. Set Login link color and Login link size too.
  4. Optionally set color overrides for the submit button, background, text, input border, input background, and the error banner. Leave color fields blank to inherit your theme. Use button background and text if the theme button disappears on the page.
  5. Click Save in the top-right corner of the theme editor.
Affiliate Signup block settings showing Form columns, Padding, color overrides, and Error banner colors

Theme-editor colors cover most branding. For CSS class names, inherited theme classes, and what you cannot change with CSS, see How to style your custom affiliate signup form.

5. Enable the custom form in Simple Affiliate

  1. Open Simple Affiliate from your Shopify apps menu.
  2. Go to Settings > Signup.
  3. Find the Storefront signup form card.
  4. Turn on Use a custom signup form.
  5. Confirm the installed page path (usually /pages/affiliate-signup) or enter your existing signup page's /pages/ path.
  6. Click Save.
Simple Affiliate Signup settings with Storefront signup form, Use a custom signup form turned on, and page path /pages/affiliate-signup

Important Rules to Remember

  • New customer accounts: The form only accepts submissions on stores using Shopify New customer accounts. Classic customer accounts receive an unavailable response.
  • Search engines: Simple Affiliate marks the configured Shopify signup Page as hidden from search results (noindex).
  • Manual approvals: If manual approval is enabled, pending-affiliate notifications go to your admin only after the applicant verifies their email and authenticates with the one-time passcode.
  • Dashboard URL: Turning on a custom signup form hides the default registration form on your affiliate dashboard URL. That URL becomes a login page. Unauthenticated visitors see a prompt that sends them to your custom signup page.
  • Customer accounts: Applicants can submit the form without creating or logging into a Shopify customer account first. Authentication happens after they click the verification email.
  • Fields and copy: Field order, required fields, labels, and agreement wording are set in Settings > Signup, not in the theme editor.

What happens next?

Visitors can submit the form on your signup page. They receive a verification email, authenticate with a one-time passcode, then reach the affiliate dashboard. To restyle the form after it is live, follow How to style your custom affiliate signup form.

Related articles