Ck Sections Documentation

Após a instalação, será encaminhado para o Marketplace da Secção CK. Explore os modelos disponíveis, como o "Contador de Estatísticas" ou a "Imagem Moderna com Texto". Quando encontrar uma secção de que goste, clique no botão Adicionar gratuitamente para a adicionar à sua coleção.

A partir do painel "As minhas secções", localize a secção específica que pretende utilizar (ex.: CK - FAQ #1). Clique no botão "Instalar no tema" localizado na parte inferior do cartão da secção.

Aparecerá uma janela pop-up com o título "Instalar [Section Name] no tema". Clique no menu pendente "Selecionar tema" para ver uma lista de todos os temas atualmente disponíveis na sua loja Shopify. Escolha o tema onde pretende que a secção seja adicionada

Navegue até à barra lateral do seu painel de administração da Shopify e clique em Loja online. Isto levar-te-á à área de temas, onde podes gerir os teus temas publicados e em rascunho.

Na barra lateral do Editor de Temas, encontre a área onde pretende adicionar o novo conteúdo (como a área "Template") e clique no botão (+) Adicionar secção.

Abrirá um menu de pesquisa. Percorra a lista ou pesquise a secção que acabou de instalar. Esta terá normalmente o prefixo "CK" (por exemplo, CK faq #1). Clique nela para a adicionar ao layout da sua página.

Assim que a secção aparecer na sua página, pode utilizar a barra lateral direita para ajustar as cores, as fontes e o texto. Quando estiver satisfeito com o aspeto, clique no botão Guardar no canto superior direito para publicar as alterações.

Clique no botão + Criar formulário no canto superior direito ou no centro do painel para abrir o ecrã de configuração.

Tem duas formas de criar um formulário:

• Modelos: Escolha entre opções pré-construídas como Formulário de Contacto, Candidatura a Emprego ou Pedido Personalizado para poupar tempo.
• Começar do zero: Clique em Criar formulário em branco para criar um layout único do zero.

O construtor está dividido em três áreas principais:

• Barra lateral esquerda (Tipos de campo): A sua caixa de ferramentas. Clique ou arraste qualquer campo (Texto, E-mail, Telefone, Menu pendente, etc.) para a área central.
• Espaço de trabalho central: A pré-visualização em tempo real do formulário. Aqui pode editar o Título do formulário e a Descrição.
• Barra superior: Contém as ações Desfazer/Refazer, um botão Pré-visualizar para ver a versão em tempo real, Definições e o botão Guardar.

Depois de adicionar um campo, clique nele para abrir a Barra de Edição no lado direito. A personalização está dividida em quatro categorias:

Altere a Etiqueta, adicione texto de Espaçador ou marque o campo como Obrigatório.

Defina os comprimentos mínimo/máximo de caracteres ou utilize padrões Regex para tipos de dados específicos.

Alterne entre Largura total ou Meia largura para colocar dois campos lado a lado.

A lógica condicional permite-lhe criar formulários "inteligentes" que mudam com base no input do utilizador. Pode mostrar ou ocultar campos específicos apenas quando determinados critérios são satisfeitos.

Como configurar a lógica

1. Selecione um campo: Clique no campo que pretende mostrar ou ocultar dinamicamente.
2. Ative a lógica: Na barra lateral direita, expanda a secção Lógica condicional e marque a caixa Ativar lógica condicional.
3. Defina a ação: * Escolha se pretende Mostrar ou Ocultar o campo selecionado.
4. Defina a correspondência da regra:
   Todos: Todas as condições devem ser verdadeiras.
   Qualquer: Apenas uma das condições precisa de ser verdadeira.
5. Configure as condições:
   Selecione o campo: Escolha o valor de que campo irá acionar a lógica.
   Selecione o operador: Escolha como comparar o valor (ex: Igual a, Contém, Maior que, Está vazio).
   Introduza o valor: Digite o valor específico que está à procura.

Controle o que acontece depois de um utilizador interagir com o seu formulário.

• Texto do botão de submissão: Personalize o rótulo do seu botão de ação principal (ex: "Enviar mensagem", "Reservar agora").
• Mensagem de sucesso: Escreva uma mensagem de agradecimento personalizada que aparece imediatamente após uma submissão bem-sucedida.
• URL de redirecionamento: (Opcional) Envie automaticamente os utilizadores para uma página específica (como uma página de "Obrigado" ou "Ofertas") assim que submeterem o formulário.

Adapte o formulário à identidade visual da sua loja sem escrever código.

• Cores: Defina códigos hexadecimais específicos para a sua Cor principal (botões/realces), Fundo e Texto.
• Tipografia: Escolha uma Família de fontes ou defina-a como Herdar do tema para manter a aparência da sua loja consistente.
• Espaçamento e forma: Utilize os controlos deslizantes para ajustar o Raio da borda (para cantos arredondados) e o Preenchimento (para dar mais espaço aos seus campos).

Mantenha-se a par de novos contactos e pedidos de informação.

• Ativar notificações: Ative o botão para receber um e-mail sempre que um formulário for submetido.
• E-mails de notificação: Clique em + Adicionar e-mail para enviar alertas a vários membros da equipa ou departamentos simultaneamente.

Proteja a sua loja de spam e bots automatizados.

• Proteção CAPTCHA: Ative esta opção para adicionar uma etapa de verificação aos utilizadores, impedindo envios por bots.
• Limite de taxa: Defina um número máximo de envios permitidos por minuto por utilizador individual para evitar o uso indevido de formulários.

Antes de um formulário poder aparecer na sua loja, tem de ser publicado.

• Publicar: Clique no botão Publicar no canto superior direito do construtor.
• Copiar ID: Depois de publicado, clique no botão Copiar ID na barra superior. Precisará deste ID único para indicar à Shopify qual o formulário a apresentar.

Pode colocar o seu formulário em qualquer página (Início, Contacto, Produto, etc.) utilizando o Editor de Temas do Shopify.

• Abrir o Editor de Temas: Vá ao painel de administração do Shopify > Loja online > Temas > Personalizar.
• Adicionar Secção: Clique em Adicionar secção na barra lateral esquerda.
• Selecionar o separador de Aplicações: Alterne de "Secções" para o separador Aplicações e selecione Ck Forms.

Colar o ID do formulário: Clique no bloco Ck Forms recém-adicionado. Na barra lateral de definições à direita, cole o ID que copiou anteriormente no campo ID do formulário (Captura de ecrã 11).

Guardar: Clique em Guardar no canto superior direito do editor da Shopify.

O seu formulário ficará agora visível na sua loja. Herdará automaticamente os estilos (cores, fontes e layout) que configurou nas definições da aplicação.