As caixas de produtos da Amazon são projetadas para apresentar os produtos disponíveis na plataforma da Amazon de uma forma visualmente atraente. Elas incluem imagens, recursos, descrições, preços e links diretos para que as pessoas possam comprar os produtos.
O principal objetivo dessa caixa é informar os clientes sobre os recursos e benefícios do produto em um piscar de olhos e incentivá-los a comprá-lo instantaneamente. Com o plugin Tableberg, você pode criar caixas de produtos impressionantes da Amazon no editor do WordPress.
Neste artigo, abordaremos uma postagem tutorial sobre como adicionar caixas de produtos da Amazon no WordPress.
Etapa 01: Adicionar o bloco Tableberg ao Editor
O plug-in vem com um bloco personalizado chamado Tableberg. Clique no botão ícone de mais (+). Adicione o Bloco Tableberg para o editor.
Defina o número de colunas e linhas necessárias de acordo com seu conteúdo. Para este tutorial, vamos definir 2*1.
A versão básica da tabela está pronta. Em seguida, adicionaremos conteúdo a suas colunas e linhas.
Etapa 02: Adicionar uma imagem do produto da Amazon
O Tableberg permite que você adicione vários blocos personalizados às células da tabela, como no editor Gutenberg. Adicione o bloco Bloco de imagens a uma célula para exibir a imagem do produto da Amazon.
Adicionamos uma imagem de produto da Amazon. Você pode aumentar seu tamanho arrastando o ícone circular e mantendo-o pressionado simultaneamente.
Etapa 03: Adicionar os detalhes do produto
Na coluna da direita, adicionaremos o nome do produto, os recursos, o preço e uma breve descrição. Você pode fazer tudo isso usando a tag Bloco de parágrafos.
Escreva o nome do produto
Por padrão, o Bloco de parágrafos é selecionado automaticamente. Basta escrever o nome do seu produto nele.
Aumentar o tamanho do nome do produto do Seção de tipografia na barra lateral direita. Porque esse texto deve parecer maior do que os outros textos.
Adicionar o preço do produto
Adicionar um novo Bloco de parágrafos para escrever o preço de seu produto.
Defina uma cor atraente diferente para o preço, para que ele possa atrair a atenção das pessoas.
É sempre bom mostrar um preço com desconto para entusiasmar as pessoas. Você pode fazer isso adicionando um preço maior com um strikethough.
Portanto, escreva um preço maior. Usando as opções Realce e Tachado, você pode definir uma cor diferente e tachá-la.
Escreva uma descrição sobre o produto
Usando outro bloco de parágrafo, escreva uma descrição para o produto da Amazon.
Etapa 04: Adicionar um botão de CTA
Localize e adicione o Bloco de botões sob a descrição.
Escreva uma cópia para o botão. Em seguida, vá para a seção Guia Configurações.
De Configurações de largura, selecione uma opção para aumentar a largura do botão como você quiser.
Em seguida, vá até o Guia Estilos. Usando opções adequadas, colorir e redimensionar a cópia do botão.
Etapa 05: Adicione espaço entre os blocos
Selecione a coluna inteira clicando em sua borda. Vá para a seção Guia Estilos. Venha para o Seção Espaçamento de blocos rolando a guia para baixo. Coloque um valor para adicionar espaço entre os blocos na coluna.
Etapa 06: adicionar uma fita à caixa de produto da Amazon
As fitas permitem exibir uma breve mensagem promocional que estimula instantaneamente os usuários a comprar o seu produto. Adicione o Bloco de fitas para a coluna que você deseja exibir.
Adicionar um cópia da faixa de opções, estilo da faixa de opções, posição, e cor usando as opções da guia Settings and Styles (Configurações e estilos).
Etapa 07: Personalizar a borda da caixa de produto da Amazon
Ao personalizar a borda da caixa, você pode embelezar sua estética. Acesse a seção Seção de borda da tabela rolando a barra de rolagem Guia Estilos.
Desativar a borda interna. Depois disso, alterar a cor e Largura da borda externa.
Portanto, sua caixa de produto da Amazon está pronta. Você pode modificá-la ainda mais como quiser.
Ponto de bônus: Use um modelo de caixa de produto pré-construído
O plug-in Tableberg vem com um abrangente biblioteca de modelos onde encontrará uma boa coleção de tabelas pré-criadas com as quais poderá preparar instantaneamente suas várias seções da Web. Ele também inclui muitas caixas de recursos pré-criadas que você pode usar para criar tabelas de produtos da Amazon.
Nos videoclipes a seguir, mostramos como encontrar as caixas de recursos e adicioná-las ao editor. Em seguida, basta alterar seu conteúdo para preparar sua caixa de produto da Amazon.
Conclusão
Cobrimos o tutorial de forma resumida. Você pode tornar sua caixa de produto da Amazon mais ampla adicionando muitas outras informações. Você pode até mesmo adicionar várias imagens e botões de CTA. Neste artigo, acabamos de tentar apresentar um guia inspirador que você pode usar para criar designs mais interessantes.
Por exemplo, antes de ir embora, reserve mais alguns minutos para explorar a postagem como mostrar as etapas do processo no WordPress com o plug-in.
