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 |
Método 2: Usando os blocos definitivos |
Método 3: Uso do bloco de tabela Tableberg |
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.
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.
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 um link ao botão de CTA clicando no botão Opção de link na barra de ferramentas do Gutenberg.
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.
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.
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.
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.
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.
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.
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.