VenddorDocumentação API
API atualAPI legada
Guia rápidoReferência completa
Carregando índice…
API legada/Referência completa

Blocos

Blocos são os componentes modulares que formam o layout da loja; a API de Blocks permite gerenciá-los por código.

Um bloco é uma peça da sua loja virtual: um menu de navegação, um banner, uma lista de produtos, um formulário de busca ou um trecho de HTML personalizado. Os administradores organizam os blocos nos layouts para dar forma às páginas da loja, e a API de Blocks permite fazer o mesmo trabalho por código, para integrações sob medida e para a personalização automatizada da loja.

Toda chamada usa as credenciais HTTP Basic de um administrador ($EMAIL:$API_KEY) e o endereço da sua loja ($BASE_URL), então os endpoints abaixo aparecem como $BASE_URL/api/blocks.

Pontos principais
  • Um bloco é um componente modular que é organizado nos layouts para personalizar a estrutura e a funcionalidade das páginas da loja.
  • O type do bloco define o que ele faz e quais properties e content ele aceita.
  • Criar um bloco devolve o id em block_id; o mesmo id é usado para obter, atualizar e excluir o bloco.
  • Os ids de bloco são únicos dentro da sua loja e são a referência que você usa ao trabalhar com layouts.
  • Excluir um bloco é permanente.

Como funciona

  1. Olhe um bloco existente
    O jeito mais fácil de saber quais propriedades um bloco precisa é criar um no painel de administração e lê-lo de volta com Obter um bloco.
  2. Crie o bloco
    Envie um POST com o type, o name e as properties (incluindo o template). Veja Criar um bloco.
  3. Mantenha o bloco
    Altere-o com Atualizar um bloco e remova-o com Excluir um bloco.

A visão geral desta seção não descreve uma chamada que liste todos os blocos.

Conceitos principais

Tipos comuns de bloco

Tipo de blocoDescriçãoUsos comuns
Menus de navegaçãoOferece links de navegação para as várias áreas da lojaNavegação do cabeçalho, do rodapé e da lateral
Blocos de bannerExibe conteúdo promocional, imagens ou chamadas para açãoCarrosséis da página inicial, avisos promocionais
Blocos de produtosMostra produtos em vários formatos e agrupamentosProdutos em destaque, lançamentos, itens relacionados
Formulários de buscaPermite aos clientes buscar no catálogo de produtosBusca no cabeçalho, páginas de busca avançada
Blocos de conteúdoExibe HTML, texto ou mídia personalizadosInformações sobre a empresa, textos de políticas, histórias da marca
Elementos interativosOferece funcionalidade de interação com o usuárioFormulários de contato, cadastro de newsletter, feed social
Dica

Ao organizar os blocos, pense na jornada do usuário pela loja. Coloque os blocos mais importantes em posições de destaque e garanta um fluxo lógico das informações.

Como é um bloco

A visão geral mostra este objeto de bloco.

json
{
  "block_id": "12345",
  "type": "products",
  "name": "Featured Products",
  "status": "A",
  "position": 10,
  "properties": {
    "template": "blocks/product_grid.tpl",
    "item_number": 4
  }
}

A página Detalhes do bloco descreve cada campo e traz um exemplo para cada tipo comum.

Endpoints

MétodoCaminhoFinalidadeAutenticação
GET/api/blocks/{block_id}Obter um bloco específicoAdministrador
POST/api/blocksCriar um blocoAdministrador
PUT/api/blocks/{block_id}Atualizar um blocoAdministrador
DELETE/api/blocks/{block_id}Excluir um blocoAdministrador

Erros comuns

  • Criar um bloco sem properties. O type, o name e as properties (com o template) são obrigatórios.
  • Adivinhar as propriedades de um tipo de bloco. Crie o bloco antes no painel de administração e leia-o com um GET.
  • Atualizar sem o type. O campo type é obrigatório na atualização.
  • Sobrescrever o objeto content inteiro quando você só quer mudar um campo. Leia o bloco primeiro e altere só o que for preciso.
  • Excluir um bloco que ainda é usado por um layout ou página, o que pode quebrar a exibição dessa página.

Próximos passos

Obter um bloco
Leia um bloco e entenda os campos dele.
Detalhes do bloco
Todos os campos, as propriedades comuns e a estrutura do conteúdo.
Criar um bloco
Os parâmetros, os tipos aceitos e dois exemplos.
Atualizar um bloco
Mude o tipo, o nome ou as propriedades de um bloco.
Anterior
Exemplos de Pages
Próxima
Obter um bloco
Nesta página
  • Como funciona
  • Conceitos principais
  • Tipos comuns de bloco
  • Como é um bloco
  • Endpoints
  • Erros comuns
  • Próximos passos