Sezione Newsletter

Pixpa ti consente di costruire la tua base di iscritti con l'aiuto della sezione Abbonamento alla newsletter che può essere aggiunta a qualsiasi pagina del tuo sito web o nella sezione Pre-footer. Guarda in azione.

Tutte le iscrizioni alla newsletter sono memorizzate e sono accessibili nel Marketing e SEO > Elenchi e-mail sezione dello studio.

Note:

Tutti gli abbonamenti e-mail sul sito Web saranno disponibili nelle mailing list.

È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
Sulla tua pagina, Fare clic sul blu + icona per aggiungere a Nuova sezione alla tua pagina.

Ora vedrai il categorie di sezione sul lato sinistro.
Scegliere il Moduli (1) categoria e clicca su Newsletter scheda (2) da cui è possibile scegliere diversi layout di Newsletter (3) sezione.

Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.

Dopo aver aggiunto la sezione:

Clicca sul Modifica campi Pulsante (1).

Avrai la possibilità di gestire il pulsante, inviare il messaggio di successo dell'invio e l'HTML.
Salva (2) le modifiche.
Il campo dell'indirizzo e-mail rimarrà nel modulo per impostazione predefinita.

Carica un'immagine (1) per la newsletter.
Aggiungere un Titolo (2)e Descrizione (3) per la newsletter. Prima di aggiungere la descrizione, controlla questo articolo.

specificare la Titolo della sezione (4) per questa sezione.

Clicca sul Modifica campi pulsante (1).

Scegliere il disposizione linguetta (2).
Seleziona il preferito disposizione (3) per la tua sezione e Salva (4) i cambiamenti.

Fare clic su Modifica campi (1) pulsante.

Scegliere il Style (2) scheda.
Cambia lo stile per gli elementi della sezione e Salva (3) le tue modifiche.

Lo stile della sezione è un aspetto importante per creare un'esperienza visivamente accattivante e intuitiva.

Avrai più opzioni di stile per la sezione:

Campi modulo
allineamento
Testo
Spaziatura
Titolo
Immagini
Bordo dell'immagine
Pulsante Modulo
Pulsanti del titolo
Icone social del titolo

Campi modulo

Pixpa consente Tu a completamente personalizzare , il aspetto of Your modulo campi. Alcuni degli styling Opzioni applica a contro tutti i ingresso campi in Your form e dare Tu maggiore di controllo ancora come Your modulo sguardi e feels on Your di COSM

Forma: Scegli la forma dei campi di input, ad esempio rettangolare, arrotondata, a pillola o testo, in base all'estetica del tuo sito web.
Fill: Abilita questa opzione per applicare un colore di riempimento per lo sfondo ai campi del modulo.
Colore base: Imposta il colore di sfondo dei campi quando è abilitata l'opzione di riempimento.
Outline: Attiva o disattiva il bordo (contorno) per ciascun campo.
Colore contorno: Scegli il colore del bordo del campo quando il contorno è abilitato.
Colore del testo del campo: Imposta il colore del testo digitato dagli utenti nei campi del modulo.
Altezza: Regola l'altezza dei tuoi campi scegliendo tra: Piccola, Media, Grande o Extra Large.
etichette: Scegli se le etichette dei campi modulo devono essere visualizzate all'interno o all'esterno del campo.
Colore dell'etichetta: Definisce il colore delle etichette quando vengono posizionate all'esterno del campo.
Etichetta interna Colore: Imposta il colore per le etichette inserite all'interno del campo (utile per le etichette in stile segnaposto).
Spaziatura tra i campi: Utilizzare il cursore per impostare la spaziatura verticale (in pixel) tra ciascun campo del modulo.

allineamento

Gestisci l'allineamento del contenuto del modulo orizzontalmente da Allineamento orizzontale (1).
Gestisci l'allineamento del contenuto del modulo verticalmente da Allineamento verticale (2).

Testo

Clicca sul Cambia stile di testo (1) pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri.
specificare la Titolo (2) stile del carattere del modulo.
specificare la Descrizione (3) stile del carattere del modulo.

Spaziatura

specificare la Larghezza immagine (1) dell'immagine nel modulo in percentuale.
specificare la Spazio sotto il titolo (3) in Px.
specificare la Spazio tra immagine e testo (3) in percentuale.
specificare la Spazio sotto il titolo (4) in percentuale.

Titolo

Allinea orizzontalmente il testo del titolo della sezione. Puoi impostarlo su Sinistra, Centro e Destra.
Abilita/Disabilita il Divider tra il titolo della sezione e il contenuto della sezione.
Impostare il spessore del divisore (in px).
specificare la Colore del divisore dal selettore colori.
Scegli un Stile divisorio dal menu a discesa.
Impostare il Larghezza del titolo per definire la larghezza del titolo della sezione, partendo da un minimo del 50%.
specificare la Spazio sotto il titolo all'interno della sezione (in px).

Immagini

Ritaglio immagine: Scegliere il Imago Ritaglia per le voci dell'elenco. È possibile impostare le immagini come Quadrato, Cerchio, Orizzontale, Ritratto e Originale.
Raggio dell'angolo: Scegliere di avere un raggio d'angolo comune o un raggio d'angolo diverso per ciascun lato degli elementi dell'elenco e impostare un numero (in px) per il Craggio orner delle immagini delle voci dell'elenco. Vedi qui per saperne di più .
Animazione al passaggio del mouse: Scegli Animare l'immagine della sezione al passaggio del mouse abilitando l'interruttore. Controlla questa funzione su una pagina live.
Stile di animazione: Scegli un Stile di animazione per l'immagine quando il cursore passa sopra di essa.
Maschera di forma: Abilita questo interruttore per applicare una maschera di forma alle immagini nella sezione Elenco immagini. Una volta abilitato, la forma selezionata taglierà visivamente l'immagine in quella forma.
Seleziona forma: Scegli tra varie forme predefinite da applicare alle tue immagini. Ciò ti consente di dare uno stile creativo al tuo contenuto visualizzando le immagini in forme uniche come arrotondate, a diamante, a goccia, ecc.

Consiglio

Usando il raggio dell'angolo campo, è possibile creare diverse forme delle immagini degli elementi dell'elenco. Nel caso in cui specifichi 500 px qui, le immagini verranno visualizzate a forma di cerchio.

Nel caso in cui tu abbia scelto gli angoli divisi, puoi impostare un raggio dell'angolo diverso per ogni angolo.

Bordo dell'immagine

Abilita/Disabilita bordo attorno all'immagine spostando l'interruttore.
Scegli di avere a confine comune su tutti i lati dell'immagine oppure puoi specificare il confini separatamente per ogni lato.
specificare la larghezza del confine. Se è impostato su 0, il bordo non verrà visualizzato. Hai anche la possibilità di impostare la larghezza del bordo individualmente per ciascun lato dell'immagine.
Seleziona il Colore bordo dal selettore colori.
Seleziona un preferito Border Style dal menu a discesa.
Determina il larghezza del bordo per dispositivi mobili dispositivi, allineandolo alla larghezza scelta per il desktop.

Pulsante Modulo

Queste impostazioni consentono di personalizzare il pulsante di invio del modulo in modo che corrisponda al design e al layout della pagina.

Dimensione pulsante – Seleziona la dimensione del pulsante (Piccolo, Medio o Grande).
Stile pulsante – Scegli lo stile generale del pulsante, ad esempio Predefinito o Personalizzato.
Colore pulsante – Imposta lo stile del colore del pulsante. Le opzioni includono Predefinito, Inverti o Personalizzato.
Testo del pulsante – Personalizza il colore del testo visualizzato sul pulsante.
Sfondo del pulsante – Seleziona un colore di sfondo per il pulsante.

Pulsanti del titolo

Queste impostazioni controllano l'aspetto e la spaziatura dei pulsanti posizionati con il titolo della sezione.

Dimensione pulsante – Seleziona la dimensione complessiva dei pulsanti (Piccolo, Medio o Grande).
Spazio tra i pulsanti – Regola la spaziatura tra più pulsanti (misurata in vw).
Spazio sopra i pulsanti – Imposta la spaziatura verticale sopra i pulsanti (misurata in percentuale).
Larghezza del pulsante – Scegli la larghezza dei pulsanti. Le opzioni includono Predefinito, Grande, Extra-grande e Larghezza intera.
Dimensione del collegamento di testo – Specificare la dimensione del carattere dei collegamenti di testo associati ai pulsanti (misurata in px).
Dimensione del pulsante immagine – Regola le dimensioni dei pulsanti basati su immagini (misurate in px).

Visualizza e personalizza le icone di condivisione social nel modulo.

Dimensione dell'icona – Regola la dimensione delle icone social (misurata in px).
Tipo di icona – Scegli lo stile delle icone, ad esempio Classico, Solido o Contorno.
Colore icona – Seleziona il colore per le icone. Le opzioni includono Testo del link, Personalizzato o Colore del marchio (colore originale della piattaforma social).
Colore di sfondo dell'icona – Imposta un colore di sfondo personalizzato per le icone per migliorarne la visibilità e lo stile.

Impostare il etichette dei pulsanti per il pulsante di invio del modulo.
Scegliere il dimensione del pulsante da Piccolo, Medio e Grande.
Scegliere il stile pulsante da Solido, Contorno e Collegamento testuale.
Invertire il colore del pulsante. Il colore predefinito verrà applicato dal file Pulsanti e collegamenti opzione nella sezione Design.

Pixpa ti consente di specificare il messaggio che viene visualizzato dopo che l'utente ha inviato il modulo.

specificare la Dopo l'invio riuscito messaggio che appare dopo che l'utente ha inviato il modulo.
Puoi anche aggiungere qualsiasi script nel file post invia successo HTML scatola.

Invia un'e-mail di risposta a tutti coloro che si sono iscritti a questa newsletter.

Abilita/disabilita l'e-mail di successo per questa particolare newsletter.
Inserire il soggetto dell'e-mail.
Inserire il messaggio di successo da inserire nell'e-mail.

entra pre-piè di pagina (1) nella barra di ricerca.
Vedrai i relativi risultati.
Clicca sul Prefooter del sito web opzione (2) sotto Collegamenti dello studio.

Clicca sul blu + icona per aggiungere a Nuova sezione nel tuo prefooter.
Avrai il categorie di sezione sul lato sinistro.
Scegliere il Sezione Newsletter (1) opzione in cui è possibile scegliere tra diversi layout (2).

Scegli il layout della sezione (2) e fai clic su di esso nel tuo prefooter.
Crea il prefooter Active per essere visibile sulle tue pagine.
Clicca sul Visualizzare pulsante nell'angolo in alto a sinistra per rivedere il sito live.

Guarda in azione:

Controlla anche: Aggiungi pre-piè di pagina al sito web.

Puoi esportare l'iscrizione alla newsletter dalla sezione marketing.

entra Elenchi email (1) nella barra di ricerca.
Vedrai i relativi risultati.
Clicca sul Elenchi email opzione (2) sotto Collegamenti dello studio.

Tutti gli abbonamenti e-mail sul sito Web saranno disponibili nelle liste e-mail.
Vai Azione (3) menu e fare clic sul Opzione di download (4) per scaricare le mailing list.

- Mailing list
- Sezione contatti

Tagged: Aggiungi la sezione Newsletter alla pagina mailing list

Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.

Contattaci

In questo articolo:

Aggiungi la sezione Newsletter a una pagina

Gestisci i campi della sezione

Contenuto della newsletter

Gestisci disposizione