{"id":3308,"date":"2024-09-07T18:42:52","date_gmt":"2024-09-07T18:42:52","guid":{"rendered":"https:\/\/tableberg.com\/?p=3308"},"modified":"2024-09-07T18:42:53","modified_gmt":"2024-09-07T18:42:53","slug":"como-anadir-cajas-de-producto-amazon-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-amazon-product-boxes-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir cajas de producto de Amazon en WordPress"},"content":{"rendered":"

Las cajas de productos de Amazon est\u00e1n dise\u00f1adas para presentar los productos disponibles en la plataforma de Amazon de una forma visualmente atractiva. Incluyen im\u00e1genes, caracter\u00edsticas, descripciones, precios y enlaces directos para que los usuarios puedan comprar los productos.<\/p>\n\n\n\n

El objetivo principal de esta caja es informar a los clientes sobre las caracter\u00edsticas y ventajas del producto de un vistazo y animarles a comprarlo al instante. Con el plugin Tableberg, puedes crear impresionantes cajas de producto de Amazon en el editor de WordPress.<\/p>\n\n\n\n

En este siguiente escrito, vamos a cubrir un post tutorial sobre c\u00f3mo agregar cajas de productos de Amazon en WordPress.<\/p>\n\n\n\n

Paso 01: A\u00f1adir el bloque Tableberg al editor<\/h2>\n\n\n\n

El plugin viene con un bloque personalizado llamado Tableberg. Haga clic en el bot\u00f3n icono m\u00e1s (+)<\/strong>. A\u00f1ada el Bloque Tableberg<\/strong> al editor.<\/p>\n\n\n\n

\"A\u00f1ade<\/figure>\n\n\n\n

Establezca el n\u00famero de columnas y filas que necesita de acuerdo a su contenido. Vamos para este tutorial, vamos a establecer 2 * 1.<\/p>\n\n\n\n

\"Establecer<\/figure>\n\n\n\n

La versi\u00f3n b\u00e1sica de la tabla est\u00e1 lista. A continuaci\u00f3n, vamos a a\u00f1adir contenido a sus columnas y fila.<\/p>\n\n\n\n

\"Selecci\u00f3n<\/figure>\n\n\n\n

Paso 02: A\u00f1adir una imagen del producto Amazon<\/h2>\n\n\n\n

Tableberg te permite a\u00f1adir m\u00faltiples bloques personalizados a las celdas de la tabla como el editor Gutenberg. A\u00f1ade los bloques Bloque de im\u00e1genes<\/strong> a una celda para mostrar la imagen del producto de Amazon.<\/p>\n\n\n\n

\"A\u00f1ade<\/figure>\n\n\n\n

Hemos a\u00f1adido una imagen de producto de Amazon. Puede aumentar su tama\u00f1o arrastrando el icono circular mientras lo mantiene pulsado simult\u00e1neamente.<\/p>\n\n\n\n

\"Aumentar<\/figure>\n\n\n\n

Paso 03: A\u00f1adir los detalles del producto<\/h2>\n\n\n\n

En la columna de la derecha, a\u00f1adiremos el nombre del producto, las caracter\u00edsticas, el precio y una breve descripci\u00f3n. Puedes hacer todo esto con el bot\u00f3n Bloque de p\u00e1rrafos<\/strong>.<\/p>\n\n\n\n

Escriba el nombre del producto<\/h3>\n\n\n\n

Por defecto, el Bloque de p\u00e1rrafos<\/strong> se selecciona autom\u00e1ticamente. Solo tiene que escribir el nombre de su producto.<\/p>\n\n\n\n

\"Escriba<\/figure>\n\n\n\n

Aumentar el tama\u00f1o del nombre del producto<\/strong> del Secci\u00f3n tipogr\u00e1fica<\/strong> en la barra lateral derecha. Porque este texto debe parecer m\u00e1s grande que los otros textos.<\/p>\n\n\n\n

\"Cambiar<\/figure>\n\n\n\n

A\u00f1adir el precio del producto<\/h3>\n\n\n\n

A\u00f1adir un nuevo Bloque de p\u00e1rrafos<\/strong> para escribir el precio de su producto.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Establezca un color diferente y llamativo para el precio, de modo que atraiga la atenci\u00f3n de los usuarios. <\/p>\n\n\n\n

\"Colorear<\/figure>\n\n\n\n

Siempre es bueno mostrar un precio rebajado para emocionar a la gente. Puedes hacerlo a\u00f1adiendo un precio aumentado con un strikethough.<\/p>\n\n\n\n

Por lo tanto, escriba un precio aumentado. Con las opciones Resaltar y Tachar, puede establecer un color diferente y tacharlo.<\/p>\n\n\n\n

\"Escriba<\/figure>\n\n\n\n

Escriba una descripci\u00f3n del producto<\/h3>\n\n\n\n

Utilizando otro bloque P\u00e1rrafo, escriba una descripci\u00f3n para el producto de Amazon.<\/p>\n\n\n\n

\"Escriba<\/figure>\n\n\n\n

Paso 04: A\u00f1adir un bot\u00f3n CTA<\/h2>\n\n\n\n

Busque y a\u00f1ada el Bloque de botones<\/strong> en la descripci\u00f3n.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Escriba un texto para el bot\u00f3n. A continuaci\u00f3n, vaya a la p\u00e1gina Ficha Configuraci\u00f3n<\/strong>. <\/p>\n\n\n\n

En Ajustes de anchura<\/strong>seleccione una opci\u00f3n para aumentar la anchura de los botones<\/strong> como quieras.<\/p>\n\n\n\n

\"Aumentar<\/figure>\n\n\n\n

A continuaci\u00f3n Ficha Estilos<\/strong>. Utilizando las opciones adecuadas, colorear<\/strong> y cambiar el tama\u00f1o del bot\u00f3n copiar<\/strong>.<\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

Paso 05: A\u00f1adir espacio entre los bloques<\/h2>\n\n\n\n

Seleccionar toda la columna<\/strong> haciendo clic en su borde. Vaya a la Ficha Estilos<\/strong>. Come to the Secci\u00f3n de espacio entre bloques<\/strong> desplazando la pesta\u00f1a hacia abajo. Coloque un valor para a\u00f1adir espacio entre los bloques de la columna.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Paso 06: A\u00f1adir una cinta a la caja de producto de Amazon<\/h2>\n\n\n\n

Las cintas le permiten mostrar un breve mensaje promocional que estimula instant\u00e1neamente a los usuarios a comprar su producto. A\u00f1ada el Bloque de cintas<\/strong> a la columna en la que desea visualizarlo.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

A\u00f1adir un copia de cinta, estilo de cinta, posici\u00f3n, <\/strong>y color<\/strong> utilizando las opciones de la pesta\u00f1a Configuraci\u00f3n y estilos.<\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

Paso 07: Personalizar el borde de la caja de producto de Amazon<\/h2>\n\n\n\n

Personalizando el borde de la caja, puedes embellecer su est\u00e9tica. Ac\u00e9rcate al Tabla Secci\u00f3n de bordes<\/strong> desplaz\u00e1ndose por Ficha Estilos<\/strong>.<\/p>\n\n\n\n

Desactivar borde interior<\/strong>. Despu\u00e9s de eso, cambiar el color<\/strong> y anchura del borde exterior<\/strong>. <\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

As\u00ed, su caja de Producto Amazon est\u00e1 lista. Puede modificarla como desee.<\/p>\n\n\n\n

Punto extra: Utilice una plantilla de caja de producto preconstruida<\/h2>\n\n\n\n

El plugin Tableberg incluye un completo biblioteca de plantillas<\/a> donde encontrar\u00e1s una buena colecci\u00f3n de tablas preconstruidas con las que podr\u00e1s preparar al instante tus numerosas secciones web. Tambi\u00e9n incluye muchos cuadros de caracter\u00edsticas preconstruidos que puedes utilizar para crear tablas de productos de Amazon.<\/p>\n\n\n\n

En los siguientes v\u00eddeos, hemos mostrado c\u00f3mo encontrar las cajas de caracter\u00edsticas y a\u00f1adirlas al editor. A continuaci\u00f3n, con solo cambiar su contenido, podr\u00e1s tener lista tu caja de producto de Amazon.<\/p>\n\n\n\n

Conclusi\u00f3n<\/h2>\n\n\n\n

Hemos cubierto el tutorial en breve. Usted puede hacer su caja de producto de Amazon amplia mediante la adici\u00f3n de mucha m\u00e1s informaci\u00f3n. Incluso puede agregar varias im\u00e1genes y botones CTA. En este art\u00edculo, acabamos de tratar presentado a una gu\u00eda de inspiraci\u00f3n que puede utilizar para crear dise\u00f1os m\u00e1s interesantes.<\/p>\n\n\n\n

Por ejemplo, antes de irte, dedica unos minutos m\u00e1s a explorar el post c\u00f3mo mostrar los pasos del proceso en WordPress<\/a> con el plugin.<\/p>","protected":false},"excerpt":{"rendered":"

Amazon product boxes are designed to feature products available on the Amazon platform in a visually engaging way. They include images, features, descriptions, prices, and direct links so people can buy the products. The main purpose of this box is to inform customers about the product’s features and benefits at a glance and excite them […]<\/p>\n","protected":false},"author":1,"featured_media":3334,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,10,102],"class_list":["post-3308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-customize-table","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Amazon-Product-Boxes-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=3308"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3308\/revisions"}],"predecessor-version":[{"id":3335,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3308\/revisions\/3335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/3334"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=3308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=3308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=3308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}