---
description: Aprenda a instalar um widget de bate-papo na web na sua loja Shopify.
title: Instalar Widget de Chat do Site no Shopify
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Novo🤖 Os Agentes de IA já estão disponíveis no respond.io! Conheça sua nova recepcionista de IA, agente de vendas ou de suporte. Mais informações.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/pt/whatsapp-business-calling-api)

Me ajude com... ⌘ 

1. [All Collections >](/pt/help)
2. [ Canais. >](/pt/help/channels)
3. [ Widget do Chat do Site >](/pt/help/website-chat-widget)
4. Instalar Widget de Chat do Site no Shopify

# Instalar Widget de Chat do Site no Shopify

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

menos de um minuto de leitura

Adicionar um widget de chat web à sua loja Shopify é um processo rápido e fácil. Não requer nenhuma habilidade de programação ou conhecimento técnico. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Configurando para instalação

Para instalar um widget de bate-papo web no Shopify, você vai precisar do seguinte:

* Acesso à sua conta [Shopify](https://accounts.shopify.com/store-login).
* Um trecho de código para o seu widget de bate-papo web.

Se você ainda não tiver um snippet de código, irá gerar um ao criar um [Widget de Chat do Website](https://respond.io/pt/help/website-chat-widget/website-chat-widget-overview) ou ao usar o [Plugin de Chat do Facebook](https://respond.io/pt/help/facebook-messenger/facebook-chat-plugin) para [Facebook Messenger](https://respond.io/pt/help/facebook-messenger/facebook-messenger-overview).

> Se você já conectou os canais na plataforma respond.io e precisa recuperar o código gerado, siga as [instruções aqui](https://respond.io/pt/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## Instalando no Shopify

**Passo 1: Inicie a sessão no Shopify**

Entre na sua conta [Shopify](https://accounts.shopify.com/store-login) e clique em "Online Store" na barra de navegação.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Passo 2: Clique em Editar Código**

Navegue para a seção de temas. Aqui, clique no menu suspenso Ações e selecione a opção Editar Código.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Passo 3: Cole o Script**

Copie seu script de plugin da plataforma respond.io. No painel esquerdo da página Editar Código, clique nas **seções** para expandi-la. Pressione a seção **footer.liquid** e cole o script do plugin no chat.

Depois de colar o script na seção apropriada, pressione o botão roxo **Salvar** na parte superior esquerda.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**Concluído!**

Abra o site e confira o plugin de bate-papo. Você vai encontrá-lo no canto inferior direito. Agora os visitantes do seu site podem conversar com você sem esforço. Se você usou os trechos de código gerados a partir da plataforma respond.io, poderá gerenciar as conversas e atualizar a aparência do widget a partir da plataforma.

> O widget de chat agora está ativo no seu site.

> **Nota**: Se você estiver usando um tema externo e o widget não estiver funcionando, por favor, tente incorporar o código do site na seção **theme.liquid** antes de **</body>**.

Compartilhar este artigo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-shopify)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-shopify)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Artigos relacionados 👩‍💻

* [Instalar Widget de Chat do Site no SquarespaceAprenda a instalar um widget de chat da web no seu site Squarespace. ](/pt/help/website-chat-widget/install-on-squarespace)
* [Instalar o widget de chat do site no JoomlaAprenda a instalar um widget de bate-papo web no seu site Joomla. ](/pt/help/website-chat-widget/install-on-joomla)
* [Instalar o widget de chat do site no WixAprenda a instalar um widget de chat da web no seu site Wix. ](/pt/help/website-chat-widget/install-on-wix)
* [Instalar Widget de Chat do Site no WordPressAprenda a instalar um widget de bate-papo da web no seu site WordPress. ](/pt/help/website-chat-widget/install-on-wordpress)
* [Início rápido do widget de chat do siteAdicione o widget de chat do site respond.io ao seu site. ](/pt/help/website-chat-widget/website-chat-widget)

Não consegue encontrar o que você está procurando? 🔎

[Contate o suporte](/pt/contact-us)

2025-12-05T04:01:45.352Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Aprenda a instalar um widget de bate-papo na web na sua loja Shopify.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/pt/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Instalar Widget de Chat do Site no Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/pt/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/pt/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/pt/help","position":1},{"@type":"ListItem","name":"Canais.","item":"https://respond.io/pt/help/channels","position":2},{"@type":"ListItem","name":"Widget do Chat do Site","item":"https://respond.io/pt/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Instalar Widget de Chat do Site no Shopify","item":"https://respond.io/pt/help/website-chat-widget/install-on-shopify","position":4}]}]
```
