Al integrar Catermonkey en tu sitio web, lo conviertes en una herramienta dinámica. Puedes crear los widgets como un formulario de contacto, un indicador de presupuesto o una tienda online para que los clientes puedan solicitar un presupuesto o realizar un pedido al instante.
Mira el breve vídeo instructivo y, si lo deseas, sigue leyendo para obtener más información.
Términos técnicos
En primer lugar, algunos términos técnicos, para mayor claridad:
Código: para vincular Catermonkey a tu sitio web, este debe incluir un fragmento de código informático. Solo tienes que pegarlo una vez en tu sitio web (consulta las «instrucciones de instalación»). (Consulta el consejo al final de este artículo si lo necesitas)
Widget: así es como llamamos en Catermonkey a una página de pedido/solicitud que creas en tu sitio web. Puede ser, por ejemplo, una página para paquetes de barbacoa, una página para bufés o un módulo de configuración de paquetes de boda, pero también puede ser un formulario de contacto. En Catermonkey puedes crear fácilmente tus propios widgets en la página de widgets delsitio web, y el código anterior se encarga de que se muestren en tu sitio web en el lugar adecuado.
Instrucciones
En la esquina superior derecha del widget, haz clic en el botón «Vincular a tu sitio web».
Encontrarás el código en «Instrucciones de instalación».
(El código está personalizado para tu cuenta; el código anterior es un ejemplo)
Copia y pega el código en un bloque de HTML/código de tu sitio web, en cada página donde quieras mostrar un widget.
Es posible que tu desarrollador web tenga que ayudarte con esto, pero si se trata, por ejemplo, de un sitio de WordPress u otro CMS, también podrías hacerlo tú mismo. En caso de duda, consulta con tu administrador web.
Crear widgets en Catermonkey
En el siguiente artículo encontrarás las instrucciones para crear un widget en Catermonkey.
Opciones avanzadas
Idioma del widget
Es posible traducir automáticamente la parte básica del widget (formulario de contacto, fecha/hora y número de personas) y los productos que contiene.
Desplázate hacia abajo en el widget hasta «Configuración del sitio web» y selecciona otro idioma en «Idioma del widget».
Actualmente, los siguientes idiomas están disponibles en Catermonkey: alemán, inglés, español, francés, neerlandés y portugués.
Nota: sin embargo, los títulos de los botones deben traducirse manualmente.
Códigos de color y CSS
Las siguientes opciones requieren conocimientos (básicos) de CSS y códigos de color. Probablemente tu desarrollador web sabrá cómo hacerlo, y si no, ¡no dudes en preguntarnos!
Si quieres personalizar el aspecto de los widgets de la tienda, puedes hacerlo mediante CSS. Todo el código HTML de los widgets tiene nombres de clases HTML lógicos, todos ellos comenzando por «cm-...». Inspecciona los widgets para ver cómo se llaman estas clases. Así podrás controlar aspectos como colores, bordes, sombras y fuentes.
Una forma un poco más sencilla es ampliar el código de Catermonkey y configurar aquí algunos ajustes, como los colores (véase el código a continuación).
Hay 4 colores disponibles y 4 colores de fondo. Si no los especificas, Catermonkey elegirá un conjunto de colores predeterminado.
Nota: Es posible que en el futuro se añadan más opciones, así que vuelve a visitar esta página de vez en cuando.
<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>
Si tienes alguna pregunta al respecto, ¡no dudes en ponerte en contacto con nosotros!
Atentamente,
El equipo de Catermonkey 🍌