Editor Wix: aggiungere elementi personalizzati e Embed al tuo sito mobile
Tempo di lettura: 3 min.
Usa gli embed e gli elementi personalizzati per mostrare contenuti come URL esterni, widget e animazioni sul tuo sito.
Scopri di più su:
Embed trasferiti dal tuo sito desktop
Gli elementi personalizzati e gli embed aggiunti al tuo sito desktop potrebbero essere mostrati in modo diverso sul tuo sito mobile.
Questo perché alcuni iFrame sono progettati per schermi di dimensioni specifiche e potrebbero non adattarsi o allinearsi correttamente nei dispositivi mobile.
Se il tuo elemento non viene visualizzato correttamente nella versione mobile del tuo sito, ti consigliamo di nascondere la versione desktop e aggiungere un'alternativa mobile-friendly dal pannello Aggiungi nell'Editor Mobile (vedi sotto).
Aggiungere embed ed elementi personalizzati al tuo sito mobile
Aggiungi un embed, un widget o un elemento personalizzato al tuo sito per dispositivi mobile per mostrare contenuti pertinenti, divertenti o interessanti. Puoi usarli per aggiungere app, siti e persino animazioni al tuo sito.
Importante:
Gli elementi aggiunti dall'Editor Mobile sono solo per dispositivi mobile. Ciò significa che non vengono mostrati nella versione desktop del tuo sito.
Per aggiungere un embed o un elemento o personalizzato al tuo sito mobile:
- Clicca su Aggiungi
sul lato sinistro dell'Editor Mobile
- Clicca su Codice di incorporamento
- Clicca sull'elemento pertinente per aggiungerlo alla tua pagina:
- Incorpora HTML: inserisci il codice da server esterni per mostrare widget e app sul tuo sito mobile
- Incorpora un sito: incolla o digita un URL per visualizzare siti web esterni sulla tua pagina
- Elemento personalizzato: mostra tutto ciò che desideri sul tuo sito utilizzando frammenti di codice
- Inserisci i dettagli rilevanti per il tuo widget
Nota:
Se stai aggiungendo un elemento personalizzato al tuo sito, devi scegliere una fonte. Potresti anche essere in grado di aggiungere attributi al tuo elemento. Scopri di più
Informazioni importanti sugli iFrame
Quando incorpori un codice o un URL in un iFrame, tieni a mente le seguenti linee guida per assicurarti che vengano mostrati correttamente sul tuo sito.
- Assicurati sempre che il codice che stai incorporando sia aggiornato e compatibile con HTML5. La maggior parte dei browser non mostra correttamente le pagine e gli script se sono stati scritti utilizzando versioni di HTML precedenti
- Non esiste un limite di caratteri per gli elementi HTML e Incorpora un sito
- Il tuo codice deve contenere HTTPS e non HTTP
- I documenti HTML sono descritti da tag HTML. I tag HTML sono normalmente disponibili in coppie come <p> e </p>. Il primo tag di una coppia è il tag iniziale; il secondo tag è il tag finale. Questo formato dei tag è fondamentale per mantenere la struttura della pagina che stai cercando di incorporare
- Alcuni siti hanno politiche di sicurezza che non gli permettono di essere incorporati su piattaforme esterne come Wix. Di conseguenza, non appariranno nel tuo iFrame dopo aver incollato il loro URL. Questo è controllato dal codice esterno del sito e non è possibile aggirare la cosa all'interno di Wix
Informazioni importanti sugli elementi personalizzati
Per motivi di sicurezza, l'elemento personalizzato viene visualizzato all'interno di un iFrame all'interno dell'Editor e in modalità Anteprima.
Ciò potrebbe influire sul layout del componente, quindi ti consigliamo di andare al tuo sito pubblicato per vedere come appare sul tuo sito live. Puoi anche utilizzare le versioni di prova come anteprima live del sito. Scopri come fare
- Per motivi di sicurezza, per utilizzare l'elemento personalizzato, devi fare l'upgrade del tuo sito ad un pacchetto Premium, collegare un dominio e non mostrare annunci su di esso
- Assicurati che il tuo codice contenga HTTPS, e non HTTP, altrimenti non verrà mostrato sul tuo sito live
- Il codice JavaScript contiene gli elementi principali della pagina, ma le impostazioni di progettazione e altre funzionalità complesse potrebbero essere memorizzate separatamente. Pertanto, alcuni elementi potrebbero non funzionare o avere lo stesso aspetto se gli elementi rilevanti non sono inclusi nel codice JS principale, ad esempio nei file CSS e altri file JS
- Assicurati sempre che il codice sia aggiornato e compatibile con HTML5. La maggior parte dei browser non mostra correttamente le pagine e gli script se sono stati scritti utilizzando versioni precedenti di JS o HTML
- La SEO può essere definita separatamente utilizzando l'API Velo
- Le prestazioni dipendono dall'implementazione dell'elemento personalizzato stesso
- Se non utilizzi Velo (link ad articolo in inglese), devi essere l'host del codice dell'elemento personalizzato
Hai trovato utile questo articolo?
|