Campo codice coupon: rendilo più visibile nel modulo

Gentile team di Jotform,

desidero segnalarvi un problema che riscontro su tutti i miei moduli di acquisto. Come evidenziato nello screenshot allegato, il pulsante "Applica", situato accanto al campo per l'inserimento del codice sconto, risulta quasi invisibile a causa del colore molto chiaro e del basso contrasto. Questo può causare confusione o difficoltà per gli utenti, che potrebbero non accorgersi della necessità di cliccare su "Applica" per attivare lo sconto.

Come posso intervenire per rendere più visibile il pulsante "Applica" su tutti i miei moduli di acquisto? Esiste un’opzione per modificarne il colore, il contrasto o aggiungere un bordo che lo renda più evidente?

Ringrazio per il supporto e rimango a disposizione per eventuali chiarimenti.

Cordiali saluti,

Hi hylaticinooffice,

Thanks for reaching out to Jotform Support. Our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again. 

Now, coming back to your question, we can use Custom CSS code, to change the coupon code field's background color, and apply dark border to make it more visible. Let me walk you through it:

1. First, copy the CSS code below:

/* Add background and border color to the coupon code field */

input#coupon-input {

border: 1px solid #757171 !important;

background-color: #efefd5 !important;

}

/* end */

2. In the Form Builder, click on the blue Roller Paint icon.

3. From the Form Designer panel, select the Styles Tab. 

4. Next, scroll down a bit and paste the code inside the Inject Custom CSS area. 

You can change the color values according to your liking, and if you have anything in mind that you would like to add, let us know, so we can check.

Reach out to us again if you need any more help.

Salve Lorenzo ho inserito il codice proposto tuttavia per applicare il codice la scritta (Applica ) APPLICA è invisibile c'è la possibilità di poterla modificare

Hi hylaticinooffice,

You can use the code below to make the background of the Apply button darker.

button#coupon-button {

background: #000000 !important;

}

See the screencast below for the result:

You can then replace the Hex value to pick a color that you want and you can use this tool for that.

Let us know if you need any more help.