Ao integrar o Catermonkey no seu site, transforma-o numa máquina dinâmica. Pode criar os widgets como um formulário de contacto, um indicador de orçamento ou uma loja online, para que os clientes possam solicitar um orçamento ou fazer uma encomenda imediatamente.
Veja o breve vídeo de instruções e, se desejar, continue a ler para obter mais informações.
Termos técnicos
Primeiro, alguns termos técnicos, para esclarecimento:
Código - para ligar o Catermonkey ao seu site, este deve ser equipado com um pequeno código informático. Deve colar este código uma única vez no seu site (ver «instruções de instalação»). (Consulte, se necessário, a dica no final deste artigo)
Widget - é assim que chamamos no Catermonkey a uma página de encomendas/pedidos que cria no seu site. Pode ser, por exemplo, uma página para pacotes de churrasco, uma página para buffets ou um módulo de composição de pacotes de casamento, mas também pode ser um formulário de contacto. Pode criar facilmente os seus próprios widgets na página de widgets do site da Catermonkey, e o código acima garante que estes sejam apresentados no local correto do seu site.
Instruções
No canto superior direito do widget, clique no botão «Ligar ao seu site».
Encontrará o código em «Instruções de instalação».
(O código é personalizado para a sua conta; o código acima é um exemplo)
Copie e cole o código num bloco de HTML/código no seu site, em cada página onde pretenda exibir um widget.
Pode ser necessário que o seu web designer o ajude com isto, mas se for, por exemplo, um site WordPress ou outro CMS, também poderá fazê-lo sozinho. Em caso de dúvida, consulte o seu webmaster.
Criar widgets no Catermonkey
No artigo abaixo, pode ler as instruções sobre como criar um widget no Catermonkey.
Opções avançadas
Idioma do widget
É possível traduzir automaticamente a base do widget (formulário de contacto, data/hora e número de pessoas) e os produtos num widget.
No widget, desça até «Configurações do site» e selecione outro idioma em «Idioma do widget».
Atualmente, os seguintes idiomas estão disponíveis no Catermonkey: alemão, inglês, espanhol, francês, neerlandês e português.
Atenção: os títulos dos botões têm, no entanto, de ser traduzidos manualmente.
Códigos de cor e CSS
As seguintes opções requerem conhecimentos (limitados) de CSS e códigos de cor. O seu web designer provavelmente saberá como lidar com isto; caso contrário, não hesite em contactar-nos!
Se quiseres personalizar o aspeto dos widgets da loja, isso é feito através de CSS. Todo o código HTML nos widgets tem nomes de classes HTML lógicos, todos começando por «cm-...». Inspecione os widgets para ver como se chamam essas classes. Assim, pode ajustar aspetos como cores, bordas, sombras e tipos de letra.
Uma forma um pouco mais simples é expandir o código do Catermonkey e definir aqui algumas configurações, como as cores (ver código abaixo).
Estão disponíveis 4 cores e 4 cores de fundo. Se não definir estas, o Catermonkey irá escolher um conjunto de cores padrão.
NB: No futuro, poderão ser adicionadas novas opções, por isso, volte a consultar esta página de vez em quando.
<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 tiver alguma dúvida sobre isto, não hesite em contactar-nos!
Cumprimentos,
A equipa Catermonkey 🍌