How To...

🏠 Como adicionar Cowlendar na minha página inicial?

🏠 Como adicionar Cowlendar na minha página inicial?: ℹ️ Nota: Pré-requisito para poder adicionar Cowlendar à página inicial: Você precisa ter...

3 min read
0 views
Updated May 18, 2026
📝Note
ℹ️ Nota: Pré-requisito para poder adicionar Cowlendar à página inicial: Você precisa ter criado pelo menos um serviço no Cowlendar e o aplicativo precisa estar habilitado em seu theme.
⚠️Warning
É necessário um produto para criar um serviço no Cowlendar, o que significa que você não pode simplesmente adicionar um calendário à sua página sem primeiro criar um produto vinculado a um serviço Cowlendar

Existem 3 maneiras de adicionar Cowlendar à sua página inicial.

Assim que você tiver um serviço e Cowlendar estiver [Habilite Cowlendar em seu theme [obrigatório]](https://help.cowlendar.com/pt/beginners-guide/habilite-cowlendar-em-seu-theme-obrigatorio), você pode usar uma das 3 soluções.

→ Crie Seu Primeiro ServiçO No Cowlendar → Habilite Cowlendar Em Seu Theme [ObrigatóRio

Aqui estão as 3 maneiras de adicionar Cowlendar à sua página inicial

Solução 1: Produto em destaque

Etapas para usar a solução 1

Passo 1: No painel de administração do Shopify, observe o painel esquerdo.

Passo 2: Clique em Loja online.

Passo 3: Clique em Temas.

Passo 4: No painel central, clique em Personalizar.

Passo 5: Verifique se você está na sua Página inicial.

Passo 6: Clique em Adicionar seção.

Passo 7: Adicione uma seção Produto em destaque.

⚠️Warning
Se você não vir o botão Book Now no editor theme, verifique seu site ativo

Solução 2: HTML personalizado

Etapas para integrar o código do Widget Inline dentro do HTML personalizado (ou líquido personalizado, conteúdo personalizado)

Passo 8: No painel de administração do Shopify no painel esquerdo, clique em Aplicativos.

Passo 9: Clique em Cowlendar.

Passo 10: Clique em Meus serviços.

Passo 11: No serviço específico que você deseja exibir, clique em Mais.

Passo 12: Após clicar em mais você clicará em Integração personalizada.

Passo 13: Dentro da Integração Personalizada copie o código do Widget Inline.

Passo 14: No painel de administração do Shopify, olhe para o painel esquerdo e clique em Loja online.

Passo 15: Clique em Temas.

Passo 16: No painel central, clique em Personalizar.

Passo 17: Verifique se você está na sua Página inicial.

Passo 18: Clique em Adicionar seção.

Passo 19: Adicione uma seção Custom Liquid (também conhecida como Custom HTML ou Custom Content).

Passo 20: Cole o código do Inline Widget que você copiou anteriormente.

Passo 21: Salve antes de sair.

⚠️Warning
Os Widgets inline só podem mostrar 1 serviço específico por vez e se tiver múltiplas variantes, será apenas 1 variante específica
→ 🖥️ Como Usar O Recurso Inline Widget?

Solução 3: Link direto

O que é um link direto?

Um link direto permite vincular qualquer texto/botão ao seu calendário. Quando alguém clica neste botão, o calendário aparecerá como um Widget pop-up na tela. Você pode aprender mais sobre como integrar um link direto aqui.

Etapas para integrar um link direto

Passo 22: No painel de administração do Shopify no painel esquerdo, clique em Aplicativos.

Passo 23: Clique em Cowlendar.

Passo 24: Clique em Meus serviços.

Passo 25: No serviço específico que você deseja exibir, clique em Mais.

Passo 26: Após clicar em mais você clicará em Integração personalizada.

Passo 27: Dentro da integração personalizada, copie o link direto.

Passo 28: No painel de administração do Shopify no painel esquerdo, clique em Loja Online.

Passo 29: Clique em Navegação.

Passo 30: Lá você selecionará o Menu que deseja atualizar.

Passo 31: Edite os itens do menu (seria cada uma das guias do próprio menu).

Passo 32: Aplique o link à seção de link do item de menu.

Passo 33: Salve antes de sair.

você pode adicionar um link direto para sua agenda em qualquer texto/botão configurado em sua página inicial. Para isso, basta utilizar o link direto do seu serviço em qualquer botão.

→ 🧙 Como Adicionar Um ServiçO ReserváVel Ao Seu Menu?
⚠️Warning
Isso só funciona se você tiver uma variante.
Cowlendar
Ready to use Cowlendar?
Open the app directly in your Shopify store.