Ck Sections Documentation

Dopo l'installazione, verrai indirizzato al CK Section Marketplace. Sfoglia i modelli disponibili, come "Stats Counter" o "Modern Image with Text". Quando trovi una sezione che ti piace, clicca sul pulsante Add Free per aggiungerla alla tua collezione.

Dalla dashboard "Le mie sezioni", individua la sezione specifica che desideri utilizzare (ad es. CK - FAQ #1). Clicca sul pulsante "Installa nel tema" situato nella parte inferiore della scheda della sezione.

Apparirà una finestra pop-up intitolata "Installa [Section Name] nel tema". Clicca sul menu a tendina "Seleziona il tema" per visualizzare l'elenco di tutti i temi attualmente disponibili nel tuo negozio Shopify. Scegli il tema in cui desideri aggiungere la sezione

Vai alla barra laterale della tua amministrazione Shopify e clicca su Negozio online. Verrai indirizzato all'area dei temi, dove puoi gestire i temi attivi e quelli in bozza.

Nella barra laterale dell'editor del tema, individua l'area in cui desideri aggiungere il nuovo contenuto (come l'area "Modello") e clicca sul pulsante (+) Aggiungi sezione.

Si aprirà un menu di ricerca. Scorri l'elenco o cerca la sezione che hai appena installato. Solitamente è preceduto da "CK" (ad es. CK faq #1). Cliccaci sopra per aggiungerlo al layout della tua pagina.

Una volta che la sezione appare sulla tua pagina, puoi utilizzare la barra laterale destra per modificare colori, font e testo. Quando sei soddisfatto dell'aspetto, clicca sul pulsante Salva nell'angolo in alto a destra per pubblicare le modifiche.

Fai clic sul pulsante + Crea modulo in alto a destra o al centro della dashboard per aprire la schermata di configurazione.

Hai due modi per creare un modulo:

• Modelli: Scegli tra opzioni predefinite come Modulo di contatto, Candidatura per un lavoro o Ordine personalizzato per risparmiare tempo.
• Inizia da zero: Clicca su Crea modulo vuoto per creare un layout unico da zero.

Il costruttore è suddiviso in tre aree principali:

• Barra laterale sinistra (Tipi di campo): La tua cassetta degli attrezzi. Clicca o trascina qualsiasi campo (Testo, Email, Telefono, Menu a tendina, ecc.) nell'area centrale.
• Area di lavoro centrale: L'anteprima live del tuo modulo. Qui puoi modificare il Titolo del modulo e la Descrizione.
• Barra superiore: Contiene le azioni Annulla/Ripristina, un pulsante Anteprima per visualizzare la versione live, le Impostazioni e il pulsante Salva.

Dopo aver aggiunto un campo, cliccaci sopra per aprire la barra di modifica sul lato destro. La personalizzazione è suddivisa in quattro categorie:

Modifica l'etichetta, aggiungi un testo segnaposto o imposta il campo come obbligatorio.

Imposta le lunghezze min/max dei caratteri o usa espressioni regolari per tipi di dati specifici.

Alterna tra Larghezza intera e Mezza larghezza per posizionare due campi uno accanto all'altro.

La logica condizionale consente di creare moduli "intelligenti" che cambiano in base all'input dell'utente. È possibile mostrare o nascondere campi specifici solo quando vengono soddisfatti determinati criteri.

Come impostare la logica

1. Seleziona un campo: Clicca sul campo che desideri mostrare o nascondere dinamicamente.
2. Abilita la logica: Nella barra laterale destra, espandi la sezione Logica condizionale e spunta la casella Abilita la logica condizionale.
3. Definisci l'azione: * Scegli se Mostrare o Nascondere il campo selezionato.
4. Imposta la corrispondenza della regola:
   Tutte: Ogni condizione deve essere vera.
   Qualsiasi: Basta che una sola delle condizioni sia vera.
5. Configura le condizioni:
   Seleziona il campo: Scegli il valore di quale campo attiverà la logica.
   Seleziona l'operatore: Scegli come confrontare il valore (ad es. Uguale a, Contiene, Maggiore di, Vuoto).
   Inserisci il valore: Digita il valore specifico che stai cercando.

Controlla cosa succede dopo che un utente interagisce con il tuo modulo.

• Testo del pulsante di invio: Personalizza l'etichetta del pulsante di azione principale (ad es. "Invia messaggio", "Prenota ora").
• Messaggio di successo: Scrivi un messaggio di ringraziamento personalizzato che appare immediatamente dopo l'invio riuscito.
• URL di reindirizzamento: (Opzionale) Invia automaticamente gli utenti a una pagina specifica (come una pagina "Grazie" o "Offerte") una volta inviato il modulo.

Adatta il modulo all’identità visiva del tuo negozio senza scrivere codice.

• Colori: Imposta codici esadecimali specifici per il Colore principale (pulsanti/elementi in evidenza), lo Sfondo e il Testo.
• Tipografia: Scegli una Famiglia di caratteri oppure impostala su Eredita dal tema per mantenere coerente l’aspetto del tuo negozio.
• Spaziatura e forma: Usa gli slider per regolare il Raggio del bordo (per gli angoli arrotondati) e il Padding (per dare più spazio ai campi).

Resta aggiornato su nuovi contatti e richieste.

• Abilita le notifiche: Attiva l'interruttore per ricevere un'e-mail ogni volta che viene inviato un modulo.
• E-mail di notifica: Clicca su + Aggiungi e-mail per inviare avvisi a più membri del team o dipartimenti contemporaneamente.

Proteggi il tuo negozio dallo spam e dai bot automatizzati.

• Protezione CAPTCHA: Attivala per aggiungere un passaggio di verifica per gli utenti, impedendo l'invio di dati da parte dei bot.
• Limite di frequenza: Imposta un numero massimo di invii consentiti al minuto da un singolo utente per evitare abusi dei moduli.

Prima che un modulo possa apparire sul tuo negozio, deve essere pubblicato.

• Pubblica: Clicca sul pulsante Pubblica in alto a destra nell'editor.
• Copia ID: Una volta pubblicato, clicca sul pulsante Copia ID nella barra superiore. Avrai bisogno di questo ID univoco per indicare a Shopify quale modulo visualizzare.

Puoi inserire il tuo modulo in qualsiasi pagina (Home, Contatto, Prodotto, ecc.) utilizzando l'editor del tema Shopify.

• Apri l'editor del tema: Vai nella tua amministrazione Shopify > Negozio online > Temi > Personalizza.
• Aggiungi una sezione: Clicca su Aggiungi sezione nella barra laterale sinistra.
• Seleziona la scheda App: Passa da "Sezioni" alla scheda App e seleziona Ck Forms.

Incolla l'ID del modulo: Clicca sul blocco Ck Forms appena aggiunto. Nella barra laterale delle impostazioni a destra, incolla l'ID copiato in precedenza nel campo ID modulo (Screenshot 11).

Salva: Clicca su Salva in alto a destra nell'editor di Shopify.

Il tuo modulo apparirà ora dal vivo sul tuo negozio. Erediterà automaticamente gli stili (colori, font e layout) che hai configurato nelle impostazioni dell'app.