How to set up the affiliate program registration form on a custom page

When you create your Affiliatly account, you are provided with a specific link to your affiliate registration form where they can sign up to join your program.


However, we understand that some of our clients are interested on adding the registration form to an inner page inside their store (sometimes even to a private page) for better consistency or control.


In case you're interested, you can achieve this by adding the following iframe code snippets to a page of your choice:

For the form only

<iframe src="https://www.affiliatly.com/af-10XXX/affiliate.panel?mode=register&form_only=1" width="100%" height="800" frameborder="0"></iframe>


For the whole page with banner and text

<iframe src="https://www.affiliatly.com/af-10XXX/affiliate.panel?mode=register&frame=1" width="100%" height="1100" frameborder="0"></iframe>

Please note that af-10XXX needs to be replaced by your actual Affiliatly Account ID, found in the tab Account.


You can also find the code snippets in your Affiliatly admin panel (Setup > 5. Registration and login pages).


Some frequently encountered situations

  1. The snippet doesn't fits as perfect as you imagined on the page you embedded it.

If you look closely to the snippets you will notice a width parameter and a height parameter. They have default recommended values but you can increase/decrease them accordingly in case you're looking to make it fit better on the page you're setting up.


  1. Sometimes, after you set the width and height to a state you're comfortable with the iframe's dimensions and even though all elements are displayed the scrollbars would still be displayed affecting the overall design of the page.

If you experience this there's an additional parameter you could add to get rid of the scrollbars: scrolling="no"

The result should look similar to this:


Form only:

<iframe src="https://www.affiliatly.com/af-10XXX/affiliate.panel?mode=register&form_only=1" width="100%" height="800" frameborder="0" scrolling="no"></iframe>

Whole page with banner and text:

<iframe src="https://www.affiliatly.com/af-10XXX/affiliate.panel?mode=register&frame=1" width="100%" height="1100" frameborder="0" scrolling="no"></iframe>

Please note that af-10XXX needs to be replaced by your actual Affiliatly Account ID, found in the tab Account.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us