Como adicionar botões "Comprar na Amazon" no WordPress (3 maneiras)

A Amazon é um dos maiores mercados de comércio eletrônico, tanto para varejistas quanto para atacadistas. Não apenas vendedores e clientes, mas também muitos profissionais de marketing afiliados se juntam à Amazon para ganhar comissões promovendo produtos e serviços nessa plataforma.

O botão "Comprar na Amazon" nada mais é do que um Botão CTA Os comerciantes afiliados adicionam aos seus sites. Usando esse botão, eles podem direcionar os usuários para páginas de produtos específicos, permitindo que eles comprem produtos com um único clique.

Neste artigo, mostraremos três métodos fáceis de como adicionar 'Comprar na Amazon' no WordPress. Prepare-se para explorar.

Método 1: Usando o bloco de botões padrão

O editor Gutenberg vem com um bloco de botões padrão. Com esse bloco, você pode criar e adicionar um botão bem funcional em seu site.

Etapa 01: Adicione o bloco de botões padrão ao seu site

Abra um post ou uma página onde você deseja adicionar esse botão de CTA. Clique no botão botão de adição (+) no editor. Localize o Bloco de botões digitando-o na caixa de pesquisa. Adicione-o em um local adequado no editor.

Adicionar o bloco de botões ao WordPress

O bloco Buttons foi adicionado. Por padrão, ele não tem texto e está alinhado à esquerda. Em seguida, adicionaremos uma cópia da CTA com um link e a alinharemos centralmente.

O bloco Botões foi adicionado

Etapa 02: Adicione uma cópia da CTA e um link ao botão

Coloque o cursor no botão e digite Comprar na Amazon. Você pode colocar o texto em negrito pressionando a tecla Opção em negrito na barra de ferramentas. Depois disso, alinhe o botão centralmente. Você também pode alinhá-lo à esquerda ou à direita.

Adicione uma cópia da CTA e alinhe o botão no centro

Adicione um link ao botão de CTA clicando no botão Opção de link na barra de ferramentas do Gutenberg.

Adicionar um link ao botão

Etapa 03: Personalizar e estilizar o bloco de botões

Você obterá o Configurações e Guias de estilos na barra lateral direita. A guia Settings permitirá que você aumentar a largura do bloco de botões conforme sua necessidade.

Alterar as configurações de largura do botão de CTA

Do Guia Estilosvocê pode alterar o texto e cor de fundo do botão. Depois disso, você pode alterar o tipografia, tamanho da fonte, preenchimento, borda, e raio do bloco de botões.

Espero que você possa fazer isso sozinho. Assim, você pode criar o Botão Comprar na Amazon com esse bloco padrão.


Método dois: usando o bloco de botões (aprimorado)

Há muitos plug-ins de botão on-line que permitem adicionar mais recursos e funcionalidades aos seus botões de CTA. Blocos definitivos é um deles. Ele permite que você adicione efeitos de animação ao botão e o exiba nas orientações horizontal ou vertical.

Ir para Plug-ins > Adicionar novos plug-ins. Tipo Blocos definitivos na caixa de pesquisa. Instalar e ativar o plug-in. Em seguida, siga as etapas descritas abaixo.

Instale e ative o plug-in Ultimate Blocks

Etapa 01: Localizar e adicionar o bloco Button (Improved)

O bloco de botões que o Ultimate Blocks apresenta tem o nome de Botão (aprimorado). Localize e adicione-o ao editor.

Adicione o bloco Button (Improved) ao editor

Etapa 02: Adicionar cópia e link ao bloco do botão (aprimorado)

Adicione a cópia da CTA 'Comprar na Amazon' e um link para o botão seguindo o mesmo método descrito acima.

Adicione uma cópia e um link ao botão de CTA

Etapa 03: Definir as configurações do bloco Button (Improved)

O Guia Configurações na barra lateral direita lhe oferecerá muitas opções. Você pode justificar o bloco alinhamento, defina seu orientaçãoe escolha a opção tamanho e largura do botão.

Configurar as definições do bloco de botões (aprimorado)

Etapa 04: adicionar um ícone ao botão

Role a guia um pouco para baixo. Você terá a opção de adicionar um ícone para o botão. Você também pode alterar a posição do botão, inclusive seu tamanho. Você pode ver abaixo que adicionamos o ícone do carrinho ao botão.

Etapa 05: Adicionar animação ao bloco Button (Improved)

Role a guia para baixo novamente um pouco mais. As Opção Pro é reservado apenas para usuários premium. Depois de atualizar para a versão premium, você pode adicionar efeitos de animação para o botão.

Depois disso, você pode definir a ocultação desse bloco para dispositivos específicos usando a opção Opção de controle responsivo.

Adicionar efeito de animação ao botão

Etapa 06: Estilizar o bloco do botão (aprimorado)

Ir para o Guia Estilos. Você pode selecionar o cor do botão, cor do texto, cor do hover, raio do botão, e estilo de layout.

Estilizar o bloco de botões (aprimorado)

Rolando a guia um pouco mais para baixo, você terá opções para adicionar estilo de botão e configurações de dimensão. Faça você mesmo essas estilizações. Assim, você pode criar botões de CTA atraentes com o plug-in.

Adicionar estilo de botão

Terceiro método: Usando o plug-in Tableberg

Tableberg é um plugin de criação de tabelas. Há muitos profissionais de marketing afiliados que desejam promover produtos por meio de comparações e tabelas de especificações de produtos. O TableBerg pode ser o plugin ideal para eles. Ele permite que você adicione botões de CTA à tabela.

Instalar e ativar o Plug-in TableBerg.

Etapa 01: Localizar e adicionar o bloco Tableberg

O plug-in TableBerg vem com um bloco de criação de tabelas. Como qualquer outro bloco, localize o bloco MesaBerg e adicioná-lo ao editor.

Encontre e adicione o bloco TableBerg ao seu editor Gutenberg

Etapa 02: Crie sua tabela e adicione conteúdo a ela

Cada célula da tabela também tem o ícone do Gutenberg botão de adição (+). Ao clicar no botão, você pode adicionar vários tipos de blocos à tabela, o que lhe permite adicionar diferentes tipos de conteúdo. Explore e faça você mesmo.

Use os blocos do TableBerg para criar uma tabela e adicionar conteúdo a ela

Você pode ver que criamos uma tabela de demonstração com o plug-in.

Criar uma tabela de demonstração com o plug-in TableBerg

Etapa 03: Adicionar botões de CTA à tabela

Adicione o Bloco de botões para todas as respectivas células da tabela, uma a uma.

Adicione o bloco de botões a todas as respectivas células da tabela

Em seguida, adicione a cópia 'Comprar na Amazon' e personalizar os botões. Não mostraremos o processo aqui novamente, pois já o explicamos nos dois métodos acima.

Adicionar cópia da CTA e personalizações ao bloco de botões

Aprender Como criar uma tabela de especificação de produto no WordPress.


Conclusão

Adicionar botões de CTA para vender produtos de afiliados da Amazon não é difícil quando você tem as ferramentas certas. Embora o bloco padrão permita que você crie botões medíocres, os outros dois plug-ins mostrados acima permitem que você crie botões de CTA mais atraentes.

Com eles, você pode melhorar a experiência de compra, aumentar as conversões e gerar receita para o seu site. Se você gostou deste artigo, informe-nos por meio da caixa de comentários. Além disso, se você tiver alguma dúvida, mencione-a abaixo para que possamos satisfazê-la com respostas informativas.



A equipe do Tableberg