Form della newsletter

In questo video imparerai come aggiungere un form per l'iscrizione alla newsletter per i visitatori del tuo sito.

Ricorda: solo i draft abilitati come Store tramite Webround Commerce possono rendere funzionante questo componente nel proprio draft e sito pubblico.

Trascrizione

Webround dispone di un componente integrato che consente la sottoscrizione a una newsletter per tutti gli utenti, ma questo tipo di funzionalità è abilitata solo sui draft che hanno creato un negozio in Webround Commerce. Questo draft non è ancora un negozio Webround Commerce, ma ti mostrerò comunque come integrare un form di newsletter.

Trascina e rilascia il componente nella tua area di progettazione. Poiché lo stiamo visualizzando in un contenitore scuro e le proprietà del testo predefinite sono nere, il componente non è molto visibile. Lo modificheremo di conseguenza. Non possiamo modificare il contenuto del titolo dal menu del testo, ma lo faremo da un altro menu che ti mostrerò in due passaggi.

In primo luogo, aggiungiamo il bordo inferiore all'area di input per l'email. In seguito, aggiungiamo un margine superiore ai pulsanti per avere uno spazio più chiaro. Riutilizzeremo anche lo stesso stile di un pulsante creato precedentemente. Poiché il componente del form di newsletter è hard-coded per questo design, non tutte le modifiche saranno possibili, ma possiamo procedere a rimuovere il titolo.

Al momento, non puoi rimuovere il componente del titolo con un toggle. Ciò significa che dobbiamo cambiare la sua traduzione. Ricorda, se non trovi il testo editabile nel menu contestuale di un componente, sarà presente all'interno del menu delle configurazioni del testo, accessibile dal menu superiore sinistro tramite l'icona di Webround. Questo menu consente di controllare tutte le configurazioni di testo hard-coded per il tuo sito web, nonché aggiungere nuove lingue.

Utilizza la barra di ricerca dell'input del testo per trovare l'ingresso del testo nella configurazione della localizzazione. Scorri fino al testo evidenziato e sovrascrivilo con una stringa vuota. Non dimenticare di cliccare sul pulsante blu per applicare la nuova configurazione. Terminiamo la configurazione aggiornando l'aspetto su tutti i dispositivi.