Pubblicazione

Apri Dermaself → Pubblicazione. Qui scegli dove compare il pulsante che apre lo Skin Test. È tutto disattivato finché non lo attivi: dopo l’installazione in negozio non compare nulla.

Tutti i pulsanti prendono lo stile da Personalizzazione → Pulsante sul sito. Se ne usi più di uno, conviene limitarli a pagine o dispositivi diversi.

Pulsante fluttuante

Un pulsante fissato in un angolo dello schermo, sulle pagine che scegli.

1. Spunta Mostra il pulsante fluttuante → Attivo.
2. Posizione: In basso a destra, In basso a sinistra o In basso al centro.
3. Dispositivi: Tutti i dispositivi, Solo desktop o Solo mobile.
4. Pagine:
   • Tutte le pagine
   • Solo le pagine del negozio (shop, categorie, prodotti, carrello, checkout)
   • Solo la homepage
5. Clicca Salva posizionamento.

Pagine WooCommerce

Aggiunge il pulsante dentro i template del negozio, senza modificare nessun file del tema.

• Pagina prodotto — sotto “Aggiungi al carrello”.
• Shop e categorie — sopra la griglia dei prodotti.
• Carrello — sopra il carrello. Funziona sia con il carrello classico sia con il blocco Carrello di WooCommerce (il default dei negozi nuovi). Il pulsante compare solo quando il carrello contiene qualcosa.

Scegli anche qui i Dispositivi, poi Salva posizionamento.

Posizionalo tu

Per mettere il pulsante in un punto preciso:

Editor a blocchi (Gutenberg)

Aggiungi il blocco Pulsante Dermaself Skin Test (in inglese “Dermaself Skin Test button”) a qualsiasi pagina o articolo. Nella barra laterale del blocco puoi cambiare il testo e l’allineamento (sinistra, centro, destra). Se lasci vuoto il testo, viene usato quello di Personalizzazione.

Elementor

Nel pannello dei widget cerca Dermaself Skin Test. Il widget ha Testo del pulsante, Allineamento e Mostra su (Tutti i dispositivi, Solo desktop, Solo mobile).

Shortcode

[dermaself_quiz_button]

Per cambiare l’etichetta solo lì:

[dermaself_quiz_button text="Trova la mia routine"]

Senza text, lo shortcode usa il testo salvato in Personalizzazione, nella lingua del sito.

Un pulsante tuo

Assegna id="dermaself-quiz" a un elemento qualsiasi (un bottone, una voce di menu), oppure richiama window.openSkinAnalysis() dal tuo codice.

Dispositivi e cache

La scelta desktop / mobile è applicata via CSS, non dal server: funziona anche con i plugin di cache delle pagine.

Se il pulsante fluttuante non ubbidisce

Se vedi l’avviso sul filtro dermaself_woo_autoinject_button, il tuo tema o un altro plugin sta decidendo al posto dell’impostazione. Rimuovi il filtro per tornare a gestirlo da qui.

Prova in negozio

1. Apri il negozio da una finestra in incognito (non l’admin).
2. Clicca il pulsante: lo Skin Test si apre sopra la pagina.
3. Completa consenso → quiz → selfie e controlla la routine.
4. Aggiungi la routine al carrello.
5. In Dashboard deve comparire la sessione.

Se il pulsante non si vede: controlla di aver salvato il posizionamento, il filtro dispositivi e, per il carrello, che il carrello non sia vuoto.