{"id":953,"date":"2025-01-25T01:18:12","date_gmt":"2025-01-25T01:18:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=953"},"modified":"2025-01-25T01:18:17","modified_gmt":"2025-01-25T01:18:17","slug":"como-adicionar-o-botao-comprar-na-amazon-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-buy-on-amazon-button-in-wordpress\/","title":{"rendered":"Como adicionar bot\u00f5es \"Comprar na Amazon\" no WordPress (3 maneiras)"},"content":{"rendered":"<p>A Amazon \u00e9 um dos maiores mercados de com\u00e9rcio eletr\u00f4nico, tanto para varejistas quanto para atacadistas. N\u00e3o apenas vendedores e clientes, mas tamb\u00e9m muitos profissionais de marketing afiliados se juntam \u00e0 Amazon para ganhar comiss\u00f5es promovendo produtos e servi\u00e7os nessa plataforma.<\/p>\n\n\n\n<p>O bot\u00e3o \"Comprar na Amazon\" nada mais \u00e9 do que um <a href=\"https:\/\/tableberg.com\/pt\/como-criar-um-botao-de-chamada-para-acao-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bot\u00e3o CTA<\/a> Os comerciantes afiliados adicionam aos seus sites. Usando esse bot\u00e3o, eles podem direcionar os usu\u00e1rios para p\u00e1ginas de produtos espec\u00edficos, permitindo que eles comprem produtos com um \u00fanico clique.<\/p>\n\n\n\n<p>Neste artigo, mostraremos tr\u00eas m\u00e9todos f\u00e1ceis de como adicionar <strong>'Comprar na Amazon'<\/strong> no WordPress. Prepare-se para explorar.<\/p>\n\n\n<div class=\"wp-block-tableberg-wrapper wp-block-tableberg-table\" >\n\t\t\t<div class=\"tableberg-table-wrapper\" style=\"border-color: #abb8c3; \">\n\t\t\t\t<table class = \"has-inner-border\" style=\"border-spacing: 0 0; --tableberg-cell-padding-top: var(--wp--preset--spacing--medium); --tableberg-cell-padding-bottom: var(--wp--preset--spacing--medium); --tableberg-inner-border-top: none; --tableberg-inner-border-right: 1px solid #abb8c3; --tableberg-inner-border-bottom: 1px solid #abb8c3; --tableberg-inner-border-left: none; --tableberg-inner-border-top-first: 1px solid #abb8c3; --tableberg-inner-border-left-first: 1px solid #abb8c3; \" data-tableberg-header=\"\" data-tableberg-footer=\"\" data-tableberg-responsive data-tableberg-rows=\"1\" data-tableberg-cols=\"3\" data-tableberg-mobile-width=\"700\" data-tableberg-mobile-mode=\"stack\" data-tableberg-mobile-direction=\"row\" data-tableberg-mobile-count=\"1\" data-tableberg-mobile-header=\"1\" ><colgroup><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><\/colgroup><tbody><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"0\" data-tableberg-col=\"0\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Simple-Buy-on-Amazon-Button.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 1<\/strong>: <a href=\"#Using-the-default-Buttons-Block\">Usando o bloco de bot\u00f5es padr\u00e3o<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"1\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-with-Icon.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 2<\/strong>: <a href=\"#Using-the-Ultimate-Blocks\">Usando os blocos definitivos<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"0\" data-tableberg-col=\"2\" style=\"--tableberg-block-spacing: var(--wp--preset--spacing--small); \" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Buttons-on-Table.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 150px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure>\n\n\n<p class=\"has-text-align-center\"><strong>M\u00e9todo 3<\/strong>: <a href=\"#Using-the-Tableberg-Table-Block\">Uso do bloco de tabela Tableberg<\/a><\/p>\n<\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-default-Buttons-Block\">M\u00e9todo 1: Usando o bloco de bot\u00f5es padr\u00e3o<\/h2>\n\n\n\n<p>O editor Gutenberg vem com um <strong>bloco de bot\u00f5es padr\u00e3o<\/strong>. Com esse bloco, voc\u00ea pode criar e adicionar um bot\u00e3o bem funcional em seu site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Adicione o bloco de bot\u00f5es padr\u00e3o ao seu site<\/h3>\n\n\n\n<p>Abra um post ou uma p\u00e1gina onde voc\u00ea deseja adicionar esse bot\u00e3o de CTA. Clique no bot\u00e3o <strong>bot\u00e3o de adi\u00e7\u00e3o (+)<\/strong> no editor. Localize o <strong>Bloco de bot\u00f5es<\/strong> digitando-o na caixa de pesquisa. Adicione-o em um local adequado no editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp\" alt=\"Adicionar o bloco de bot\u00f5es ao WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-453\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-button-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>O bloco Buttons foi adicionado. Por padr\u00e3o, ele n\u00e3o tem texto e est\u00e1 alinhado \u00e0 esquerda. Em seguida, adicionaremos uma c\u00f3pia da CTA com um link e a alinharemos centralmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png\" alt=\"O bloco Bot\u00f5es foi adicionado\" class=\"has-border-color has-main-accent-border-color wp-image-954\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-Buttons-block-is-added-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Adicione uma c\u00f3pia da CTA e um link ao bot\u00e3o<\/h3>\n\n\n\n<p>Coloque o cursor no bot\u00e3o e digite <strong>Comprar na Amazon<\/strong>. Voc\u00ea pode colocar o texto em negrito pressionando a tecla <strong>Op\u00e7\u00e3o em negrito<\/strong> na barra de ferramentas. Depois disso, alinhe o bot\u00e3o centralmente. Voc\u00ea tamb\u00e9m pode alinh\u00e1-lo \u00e0 esquerda ou \u00e0 direita.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp\" alt=\"Adicione uma c\u00f3pia da CTA e alinhe o bot\u00e3o no centro\" class=\"has-border-color has-main-accent-border-color wp-image-955\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-CTA-copy-and-align-the-button-centrally-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Adicione um link ao bot\u00e3o de CTA clicando no bot\u00e3o <strong>Op\u00e7\u00e3o de link<\/strong> na barra de ferramentas do Gutenberg.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp\" alt=\"Adicionar um link ao bot\u00e3o\" class=\"has-border-color has-main-accent-border-color wp-image-956\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-link-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 03: Personalizar e estilizar o bloco de bot\u00f5es<\/h3>\n\n\n\n<p>Voc\u00ea obter\u00e1 o <strong>Configura\u00e7\u00f5es<\/strong> e <strong>Guias de estilos<\/strong> na barra lateral direita. A guia Settings permitir\u00e1 que voc\u00ea <strong>aumentar a largura<\/strong> do bloco de bot\u00f5es conforme sua necessidade.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp\" alt=\"Alterar as configura\u00e7\u00f5es de largura do bot\u00e3o de CTA\" class=\"has-border-color has-main-accent-border-color wp-image-957\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Change-the-width-settings-of-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Do <strong>Guia Estilos<\/strong>voc\u00ea pode alterar o <strong>texto<\/strong> e <strong>cor de fundo<\/strong> do bot\u00e3o. Depois disso, voc\u00ea pode alterar o <strong>tipografia, tamanho da fonte, preenchimento, borda, <\/strong>e <strong>raio<\/strong> do bloco de bot\u00f5es.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3081\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-300x189.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1024x644.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-768x483.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-1536x965.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-2048x1287.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-Button-using-the-default-Buttons-block-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<p>Espero que voc\u00ea possa fazer isso sozinho. Assim, voc\u00ea pode criar o <strong>Bot\u00e3o Comprar na Amazon<\/strong> com esse bloco padr\u00e3o.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Ultimate-Blocks\">M\u00e9todo dois: usando o bloco de bot\u00f5es (aprimorado)<\/h2>\n\n\n\n<p>H\u00e1 muitos plug-ins de bot\u00e3o on-line que permitem adicionar mais recursos e funcionalidades aos seus bot\u00f5es de CTA. <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocos definitivos<\/a> \u00e9 um deles. Ele permite que voc\u00ea adicione efeitos de anima\u00e7\u00e3o ao bot\u00e3o e o exiba nas orienta\u00e7\u00f5es horizontal ou vertical.<\/p>\n\n\n\n<p>Ir para <strong>Plug-ins &gt; Adicionar novos plug-ins<\/strong>. Tipo <strong>Blocos definitivos<\/strong> na caixa de pesquisa. <strong>Instalar<\/strong> e <strong>ativar<\/strong> o plug-in. Em seguida, siga as etapas descritas abaixo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Instale e ative o plug-in Ultimate Blocks\" class=\"has-border-color has-main-accent-border-color wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Localizar e adicionar o bloco Button (Improved)<\/h3>\n\n\n\n<p>O bloco de bot\u00f5es que o Ultimate Blocks apresenta tem o nome de <strong>Bot\u00e3o (aprimorado)<\/strong>. Localize e adicione-o ao editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp\" alt=\"Adicione o bloco Button (Improved) ao editor\" class=\"has-border-color has-main-accent-border-color wp-image-959\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Button-Improved-block-to-the-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Adicionar c\u00f3pia e link ao bloco do bot\u00e3o (aprimorado)<\/h3>\n\n\n\n<p>Adicione a c\u00f3pia da CTA '<strong>Comprar na Amazon<\/strong>' e um link para o bot\u00e3o seguindo o mesmo m\u00e9todo descrito acima.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp\" alt=\"Adicione uma c\u00f3pia e um link ao bot\u00e3o de CTA\" class=\"has-border-color has-main-accent-border-color wp-image-960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-a-copy-and-link-to-the-CTA-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 03: Definir as configura\u00e7\u00f5es do bloco Button (Improved)<\/h3>\n\n\n\n<p>O <strong>Guia Configura\u00e7\u00f5es<\/strong> na barra lateral direita lhe oferecer\u00e1 muitas op\u00e7\u00f5es. Voc\u00ea pode justificar o bloco <strong>alinhamento<\/strong>, defina seu <strong>orienta\u00e7\u00e3o<\/strong>e escolha a op\u00e7\u00e3o <strong>tamanho<\/strong> e <strong>largura<\/strong> do bot\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp\" alt=\"Configurar as defini\u00e7\u00f5es do bloco de bot\u00f5es (aprimorado)\" class=\"has-border-color has-main-accent-border-color wp-image-961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 04: adicionar um \u00edcone ao bot\u00e3o<\/h3>\n\n\n\n<p>Role a guia um pouco para baixo. Voc\u00ea ter\u00e1 a op\u00e7\u00e3o de <strong>adicionar um \u00edcone <\/strong>para o bot\u00e3o. Voc\u00ea tamb\u00e9m pode alterar a posi\u00e7\u00e3o do bot\u00e3o, inclusive seu tamanho. Voc\u00ea pode ver abaixo que adicionamos o \u00edcone do carrinho ao bot\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1386\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3083\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-1536x839.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-2048x1119.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Buy-on-Amazon-button-with-icons-using-Ultimate-Blocks-18x10.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 05: Adicionar anima\u00e7\u00e3o ao bloco Button (Improved)<\/h3>\n\n\n\n<p>Role a guia para baixo novamente um pouco mais. As <strong>Op\u00e7\u00e3o Pro<\/strong> \u00e9 reservado apenas para usu\u00e1rios premium. Depois de atualizar para a vers\u00e3o premium, voc\u00ea pode <strong>adicionar efeitos de anima\u00e7\u00e3o<\/strong> para o bot\u00e3o.<\/p>\n\n\n\n<p>Depois disso, voc\u00ea pode definir a oculta\u00e7\u00e3o desse bloco para dispositivos espec\u00edficos usando a op\u00e7\u00e3o <strong>Op\u00e7\u00e3o de controle responsivo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp\" alt=\"Adicionar efeito de anima\u00e7\u00e3o ao bot\u00e3o\" class=\"has-border-color has-main-accent-border-color wp-image-963\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-animation-effect-to-the-button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 06: Estilizar o bloco do bot\u00e3o (aprimorado)<\/h3>\n\n\n\n<p>Ir para o <strong>Guia Estilos<\/strong>. Voc\u00ea pode selecionar o <strong>cor do bot\u00e3o, cor do texto, cor do hover, raio do bot\u00e3o, <\/strong>e <strong>estilo de layout<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp\" alt=\"Estilizar o bloco de bot\u00f5es (aprimorado)\" class=\"has-border-color has-main-accent-border-color wp-image-964\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-button-improved-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Rolando a guia um pouco mais para baixo, voc\u00ea ter\u00e1 op\u00e7\u00f5es para adicionar <strong>estilo de bot\u00e3o <\/strong>e<strong> configura\u00e7\u00f5es de dimens\u00e3o<\/strong>. Fa\u00e7a voc\u00ea mesmo essas estiliza\u00e7\u00f5es. Assim, voc\u00ea pode criar bot\u00f5es de CTA atraentes com o plug-in.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp\" alt=\"Adicionar estilo de bot\u00e3o\" class=\"has-border-color has-main-accent-border-color wp-image-965\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-button-style-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Table-Block\">Terceiro m\u00e9todo: Usando o plug-in Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> \u00e9 um plugin de cria\u00e7\u00e3o de tabelas. H\u00e1 muitos profissionais de marketing afiliados que desejam promover produtos por meio de compara\u00e7\u00f5es e tabelas de especifica\u00e7\u00f5es de produtos. O TableBerg pode ser o plugin ideal para eles. Ele permite que voc\u00ea adicione bot\u00f5es de CTA \u00e0 tabela.<\/p>\n\n\n\n<p><strong>Instalar<\/strong> e <strong>ativar<\/strong> o <strong>Plug-in TableBerg<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Localizar e adicionar o bloco Tableberg<\/h3>\n\n\n\n<p>O plug-in TableBerg vem com um bloco de cria\u00e7\u00e3o de tabelas. Como qualquer outro bloco, localize o bloco <strong>MesaBerg<\/strong> e adicion\u00e1-lo ao editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Encontre e adicione o bloco TableBerg ao seu editor Gutenberg\" class=\"has-border-color has-main-accent-border-color wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Crie sua tabela e adicione conte\u00fado a ela<\/h3>\n\n\n\n<p>Cada c\u00e9lula da tabela tamb\u00e9m tem o \u00edcone do Gutenberg <strong>bot\u00e3o de adi\u00e7\u00e3o (+)<\/strong>. Ao clicar no bot\u00e3o, voc\u00ea pode adicionar v\u00e1rios tipos de blocos \u00e0 tabela, o que lhe permite adicionar diferentes tipos de conte\u00fado. Explore e fa\u00e7a voc\u00ea mesmo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp\" alt=\"Use os blocos do TableBerg para criar uma tabela e adicionar conte\u00fado a ela\" class=\"has-border-color has-main-accent-border-color wp-image-972\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Use-TableBerg-blocks-to-create-a-table-and-add-content-to-it-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode ver que criamos uma tabela de demonstra\u00e7\u00e3o com o plug-in.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp\" alt=\"Criar uma tabela de demonstra\u00e7\u00e3o com o plug-in TableBerg\" class=\"has-border-color has-main-accent-border-color wp-image-973\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-demo-table-with-the-TableBerg-plugin-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 03: Adicionar bot\u00f5es de CTA \u00e0 tabela <\/h3>\n\n\n\n<p>Adicione o <strong>Bloco de bot\u00f5es<\/strong> para todas as respectivas c\u00e9lulas da tabela, uma a uma.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp\" alt=\"Adicione o bloco de bot\u00f5es a todas as respectivas c\u00e9lulas da tabela\" class=\"has-border-color has-main-accent-border-color wp-image-974\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-button-block-to-all-the-respective-cells-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Em seguida, adicione a c\u00f3pia '<strong>Comprar na Amazon<\/strong>' e personalizar os bot\u00f5es. N\u00e3o mostraremos o processo aqui novamente, pois j\u00e1 o explicamos nos dois m\u00e9todos acima.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp\" alt=\"Adicionar c\u00f3pia da CTA e personaliza\u00e7\u00f5es ao bloco de bot\u00f5es\" class=\"has-border-color has-main-accent-border-color wp-image-975\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-CTA-copy-and-customizations-to-the-button-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Aprender <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-especificacao-de-produtos-no-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">Como criar uma tabela de especifica\u00e7\u00e3o de produto no WordPress<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclus\u00e3o<\/h3>\n\n\n\n<p>Adicionar bot\u00f5es de CTA para vender produtos de afiliados da Amazon n\u00e3o \u00e9 dif\u00edcil quando voc\u00ea tem as ferramentas certas. Embora o bloco padr\u00e3o permita que voc\u00ea crie bot\u00f5es med\u00edocres, os outros dois plug-ins mostrados acima permitem que voc\u00ea crie bot\u00f5es de CTA mais atraentes.<\/p>\n\n\n\n<p>Com eles, voc\u00ea pode melhorar a experi\u00eancia de compra, aumentar as convers\u00f5es e gerar receita para o seu site. Se voc\u00ea gostou deste artigo, informe-nos por meio da caixa de coment\u00e1rios. Al\u00e9m disso, se voc\u00ea tiver alguma d\u00favida, mencione-a abaixo para que possamos satisfaz\u00ea-la com respostas informativas.<\/p>","protected":false},"excerpt":{"rendered":"<p>Amazon is one of the biggest eCommerce marketplaces both for retailers and wholesalers. Not only vendors and customers but also many affiliate marketers join Amazon to earn commissions by promoting products and services on this platform. The &#8216;Buy on Amazon&#8217; button is nothing but a CTA button affiliate marketers add to their websites. Using this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[36,33,17],"class_list":["post-953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-button-blocks","tag-button-plugins","tag-cta-button"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Add-Buy-on-Amazon-Button-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":7055,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/953\/revisions\/7055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/7053"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}