Vai al contenuto principale

Integra i widget Catermonkey nel tuo sito web

Guida all'integrazione dei widget nel tuo sito web

Quando integri Catermonkey nel tuo sito web, lo trasformi in una macchina dinamica. Puoi creare i widget sotto forma di modulo di contatto, indicatore di preventivo o negozio online, in modo che i clienti possano richiedere immediatamente un preventivo o effettuare un ordine.

Guarda il breve video tutorial e, se necessario, continua a leggere per ulteriori informazioni.

Terminologia

Per prima cosa, alcuni termini tecnici, a titolo di chiarimento:

  • Codice - per collegare Catermonkey al tuo sito, è necessario inserire un frammento di codice informatico nel tuo sito. Questo deve essere inserito una sola volta nel tuo sito (vedi "istruzioni di installazione"). (Vedi eventualmente il consiglio in fondo a questo articolo)

  • Widget - in Catermonkey chiamiamo così una pagina di ordine/richiesta che crei nel tuo sito web. Può trattarsi, ad esempio, di una pagina per pacchetti barbecue, una pagina per buffet o un modulo di composizione di pacchetti matrimonio, ma può anche essere un modulo di contatto. I widget si creano facilmente da soli in Catermonkey nella pagina dei widget delsito web, e il codice sopra riportato fa sì che vengano visualizzati nel posto giusto sul tuo sito web.


Istruzioni

In alto a destra nel widget, clicca sul pulsante "Collega al tuo sito web".


Il codice si trova sotto "Istruzioni di installazione".

(Il codice è personalizzato per il tuo account, quello sopra riportato è solo un esempio)

Copia e incolla il codice in un blocco HTML/Codice nel tuo sito web, su ogni pagina in cui desideri visualizzare un widget.


Potrebbe essere necessario chiedere assistenza al tuo web designer, ma se si tratta, ad esempio, di un sito WordPress o di un altro CMS, potresti farlo anche da solo. In caso di dubbi, consulta il tuo webmaster.


Creare widget in Catermonkey

Nell'articolo qui sotto troverai le istruzioni su come creare un widget in Catermonkey.


Opzioni avanzate

Lingua del widget

È possibile far tradurre automaticamente la struttura di base del widget (modulo di contatto, data/ora e numero di persone) e i prodotti presenti nel widget.

Scorri verso il basso nel widget fino a "Impostazioni sito web" e seleziona un'altra lingua in "Lingua del widget".

Attualmente in Catermonkey sono disponibili le seguenti lingue: tedesco, inglese, spagnolo, francese, olandese e portoghese.

Attenzione: i titoli dei pulsanti devono comunque essere tradotti manualmente.


Codici colore e CSS

Le seguenti opzioni richiedono una conoscenza (limitata) di CSS e codici colore. Probabilmente il tuo sviluppatore web saprà come gestirle, altrimenti non esitare a chiedere a noi!

Se desideri personalizzare l'aspetto dei widget del negozio, puoi farlo tramite CSS. Tutto il codice HTML nei widget è dotato di nomi di classi HTML logici, tutti che iniziano con "cm-....". Ispeziona i widget per vedere come si chiamano questi nomi di classe. In questo modo puoi regolare aspetti quali colori, bordi, ombreggiature e caratteri.

Un modo leggermente più semplice è quello di estendere il codice di Catermonkey e impostare qui alcune opzioni, come i colori (vedi codice qui sotto).
Sono disponibili 4 colori e 4 colori di sfondo. Se non li specifichi, Catermonkey sceglierà una combinazione di colori predefinita.


NB: In futuro potrebbero essere aggiunte ulteriori opzioni, quindi ti consigliamo di ricontrollare questa pagina di tanto in tanto.

    <script>
    window.catermonkeySettings = {
        "token" : "4609adeb0aaf",
        // deze opties zijn ook beschikbaar
        "color1" : "#fff",
        "color2" : "#ccc",
        "color3" : "#444",
        "color4" : "#fff",
        "bgcolor1" : "#fff",
        "bgcolor2" : "#fff",
        "bgcolor3" : "#fff",
        "bgcolor4" : "#fff"
    };
    </script>
    <div id="catermonkey-shop"></div>
    <script src="https://static.catermonkey.com/cm-shop.js" type="text/javascript"></script>

Se hai ulteriori domande al riguardo, non esitare a contattarci!

Cordiali saluti,

Il team di Catermonkey 🍌


Hai ricevuto la risposta alla tua domanda?