Dai spazio al prossimo passaggio.

Conserva ordine e consegna insieme.

Dopo la verifica del pagamento ricevi una copia Framer modificabile e un companion kit separato. Le condizioni di acquisto descrivono licenza per un progetto, assistenza e offerta del primo mese.

1. Conserva l’email di consegna del prodotto: il suo link privato apre la pagina del tuo ordine. La ricevuta di pagamento è un messaggio separato.
2. Crea la copia nativa nel tuo workspace Framer, scarica il companion ed estrailo per aprire START_HERE.html. Il solo ZIP non è un progetto da importare in Framer.
3. Un link di download scade dopo cinque minuti. Riapri il link privato dell’email per ottenere un nuovo download per un ordine valido. Dopo un aggiornamento della pagina di consegna, riapri quel link se ti viene chiesto l’accesso.
4. Se manca l’email o un elemento, scrivi a info@erintechlabs.com con il riferimento dell’ordine per la verifica. Non acquistare di nuovo e non condividere link privati di consegna. Il recupero avviene tramite assistenza, non con una ricerca automatica per email.

• Leggi licenza, assistenza e condizioni dell’offerta

Comprendi cosa include il template.

Relay offre un sito modificabile in Framer e interazioni dimostrative. Il CMS di Framer gestisce i contenuti pubblicati sul sito: non è una casella per le richieste ricevute, un motore di automazione o un sistema di account clienti.

1. Lavora in una tua copia non pubblicata del progetto Framer ricevuto. Conserva la copia originale come riferimento.
2. Controlla in Preview Home, Product, Workflows, Integrations, Pricing, Guides, Changelog, Contact e la pagina 404.
3. Sostituisci la proposta del prodotto fittizio e le integrazioni illustrative con funzionalità realmente supportate dal tuo software.

Il plugin locale di authoring è uno strumento interno di costruzione: non è necessario per chi acquista e non è un backend SaaS. Hosting e capacità CMS dipendono dal tuo piano Framer.

Personalizza l’identità visiva.

Testi delle pagine, link e fotografia editoriale sono livelli nativi di Framer. Piccoli componenti di codice forniscono le dimostrazioni dei workflow, la mappa delle connessioni e il nastro finale.

1. In Assets apri Relay Navigation e seleziona Navigation controls. Modifica Brand, Links e CTA per aggiornare la navigazione condivisa su tutte le pagine. Controlla il menu mobile ed evita di scollegare le singole istanze.
2. Apri Relay Footer in Assets per modificare una sola volta testi finali, link e credito in tutto il sito. Usa gli stili di testo Relay in Assets per modificare la tipografia. Mantieni separati gli stili degli articoli dai grandi titoli marketing.
3. Sostituisci la foto del passaggio di consegne, controllane il ritaglio sugli schermi stretti e aggiorna il testo alternativo. La fotografia inclusa rappresenta persone fittizie.
4. Seleziona un componente interattivo per modificarne i controlli nel pannello delle proprietà. I controlli valgono per quella singola istanza: un colore non aggiorna automaticamente le altre istanze o gli sfondi nativi.

Gestisci i contenuti dal CMS.

Workflows, Integrations, Guides e Updates sono raccolte native. Liste e pagine di dettaglio usano collegamenti ai campi CMS, quindi lo stesso layout può mostrare record diversi.

1. Apri CMS e scegli una raccolta. Crea una bozza oppure modifica un esempio esistente.
2. Compila Title, Summary, Category e Body. Nell’editor rich text usa paragrafi, elenchi e titoli, evitando righe vuote aggiunte solo per creare spazio.
3. In Workflows, Integrations e Guides puoi sostituire Cover e il suo testo alternativo. Le pagine di dettaglio leggono l’immagine dal record corrente; Workflows e Guides la mostrano anche nelle righe dell’indice. Svuotando Cover scompare anche lo spazio dell’immagine. Controlla il ritaglio su desktop e telefono.
4. In un workflow scegli Related integrations. La lista nella pagina di dettaglio mostra i record selezionati e rimanda alle rispettive pagine. Controlla un secondo workflow per verificare che la selezione cambi.
5. Usa Body come introduzione del workflow. Compila Trigger, Prerequisites, Steps ed Expected result per le sezioni dedicate. Destination controlla il pulsante Talk through this workflow: sostituisci il link di contatto di esempio con una destinazione valida per quel workflow.
6. In Integrations modifica Icon monogram, Example triggers and actions e Setup notes. Indice e dettaglio mostrano il monogramma; se lo svuoti, entrambi i riquadri scompaiono. Scegli Related workflows per mostrare i collegamenti ai workflow. La selezione è indipendente da Related integrations nei workflow: aggiorna entrambi i record se desideri collegamenti reciproci.
7. In Guides scegli Related workflow per mostrare una ricetta pertinente. In Updates imposta Published on per controllare la data sopra il titolo. L’articolo di esempio usa il 3 ottobre 2026: sostituiscilo con la data del tuo annuncio. Per ometterla, fai un solo clic sulla cella Published on nella griglia CMS e premi Backspace con la cella selezionata. Verifica che sia vuota: nell’articolo la data scompare.
8. Le sezioni facoltative si richiudono quando il relativo campo è vuoto: Trigger, Expected result, Prerequisites, Steps e Destination nei workflow; Icon monogram, Example triggers and actions e Setup notes nelle integrazioni. Svuotando una relazione scompaiono insieme titolo e lista dei correlati. Nel sito pubblicato la sezione scompare anche quando tutti i contenuti selezionati sono in bozza. Mantieni compilati Title, Summary, Category e Body per offrire un articolo utile.
9. Se non ci sono elementi pubblicati, ogni libreria completa mostra il proprio messaggio e un collegamento a Product; le selezioni in evidenza si richiudono. Per cambiare questi testi, seleziona la lista CMS completa, passa da Content → State a Empty, modifica il testo nativo e torna a Default. Mantieni le regole di visibilità della lista.
10. Scegli uno slug descrittivo e univoco. Cambiare uno slug già pubblicato può interrompere i link esistenti: prepara il redirect appropriato prima di pubblicare.
11. Apri l’indice in Preview, entra nel contenuto e verifica titolo, riassunto, corpo e navigazione. Pubblica solo record revisionati.

La consegna tramite remix è stata provata in uno spazio di lavoro separato, comprese la modifica del marchio condiviso, i contenuti CMS, una data di aggiornamento vuota e le interazioni mobile. Raccolte vuote e relazioni verso sole bozze sono state controllate anche in una copia pubblicata separata. Preview può ancora mostrare le bozze: verifica la loro esclusione nella tua copia pubblicata e revisionata.

Scegli il workflow o la guida in evidenza

Workflows e Guides si aprono con un contenuto illustrato in evidenza, seguito dalla libreria completa. Entrambe le sezioni usano i contenuti del CMS nativo: titolo, riassunto, copertina e collegamento all’articolo.

1. Apri la raccolta Workflows o Guides nel CMS di Framer e attiva Featured sul contenuto da mettere in evidenza.
2. La sezione iniziale mostra il primo contenuto idoneo nell’ordine manuale della raccolta. Per sceglierne uno preciso, disattiva Featured sugli altri oppure sposta la tua scelta prima degli altri nel CMS.
3. Se nessun contenuto ha Featured attivo, la sezione iniziale si richiude. La libreria completa continua a includere tutti i contenuti pubblicati, anche quelli non in evidenza.
4. Controlla la libreria in Preview e apri il collegamento del contenuto in evidenza prima di pubblicare. Featured cambia la presentazione: non pubblica una bozza e non esegue automazioni.

Mantieni i collegamenti quando modifichi gli articoli.

Un livello rich text del CMS ha proprie associazioni per paragrafi e titoli. Modificare un testo vicino non cambia queste associazioni.

1. Apri il template di dettaglio della raccolta e seleziona il livello Body. Mantieni Content collegato al campo Body.
2. Nel pannello Text usa Relay / Body per Paragraph e Relay / Article section per Heading 2. Controlla anche gli altri livelli di titolo che utilizzi.
3. Verifica in Preview un articolo breve e uno lungo, compresi link ed elenchi. Controlla la leggibilità su Phone.

Quando cambi il design, evita di scollegare la variabile del campo o di sostituire il testo dinamico con una frase fissa.

Prepara le anteprime di ricerca e condivisione.

Il progetto include titoli e descrizioni delle pagine, immagine social, favicon chiara/scura e icona Apple. Sostituiscili insieme al marchio prima di pubblicare.

1. Apri Settings → General per modificare titolo e descrizione predefiniti, lingua e immagini del sito. Mantieni Accessibility attivo per rispettare le preferenze di movimento ridotto nelle animazioni native.
2. Apri ogni pagina in Page settings e sostituisci titolo e descrizione personalizzati: questi valori hanno precedenza su quelli generali.
3. I dettagli CMS usano {{Title}} nel titolo e {{Summary}} nella descrizione. Workflows, Integrations e Guides usano Cover come Social preview. Mantieni le variabili collegate e controlla il ritaglio dopo aver cambiato una copertina. Un workflow senza Cover usa l’immagine social generale del sito: sostituisci anche questa quando personalizzi il marchio.
4. La 404 è esclusa dai motori di ricerca e dalla ricerca interna. Mantieni in bozza le pagine di lavorazione. Dopo aver pubblicato la tua copia revisionata, verifica metadati e anteprime social, anche per un record senza Cover.

Usa le scene per spiegare il prodotto.

Gli esempi interattivi funzionano nel browser del visitatore. Non inviano richieste, non creano record nel CRM, non collegano account e non eseguono automazioni reali.

Importa contenuti pubblici solo quando serve.

ErinTech Connect è un plugin gratuito separato che importa campi JSON pubblici supportati in una raccolta gestita di Framer. Non sincronizza automaticamente le raccolte esistenti di Relay e non installa integrazioni con i servizi nominati nella demo.

1. Se non hai un feed pubblico, inizia modificando manualmente i record del CMS nativo.
2. Per importare contenuti, segui la guida Connect, controlla i tipi di campo supportati e verifica l’anteprima prima di applicare le modifiche.
3. Collega la raccolta importata a una lista e a un template di dettaglio nativi adatti, poi verifica i percorsi. Non dare per scontata la mappatura automatica di rich text, immagini o relazioni.

Usa solo dati destinati all’accesso pubblico. Non inserire segreti API, record privati dei clienti o link di consegna a pagamento in un feed pubblico.

• Leggi la guida ErinTech Connect

Configura prezzi e destinazione dei contatti.

I prezzi degli abbonamenti del tuo SaaS sono separati dall’acquisto una tantum di questo template. Prima di pubblicare sostituisci gli esempi dei piani e collega il tuo processo commerciale.

1. Seleziona Relay pricing lab su Pricing. Plan 1, Plan 2 e Plan 3 espongono nome, esecuzioni mensili incluse e descrizione di ogni piano. Modifica i prezzi corrispondenti Plan 1 / month, Plan 2 / month e Plan 3 / month, lo sconto annuale, la valuta e il link di contatto. La modalità annuale mostra equivalente mensile e totale della fattura annuale. Cambiare l’etichetta della valuta non converte gli importi.
2. Verifica limiti e imposte effettivi. Gli esempi originali includono 2.500, 15.000 e 75.000 esecuzioni. Il configuratore suggerisce il primo piano visualizzato che copre il volume e mostra una CTA personalizzata oltre tutte le soglie. Il massimo inseribile è il doppio della soglia più alta. Mantieni i piani nell’ordine in cui vuoi consigliarli. Estimator copy controlla titolo, spiegazione, messaggi del piano personalizzato, pulsanti e avvertenza. Sono impostazioni modificabili del componente, non campi CMS; le etichette di fatturazione e utilizzo restano in inglese.
3. Contact contiene un Form nativo con i campi obbligatori Name, Email e Your handoff. L’override withDemoForm mantiene questi campi modificabili nel canvas e sostituisce l’invio nativo con un’anteprima separata senza invii. L’anteprima non ha un gestore di invio e il pulsante è disabilitato.
4. Nella tua copia non pubblicata seleziona Contact form / configure delivery. Configura Form → Send to e le informazioni privacy, ripristina la variante Default del pulsante nativo, rimuovi Code overrides → DemoForm → withDemoForm e sostituisci l’avviso della demo. Campi nativi e anteprima sono separati: modifica nel canvas i campi da pubblicare. Una raccolta CMS non è una casella per gli invii.
5. Verifica la consegna verso la tua destinazione con una richiesta di prova riconoscibile, prima di accettare richieste dei clienti. Visualizzare la demo Relay non configura questo servizio.

L’offerta Relay è di 49 € per il primo mese di calendario dall’effettiva disponibilità, poi 89 €, una tantum e IVA inclusa. La scheda prodotto indica le date esatte nel fuso Europe/Rome prima dell’acquisto.

Controlla l’intero sito prima di pubblicare.

Una Home funzionante è solo una parte del lavoro. Verifica navigazione, record CMS, destinazioni dei contatti e metadati nella tua copia.

1. Controlla desktop, tablet e telefono, anche a 320px. Prova i titoli e le etichette più lunghi che prevedi di pubblicare.
2. Segui ogni link dall’indice al dettaglio, precedente/successivo e di ritorno. Controlla una raccolta vuota e il comportamento delle pagine mancanti.
3. Sostituisci titoli delle pagine, descrizioni, immagini social e icona del sito. Verifica dominio canonico e redirect necessari.
4. Mantieni in bozza le pagine di costruzione e i record incompleti. Collega il tuo dominio e pubblica dopo i controlli di contenuto e contatti.

Controlla il collegamento prima di ricostruire una pagina.

Puoi isolare molti problemi di contenuto verificando separatamente il record, la raccolta collegata e lo stile del livello.

Per chiedere assistenza indica pagina, larghezza del dispositivo e passaggi per riprodurre il problema. Non inviare password, chiavi API private o dati dei clienti. Licenza e condizioni di assistenza 1.1 sono collegate sopra; il tuo ordine identifica la versione applicabile.