dabble bonus sign up: code field, email step, first balance

The dabble bonus sign up screen is the first place new users see the code field. It sits on the same form as the email and password entries, before the account is created. The layout puts the code box above the terms checkbox, and the page repeats the code on the next screen so users can check it. No bonus amount appears on this first screen.

Where dabble bonus sign up puts the code input above the checkbox

On the sign-up tab, the dabble bonus sign up code input is not hidden behind a menu. It appears as a normal text field with a short label. The field accepts letters and numbers, and the page does not auto-apply the code until the continue button is used. A small helper text under the field says the code will be checked after the email is confirmed.

What the email step does before the code is checked

After the email is entered, the page may show a verification link or a short delay. The code field remains visible during this step. Users can edit the code before the account is created. The dabble bonus sign up flow does not show a bonus balance line until the code has been checked against the offer page. If the email is changed, the code field stays in place and keeps the last entry.

The confirmation screen that repeats the code from the form

After the code is submitted, a confirmation screen shows the same code again, along with a link to the offer details. The dabble bonus sign up path puts the offer details link on this screen, not on the main promotions tab. The confirmation screen also shows the email address used in the previous step. This is the last screen before the account summary becomes available.

Reading the bonus line in the account summary

Once the account is open, the account summary may show a bonus balance line separate from the main balance. The line has a label and an info icon that opens the offer details. The code is not shown again in the summary. The dabble bonus sign up code field is replaced by a status label that says whether the bonus is active or pending. The same label appears in the menu under the account section.

When the code field stays visible after a tab switch

The code field stays visible if the user returns to the sign-up tab before confirming the email. It does not carry over to the login tab. Users who switch tabs need to re-enter the code. The dabble bonus sign up page does not store the code in the browser session, so a page refresh clears the field. The offer details link remains clickable even if the code field is empty.

Where the offer details page sits between form and balance

The offer details page opens in the same tab and shows the code at the top, followed by a description of the bonus and a list of eligible actions. The page is not part of the sign-up form, but it is linked from both the code field and the confirmation screen. The dabble bonus sign up flow uses this page to show the same code that was entered on the form. Users can return to the form from the offer details page without losing the email entry.

The dabble bonus sign up path is a short sequence of screens, and the code field is the anchor point for the offer. The first balance view after sign-up shows whether the code was accepted, and the offer details page remains the place to check the code again.