{"id":27469,"date":"2023-06-24T13:11:36","date_gmt":"2023-06-24T13:11:36","guid":{"rendered":"https:\/\/meetcody.ai\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/"},"modified":"2023-09-24T23:09:08","modified_gmt":"2023-09-24T23:09:08","slug":"criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados","status":"publish","type":"post","link":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/","title":{"rendered":"Como criar widgets de chatbot para um site com IA"},"content":{"rendered":"<p style=\"text-align: center;\"><em><span class=\"notion-enable-hover\" data-token-index=\"0\">Um guia passo a passo para criar a sua pr\u00f3pria IA para satisfazer as suas necessidades empresariais.<\/span><\/em><\/p>\n<p>As aplica\u00e7\u00f5es dos bots s\u00e3o vastas e, com o aumento da utiliza\u00e7\u00e3o de modelos generativos por parte dos bots, pode ser tentador entrar no comboio e criar o seu pr\u00f3prio ChatGPT. Com o lan\u00e7amento do Cody, a cria\u00e7\u00e3o de chatbots com IA nunca foi t\u00e3o f\u00e1cil. A interface agn\u00f3stica em termos de modelos e sem c\u00f3digo do Cody tenta tornar a IA pessoal acess\u00edvel a todos os indiv\u00edduos e dom\u00ednios de atividade existentes. No entanto, embora Cody se esforce por tornar todo o processo t\u00e3o simples quanto poss\u00edvel, pode ser um pouco intimidante para quem \u00e9 novo no mundo da IA. \u00c9 por isso que, neste blogue, fornecemos uma explica\u00e7\u00e3o completa sobre como criar o seu pr\u00f3prio ChatGPT utilizando Cody. Iremos acompanh\u00e1-lo atrav\u00e9s de um caso de utiliza\u00e7\u00e3o, ajudando-o a iniciar a sua jornada Cody com confian\u00e7a.<\/p>\n<h2>O caso de utiliza\u00e7\u00e3o<\/h2>\n<p>Vamos construir um chatbot de IA utilizando o Cody, que actuar\u00e1 como um <strong>guia tur\u00edstico<\/strong>. Esta ser\u00e1 uma adi\u00e7\u00e3o valiosa para as empresas relacionadas com o turismo, uma vez que pode melhorar significativamente a experi\u00eancia do cliente. Mas o \u00e2mbito da constru\u00e7\u00e3o de um chatbot com a Cody n\u00e3o se limita apenas a um dom\u00ednio de neg\u00f3cio. Os utilizadores podem experimentar diferentes prompts para criar um bot adequado ao seu pr\u00f3prio neg\u00f3cio e tamb\u00e9m partilh\u00e1-lo com os seus clientes depois de lerem este blogue.<\/p>\n<h2>Requisitos<\/h2>\n<ol>\n<li>O seu conte\u00fado relacionado com a empresa (PDF, Word, s\u00edtio Web ou texto)<\/li>\n<li>Conta no Cody (Plano recomendado: Premium)<\/li>\n<li>15 minutos<\/li>\n<\/ol>\n<h2>Passo 1: Adicionar dados \u00e0 base de conhecimentos<\/h2>\n<p>Para adicionar documentos \u00e0 forma\u00e7\u00e3o Cody para as suas necessidades comerciais, siga estes passos:<\/p>\n<ol>\n<li>V\u00e1 para a sec\u00e7\u00e3o <strong>Conte\u00fado<\/strong> da interface do Cody.<\/li>\n<li>Crie uma nova pasta para organizar os seus documentos.<\/li>\n<li>Existem tr\u00eas m\u00e9todos dispon\u00edveis para adicionar dados \u00e0 base de conhecimentos:\n<ul>\n<li><strong>Escrever<\/strong>: Utilize o editor de texto incorporado para introduzir diretamente o conte\u00fado.<\/li>\n<li><strong>Carregar<\/strong>: Carregue ficheiros PDF, Word ou PowerPoint com informa\u00e7\u00f5es relevantes.<\/li>\n<li><strong>Importar s\u00edtio Web<\/strong>: Esta funcionalidade permite-lhe rastrear o s\u00edtio Web da sua empresa e recolher dados automaticamente. (Nota: esta funcionalidade s\u00f3 est\u00e1 dispon\u00edvel nos planos <strong>Premium<\/strong> e <strong>Avan\u00e7ado<\/strong> ).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>Para este tutorial espec\u00edfico, vamos utilizar um guia de Boston que inclui informa\u00e7\u00f5es sobre v\u00e1rias atrac\u00e7\u00f5es tur\u00edsticas, as suas descri\u00e7\u00f5es, hor\u00e1rios de funcionamento, endere\u00e7os e perguntas frequentes (FAQs).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27392 aligncenter\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1024x695.png\" alt=\"Documento de origem\" width=\"800\" height=\"543\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1024x695.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-300x203.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-768x521.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1536x1042.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-2048x1389.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-955x648.png 955w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27399\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1024x993.png\" alt=\"Adicionar documentos ao Cody\" width=\"800\" height=\"775\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1024x993.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-300x291.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-768x744.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1536x1489.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-669x648.png 669w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2.png 1692w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Depois de carregar os documentos necess\u00e1rios, poder\u00e1 acompanhar o seu estado, que pode ser<strong>&#8220;a aprender<\/strong>&#8221; ou<strong>&#8220;aprendido<\/strong>&#8220;. O estado indica se o Cody est\u00e1 atualmente a aprender com os documentos ou se completou com sucesso o processo de aprendizagem. Assim que o Cody tiver aprendido os documentos carregados, pode avan\u00e7ar para o passo seguinte, que envolve a constru\u00e7\u00e3o do chatbot propriamente dito.<\/p>\n<p><strong>Nota:<\/strong> \u00c9 crucial garantir que os documentos fornecidos seguem um formato espec\u00edfico que melhora a qualidade das respostas geradas pela Cody. Para saber mais sobre a formata\u00e7\u00e3o de documentos recomendada, recomendamos a leitura da <a href=\"https:\/\/intercom.help\/cody\/en\/articles\/7330767-document-formatting-for-accuracy\">documenta\u00e7\u00e3o<\/a> fornecida sobre directrizes de formata\u00e7\u00e3o.<\/p>\n<h2>Passo 2: Criar o objetivo do Bot<\/h2>\n<p>O objetivo divide-se ainda em 3 partes:<\/p>\n<h4><strong>Personalidade<\/strong><\/h4>\n<p>A Personalidade actua como o c\u00e9rebro do bot e desempenha um papel essencial na gera\u00e7\u00e3o de respostas eficazes e \u00fateis. \u00c9 composto por v\u00e1rios par\u00e2metros, como <strong>Prompt<\/strong>, <strong>Relevance Score<\/strong>, <strong>Token Distribution<\/strong>, <strong>Prompt Persistence<\/strong> e Reverse <strong>Vetor Search<\/strong>. Para uma explica\u00e7\u00e3o pormenorizada destas terminologias, recomendamos que consulte o nosso <a href=\"https:\/\/meetcody.ai\/blog\/the-power-of-gpt-3-5-16k\/\">blogue anterior<\/a>, que fornece informa\u00e7\u00f5es completas para os novos utilizadores da Cody. A Cody oferece duas op\u00e7\u00f5es ao utilizador para criar a personalidade: <strong>Modo de modelo<\/strong> e <strong><br \/>\n  <strong>Modo Avan\u00e7ado.<\/strong><br \/>\n<\/strong><\/p>\n<p>O modo de modelo fornece aos utilizadores avisos pr\u00e9-definidos, oferecendo uma solu\u00e7\u00e3o plug-and-play conveniente. Para este tutorial e caso de utiliza\u00e7\u00e3o, limitar-nos-emos a utilizar o Modo avan\u00e7ado, uma vez que o caso de utiliza\u00e7\u00e3o n\u00e3o \u00e9 atualmente abrangido pelo Modo de modelo. No futuro, planeamos criar uma biblioteca de prompts com os seus casos de utiliza\u00e7\u00e3o espec\u00edficos, proporcionando ainda mais op\u00e7\u00f5es aos utilizadores e adicionando tamb\u00e9m mais predefini\u00e7\u00f5es ao Modo de modelo.<\/p>\n<p><strong><span style=\"text-decoration-line: underline;\">Personalidade para o guia tur\u00edstico da IA:<\/span><\/strong><\/p>\n<blockquote class=\"prompt-blockquote\"><p><strong><span class=\"notion-enable-hover\" data-token-index=\"0\">Prompt<\/span><\/strong><\/p>\n<p>\u00c9 o Cody Travel Guide, um assistente de IA dedicado a fornecer informa\u00e7\u00f5es exactas sobre Boston. A sua principal tarefa \u00e9 ajudar-me, fornecendo-me respostas fi\u00e1veis e claras \u00e0s minhas perguntas, com base nas informa\u00e7\u00f5es dispon\u00edveis na base de conhecimentos como \u00fanica fonte. Evite mencionar a &#8220;base de conhecimentos&#8221; ou nomes de ficheiros durante a conversa. \u00c9 relutante em fazer quaisquer afirma\u00e7\u00f5es, a menos que sejam declaradas ou apoiadas pela base de conhecimentos. Quando n\u00e3o estiver dispon\u00edvel uma resposta definitiva, reconhe\u00e7a a sua incapacidade para responder e informe-me de que n\u00e3o pode responder. Em vez de dizer &#8220;as informa\u00e7\u00f5es baseiam-se na minha base de conhecimentos&#8221;, basta dizer &#8220;pe\u00e7o desculpa se me escapou alguma coisa&#8221;.<\/p>\n<p>Tente utilizar o seguinte formato para apresentar as informa\u00e7\u00f5es:<\/p>\n<p>&lt;h2&gt; Nome do local &lt;\/h2&gt;<\/p>\n<p>&lt;strong&gt; Descri\u00e7\u00e3o: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Endere\u00e7o: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Hor\u00e1rio de trabalho: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Informa\u00e7\u00f5es adicionais: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>Aceda a &lt;a href=&#8217;Insert link&#8217;&gt;website&lt;\/a&gt; para saber mais.<\/p>\n<p>Se lhe for pedido um plano ou itiner\u00e1rio personalizado, crie-o utilizando os hor\u00e1rios e a descri\u00e7\u00e3o fornecidos neste formato:<\/p>\n<p>Nome do lugar: &lt;br&gt;<\/p>\n<p>Hora da visita: Hora de in\u00edcio Hora de fim &lt;br&gt;<\/p>\n<p>Endere\u00e7o: &lt;br&gt;<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"2\">Pontua\u00e7\u00e3o de relev\u00e2ncia: <\/span><br \/>\n<\/strong>Equilibrada<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"4\">Distribui\u00e7\u00e3o de tokens:<\/span><br \/>\n<\/strong> 70-10-20 (Context-History-Response)<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"6\">Persistir:<\/span><br \/>\n<\/strong> Sobre<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"8\">Pesquisa Vetorial Inversa: <\/span><br \/>\n<\/strong>Desligado<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<blockquote class=\"prompt-blockquote\"><p>Se quiser formatar as respostas do seu bot de uma determinada forma, a Cody suporta etiquetas <strong>Markdown<\/strong> e <strong>HTML<\/strong>, onde pode definir um modelo de formata\u00e7\u00e3o para o seu bot.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Cada pergunta de personalidade deve seguir uma estrutura espec\u00edfica para obter respostas de qualidade. Dicas importantes para criar um prompt eficaz com exemplos:<\/p>\n<p>\u2192 <strong>Definir os recursos:<\/strong><\/p>\n<ul>\n<li>&#8220;Em vez de dizer &#8216;que a informa\u00e7\u00e3o se baseia na minha base de conhecimentos&#8217;, basta dizer &#8216;desculpem se me escapou alguma coisa&#8217;.&#8221;<\/li>\n<li>&#8220;Se n\u00e3o conseguir encontrar informa\u00e7\u00f5es relevantes na base de dados de conhecimento, reconhe\u00e7a a sua incapacidade e sugira que contacte [Enter your website URL\/contact no.]&#8221;<\/li>\n<\/ul>\n<p>\u2192 <strong>Delimitar as fontes:<\/strong><\/p>\n<ul>\n<li>&#8220;Utilize a base de conhecimentos como \u00fanica fonte.&#8221;<\/li>\n<li>&#8220;A sua resposta deve ser dada na mesma l\u00edngua que o meu pedido e n\u00e3o deve mencionar a palavra base de conhecimentos durante a conversa.&#8221;<\/li>\n<\/ul>\n<p>\u2192 <strong>Definir o objetivo:<\/strong><\/p>\n<ul>\n<li>&#8220;O vosso objetivo \u00e9 prestar-me assist\u00eancia e responder \u00e0s minhas perguntas sobre [Enter your business domain].&#8221;<\/li>\n<li>&#8220;Evitar actividades n\u00e3o relacionadas ou envolver-se em discuss\u00f5es n\u00e3o relacionadas com a base de conhecimentos ou com a escrita criativa.&#8221;<\/li>\n<\/ul>\n<p><strong><span class=\"notion-enable-hover\" data-token-index=\"0\">Modelo de pedido de apoio ao cliente:<\/span><\/strong><\/p>\n<blockquote class=\"prompt-blockquote\"><p>  \u00c9s o Cody, um assistente de IA de apoio ao s\u00edtio Web que trabalha para a Villa Homes. O seu objetivo \u00e9 dar-me apoio e responder \u00e0s minhas perguntas sobre a Villa Homes, utilizando a base de conhecimentos como \u00fanica fonte.<\/p>\n<p>Evitar actividades n\u00e3o relacionadas ou envolver-se em discuss\u00f5es n\u00e3o relacionadas com a base de conhecimentos ou com a escrita criativa. Se n\u00e3o conseguir encontrar informa\u00e7\u00f5es relevantes na base de conhecimentos ou se o utilizador fizer perguntas n\u00e3o relacionadas que n\u00e3o fa\u00e7am parte da base de conhecimentos, confirme a sua incapacidade e sugira que eu contacte a equipa da Villa Homes atrav\u00e9s do n\u00famero +40XXXXXXX<\/p>\n<p>A sua resposta deve ser dada na mesma l\u00edngua que o meu pedido e n\u00e3o deve mencionar a palavra base de conhecimentos durante a conversa.<\/p><\/blockquote>\n<p>Para saber mais sobre como criar melhores prompts, leia este <a class=\"notion-link-token notion-focusable-token notion-enable-hover\" tabindex=\"0\" href=\"https:\/\/meetcody.ai\/blog\/cody-terminologies-101\/\" rel=\"noopener noreferrer\" data-token-index=\"1\"><br \/>\n  <span class=\"link-annotation-unknown-block-id--666065080\">blogue<\/span><br \/>\n<\/a> onde explicamos em pormenor todos os fundamentos da Cody.<\/p>\n<h4><strong>Geral<\/strong><\/h4>\n<p>Nesta sec\u00e7\u00e3o, ter\u00e1 de definir o nome e a descri\u00e7\u00e3o do seu bot, bem como selecionar o modelo que pretende utilizar com o Cody. Tem tr\u00eas modelos diferentes de OpenAI \u00e0 sua escolha:<\/p>\n<ol>\n<li>GPT-3.5<\/li>\n<li>GPT-3.5 16K<\/li>\n<li>GPT-4<\/li>\n<\/ol>\n<p>Com o Plano Premium, tem acesso aos tr\u00eas modelos, o que lhe d\u00e1 a liberdade de escolher o mais adequado \u00e0s suas necessidades espec\u00edficas. \u00c9 uma escolha pr\u00e1tica, que lhe permite tirar partido de toda a gama de capacidades oferecidas pela Cody.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27406\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-888x1024.png\" alt=\"Defini\u00e7\u00f5es gerais do bot\" width=\"500\" height=\"577\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-888x1024.png 888w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-260x300.png 260w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-768x886.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-562x648.png 562w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3.png 1070w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Iremos utilizar o GPT-4, uma vez que \u00e9 o modelo mais avan\u00e7ado atualmente dispon\u00edvel e que se adequa perfeitamente ao caso de utiliza\u00e7\u00e3o que iremos demonstrar devido \u00e0 sua criatividade acrescida.<\/p>\n<h4><strong>Conhecimento<\/strong><\/h4>\n<p>A pasta criada no primeiro passo deve ser ligada ao seu bot espec\u00edfico nesta sec\u00e7\u00e3o. Se tiver criado v\u00e1rias pastas que pretende ligar, basta selecionar todas as pastas em que pretende treinar o Cody.<\/p>\n<p>\u00c9 importante compreender que o Cody n\u00e3o \u00e9 uma caixa negra que tem uma mente pr\u00f3pria. \u00c9 um modelo que prev\u00ea simplesmente a palavra seguinte na frase. Como diz o famoso ditado da ci\u00eancia dos dados,<span class=\"notion-enable-hover\" data-token-index=\"1\">&#8220;lixo dentro, lixo fora<\/span>&#8220;. Quanto melhor definir a personalidade, definir as regras do bot e limpar os dados fornecidos, melhores ser\u00e3o as respostas geradas. Com as novas adi\u00e7\u00f5es, como o <span class=\"notion-enable-hover\" data-token-index=\"3\">modo de modelo<\/span> com v\u00e1rias predefini\u00e7\u00f5es, estamos a tentar tornar o processo de solicita\u00e7\u00e3o de personalidade muito mais f\u00e1cil para os utilizadores.<\/p>\n<h2>Passo 3: Testar e partilhar o Bot<\/h2>\n<p>Agora vem a parte mais emocionante! Experimentar e testar o bot que constru\u00edste pode dar-te uma grande sensa\u00e7\u00e3o de realiza\u00e7\u00e3o. Existem duas formas de testar e partilhar o seu bot: criar um chat ou utilizar o rec\u00e9m-lan\u00e7ado widget personaliz\u00e1vel.<\/p>\n<p>Para criar um widget de chat em apenas tr\u00eas passos simples:<\/p>\n<ol>\n<li>Vai \u00e0 sec\u00e7\u00e3o <strong>Bots<\/strong> da interface do Cody.<\/li>\n<li>Seleccione o bot que criou e clique nos tr\u00eas pontos &#8216;\u22ee&#8217; para mais op\u00e7\u00f5es.<\/li>\n<li>Clique em<strong>&#8220;Incorporar<\/strong>&#8220;.<\/li>\n<\/ol>\n<p>E voil\u00e1! Criou com sucesso um Cody Widget personaliz\u00e1vel.<\/p>\n<p>Quando utiliza um Cody Widget, tem duas op\u00e7\u00f5es para o partilhar com outros: <strong>Partilhar liga\u00e7\u00e3o<\/strong> ou <strong>Incorporar<\/strong>. Se n\u00e3o tiver um s\u00edtio Web para a sua empresa ou se n\u00e3o se sentir \u00e0 vontade para modificar o c\u00f3digo do seu s\u00edtio Web, pode facilmente partilhar o bot com os seus clientes utilizando a liga\u00e7\u00e3o fornecida.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27413\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1024x180.png\" alt=\"Liga\u00e7\u00e3o partilh\u00e1vel para o Bot\" width=\"800\" height=\"141\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1024x180.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-300x53.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-768x135.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1536x270.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-2048x360.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1169x206.png 1169w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Existem dois tipos de widgets incorpor\u00e1veis dispon\u00edveis:<\/p>\n<ol>\n<li><strong>Incorpora\u00e7\u00e3o em linha<\/strong>: Este tipo de widget ser\u00e1 incorporado num espa\u00e7o espec\u00edfico do seu s\u00edtio Web. Ocupar\u00e1 o espa\u00e7o necess\u00e1rio, tal como requerido pelo widget, dentro do elemento principal definido.<\/li>\n<li><strong>Incorpora\u00e7\u00e3o Pop-Up<\/strong>: Este tipo de widget aparece como um \u00edcone flutuante no seu s\u00edtio Web. Quando um visitante clica no \u00edcone, o widget expande-se e abre-se, permitindo a intera\u00e7\u00e3o com o chatbot.<\/li>\n<\/ol>\n<p>Ambos os tipos de widgets incorpor\u00e1veis fornecem diferentes formas de integrar o bot Cody no seu s\u00edtio Web, oferecendo flexibilidade em termos de utiliza\u00e7\u00e3o do espa\u00e7o e experi\u00eancia do utilizador. Pode escolher o que melhor se adequa \u00e0 conce\u00e7\u00e3o do seu s\u00edtio Web e \u00e0s prefer\u00eancias de intera\u00e7\u00e3o do utilizador.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27420\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1024x576.png\" alt=\"Incorpora\u00e7\u00e3o de pop-up\" width=\"800\" height=\"450\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1024x576.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-300x169.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-768x432.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1536x864.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1151x648.png 1151w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27427\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1024x576.png\" alt=\"Incorpora\u00e7\u00e3o em linha\" width=\"800\" height=\"450\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1024x576.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-300x169.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-768x432.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1536x864.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1151x648.png 1151w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Personalizar o widget<\/h3>\n<p>O nosso \u00faltimo lan\u00e7amento de funcionalidades oferece aos utilizadores total liberdade e op\u00e7\u00f5es de personaliza\u00e7\u00e3o para widgets. Isto significa que pode personalizar o aspeto, o comportamento e a experi\u00eancia geral do utilizador do widget de acordo com os seus requisitos espec\u00edficos e a sua marca.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27443\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1024x697.png\" alt=\"Ferramenta de Widget  \" width=\"800\" height=\"544\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1024x697.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-300x204.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-768x522.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1536x1045.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-2048x1393.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-953x648.png 953w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>As op\u00e7\u00f5es de personaliza\u00e7\u00e3o incluem:<\/p>\n<ol>\n<li><strong>Cabe\u00e7alho<\/strong>\n<ul>\n<li>Alterar a disposi\u00e7\u00e3o do cabe\u00e7alho (esquerda ou centro).<\/li>\n<li>Adicionar o log\u00f3tipo da sua empresa<\/li>\n<li>Cor<\/li>\n<li>T\u00edtulo<\/li>\n<li>Subt\u00edtulo<\/li>\n<\/ul>\n<\/li>\n<li><strong>Conversa<\/strong>\n<ul>\n<li>Tamanho da mensagem (tamanho da bolha de conversa\u00e7\u00e3o)<\/li>\n<li>Cor de fundo do chat<\/li>\n<\/ul>\n<\/li>\n<li><strong>Garrafa<\/strong>\n<ul>\n<li>Mensagens iniciais<\/li>\n<li>Cor de fundo da mensagem<\/li>\n<li>Avatar do bot<\/li>\n<li>Cor da garrafa<\/li>\n<\/ul>\n<\/li>\n<li><strong>Humano<\/strong>\n<ul>\n<li>Sugest\u00f5es de perguntas<\/li>\n<li>Cor de fundo da mensagem<\/li>\n<\/ul>\n<\/li>\n<li><strong>Compositor<\/strong>\n<ul>\n<li>Mensagem de espa\u00e7o reservado<\/li>\n<li>\u00cdcone do bot\u00e3o Enviar<\/li>\n<li>Marca Cody (s\u00f3 pode ser removida nos planos <strong>Premium<\/strong> e <strong>Avan\u00e7ado<\/strong> )<\/li>\n<\/ul>\n<\/li>\n<li><strong>Lan\u00e7ador<\/strong>\n<ul>\n<li>Tamanho<\/li>\n<li>Posi\u00e7\u00e3o do ecr\u00e3<\/li>\n<li>Cor de fundo (cor do bot\u00e3o flutuante)<\/li>\n<li>\u00cdcone<\/li>\n<li>\u00cdcone de fecho<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27435\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1024x669.png\" alt=\"Etiquetagem de Widgets\" width=\"800\" height=\"523\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1024x669.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-300x196.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-768x502.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1536x1004.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-992x648.png 992w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Todas estas op\u00e7\u00f5es de personaliza\u00e7\u00e3o devem tornar o Cody mais personalizado e em linha com a est\u00e9tica da sua empresa, resultando numa experi\u00eancia de utilizador muito melhorada para os seus clientes.<\/p>\n<h2>\u00c9 tudo!<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27450\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1024x599.png\" alt=\"Demonstra\u00e7\u00e3o do Bot 1\" width=\"800\" height=\"468\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1024x599.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-300x176.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-768x449.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1536x899.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-2048x1198.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1107x648.png 1107w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27457\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1024x599.png\" alt=\"Demonstra\u00e7\u00e3o do Bot 2\" width=\"800\" height=\"468\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1024x599.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-300x175.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-768x449.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1536x898.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-2048x1198.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1108x648.png 1108w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Criar e partilhar um bot utilizando o Cody \u00e9 agora mais f\u00e1cil do que nunca, exigindo apenas tr\u00eas passos simples. Com a recente introdu\u00e7\u00e3o de op\u00e7\u00f5es de personaliza\u00e7\u00e3o de widgets, nunca houve melhor altura para criar o seu pr\u00f3prio bot utilizando o Cody. A flexibilidade adicional na personaliza\u00e7\u00e3o do widget permite-lhe adaptar o aspeto e o comportamento do bot para corresponder \u00e0s suas necessidades comerciais espec\u00edficas e \u00e0 sua marca.<\/p>\n<p>Estamos constantemente a trabalhar no desenvolvimento e na introdu\u00e7\u00e3o de mais funcionalidades interessantes para melhorar a experi\u00eancia Cody. A nossa equipa dedica-se a tornar todo o processo de cria\u00e7\u00e3o e implementa\u00e7\u00e3o de bots ainda mais simples e f\u00e1cil de utilizar. Fique atento \u00e0s pr\u00f3ximas actualiza\u00e7\u00f5es \u00e0 medida que continuamos a melhorar e a aperfei\u00e7oar a plataforma Cody. Para obter mais recursos, pode tamb\u00e9m consultar o nosso <a href=\"https:\/\/intercom.help\/cody\/en\/\">Centro de ajuda<\/a> e juntar-se \u00e0 nossa comunidade <a href=\"https:\/\/discord.com\/invite\/jXEVDcFxqs\">Discord<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um guia passo a passo para criar a sua pr\u00f3pria IA para satisfazer as suas necessidades empresariais. As aplica\u00e7\u00f5es dos bots s\u00e3o vastas e, com o aumento da utiliza\u00e7\u00e3o de modelos generativos por parte dos bots, pode ser tentador entrar no comboio e criar o seu pr\u00f3prio ChatGPT. Com o lan\u00e7amento do Cody, a cria\u00e7\u00e3o<a class=\"excerpt-read-more\" href=\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\" title=\"ReadComo criar widgets de chatbot para um site com IA\">&#8230; Read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":27679,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[81,82],"tags":[],"class_list":["post-27469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-base-de-conhecimentos-de-ia","category-inteligencia-artificial-pt-br"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como criar widgets de chatbot para um site com IA<\/title>\n<meta name=\"description\" content=\"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar widgets de chatbot para um site com IA\" \/>\n<meta property=\"og:description\" content=\"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\" \/>\n<meta property=\"og:site_name\" content=\"Cody - The AI Trained on Your Business\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-24T13:11:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-24T23:09:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Om Kamath\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@meetcodyai\" \/>\n<meta name=\"twitter:site\" content=\"@meetcodyai\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Om Kamath\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\"},\"author\":{\"name\":\"Om Kamath\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8\"},\"headline\":\"Como criar widgets de chatbot para um site com IA\",\"datePublished\":\"2023-06-24T13:11:36+00:00\",\"dateModified\":\"2023-09-24T23:09:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\"},\"wordCount\":2284,\"publisher\":{\"@id\":\"https:\/\/meetcody.ai\/#organization\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"articleSection\":[\"Base de conhecimentos de IA\",\"Intelig\u00eancia Artificial\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\",\"url\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\",\"name\":\"Como criar widgets de chatbot para um site com IA\",\"isPartOf\":{\"@id\":\"https:\/\/meetcody.ai\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"datePublished\":\"2023-06-24T13:11:36+00:00\",\"dateModified\":\"2023-09-24T23:09:08+00:00\",\"description\":\"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.\",\"breadcrumb\":{\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage\",\"url\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"contentUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"width\":2400,\"height\":1350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/meetcody.ai\/pt-br\/inicio-v2\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar widgets de chatbot para um site com IA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/meetcody.ai\/#website\",\"url\":\"https:\/\/meetcody.ai\/\",\"name\":\"Cody AI - The AI Trained on Your Business\",\"description\":\"AI Powered Knowledge Base for Employees\",\"publisher\":{\"@id\":\"https:\/\/meetcody.ai\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/meetcody.ai\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/meetcody.ai\/#organization\",\"name\":\"Cody AI - The AI Trained on Your Business\",\"url\":\"https:\/\/meetcody.ai\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg\",\"contentUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Cody AI - The AI Trained on Your Business\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/meetcodyai\",\"https:\/\/discord.com\/invite\/jXEVDcFxqs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8\",\"name\":\"Om Kamath\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g\",\"caption\":\"Om Kamath\"},\"description\":\"Om Kamath\",\"sameAs\":[\"http:\/\/meetcody.ai\"],\"url\":\"https:\/\/meetcody.ai\/pt-br\/blog\/author\/omkamath\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como criar widgets de chatbot para um site com IA","description":"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar widgets de chatbot para um site com IA","og_description":"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.","og_url":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/","og_site_name":"Cody - The AI Trained on Your Business","article_published_time":"2023-06-24T13:11:36+00:00","article_modified_time":"2023-09-24T23:09:08+00:00","og_image":[{"width":2400,"height":1350,"url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","type":"image\/png"}],"author":"Om Kamath","twitter_card":"summary_large_image","twitter_creator":"@meetcodyai","twitter_site":"@meetcodyai","twitter_misc":{"Written by":"Om Kamath","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#article","isPartOf":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/"},"author":{"name":"Om Kamath","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8"},"headline":"Como criar widgets de chatbot para um site com IA","datePublished":"2023-06-24T13:11:36+00:00","dateModified":"2023-09-24T23:09:08+00:00","mainEntityOfPage":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/"},"wordCount":2284,"publisher":{"@id":"https:\/\/meetcody.ai\/#organization"},"image":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage"},"thumbnailUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","articleSection":["Base de conhecimentos de IA","Intelig\u00eancia Artificial"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/","url":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/","name":"Como criar widgets de chatbot para um site com IA","isPartOf":{"@id":"https:\/\/meetcody.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage"},"image":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage"},"thumbnailUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","datePublished":"2023-06-24T13:11:36+00:00","dateModified":"2023-09-24T23:09:08+00:00","description":"Saiba como criar e personalizar seu pr\u00f3prio chatbot de IA usando o Cody neste guia abrangente. Com a interface f\u00e1cil de utilizar e as funcionalidades poderosas do Cody, pode criar um chatbot que satisfa\u00e7a as necessidades espec\u00edficas da sua empresa.","breadcrumb":{"@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#primaryimage","url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","contentUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","width":2400,"height":1350},{"@type":"BreadcrumbList","@id":"https:\/\/meetcody.ai\/pt-br\/blog\/criar-um-guia-turistico-de-ia-utilizando-cody-ft-widgets-personalizados\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/meetcody.ai\/pt-br\/inicio-v2\/"},{"@type":"ListItem","position":2,"name":"Como criar widgets de chatbot para um site com IA"}]},{"@type":"WebSite","@id":"https:\/\/meetcody.ai\/#website","url":"https:\/\/meetcody.ai\/","name":"Cody AI - The AI Trained on Your Business","description":"AI Powered Knowledge Base for Employees","publisher":{"@id":"https:\/\/meetcody.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/meetcody.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/meetcody.ai\/#organization","name":"Cody AI - The AI Trained on Your Business","url":"https:\/\/meetcody.ai\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/","url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg","contentUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg","width":"1024","height":"1024","caption":"Cody AI - The AI Trained on Your Business"},"image":{"@id":"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/meetcodyai","https:\/\/discord.com\/invite\/jXEVDcFxqs"]},{"@type":"Person","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8","name":"Om Kamath","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g","caption":"Om Kamath"},"description":"Om Kamath","sameAs":["http:\/\/meetcody.ai"],"url":"https:\/\/meetcody.ai\/pt-br\/blog\/author\/omkamath\/"}]}},"_links":{"self":[{"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/posts\/27469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/comments?post=27469"}],"version-history":[{"count":1,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/posts\/27469\/revisions"}],"predecessor-version":[{"id":31082,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/posts\/27469\/revisions\/31082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/media\/27679"}],"wp:attachment":[{"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/media?parent=27469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/categories?post=27469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetcody.ai\/pt-br\/wp-json\/wp\/v2\/tags?post=27469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}