# Modern Style

The **Modern** style allows you to add a background image on the signup page. You can overlay instructions on the image, highlight features of your affiliate program, and create or edit signup fields.

To customize the Modern layout, click on **Select & Customize.**

<figure><img src="/files/vz5PNvrNa9IfZDjxjiOk" alt=""><figcaption><p>Look and Feel > Signup Page > Modern > Click on Select and Customize</p></figcaption></figure>

### Background Image

Here you can choose an image from the gallery, search for the type of image you need, and select it from the available options. You also have the option to upload your own image.

<figure><img src="/files/zk1zhef44VBAiQ84Ndmw" alt=""><figcaption><p>Select the background image</p></figcaption></figure>

### Overlay Content

Next, you can add information about your affiliate program in the overlay content box.

<figure><img src="/files/oSxnIRQEhBRsxdpvCkC4" alt=""><figcaption><p>Add information in the overlay content box</p></figcaption></figure>

### Features

You can highlight the features of your affiliate program in the features field. This field can be used to emphasize the benefits of your affiliate program.

<figure><img src="/files/QOLs7fK9RQpa5c2MmFFQ" alt=""><figcaption><p>Highlight features</p></figcaption></figure>

### Signup Button Text

You also have the option to edit the text on the signup button.

<figure><img src="/files/nWJcdsoa33uVvJubMGoc" alt=""><figcaption><p>Edit the signup button text</p></figcaption></figure>

Finally, click on **Save**.&#x20;

<figure><img src="/files/r5drNOciFwQK3LTATcUu" alt=""><figcaption><p>Click on Save</p></figcaption></figure>

After saving, the signup page refreshes. The background image is displayed on the left side, showing information, while the signup fields are located on the right side. The highlighted features are presented above the signup fields.

<figure><img src="/files/CQ0YdI8yto428EcIOnVe" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.goaffpro.com/affiliate-portal-customization/signup-page/modern-style.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.