Widget de tarjeta de producto para su sitio web

Cree una cuadrícula adaptable de tarjetas de producto para ofertas, lanzamientos, guías de regalos y colecciones destacadas. Añada imágenes, nombres, descripciones, precios, precios anteriores, insignias promocionales y botones de CTA de los productos, y luego diseñe las tarjetas sin código.

Cómo crear un widget Tarjetas de Producto

Add product cards

Añadir tarjetas de producto

Introduzca los nombres de los productos, imágenes, descripciones, precios, precios anteriores, insignias promocionales, texto de CTA y enlaces de productos para un máximo de seis productos.

Customize the layout

Personalice el diseño

Elija el modo de cuadrícula o carrusel, configure las columnas para ordenadores, ajuste la proporción de la imagen y el espaciado, y controle la visibilidad en ordenadores o móviles.

Embed it on your website

Integrarlo en su sitio web

Previsualice las tarjetas de producto, guarde su widget y copie el código de inserción generado para su tienda, página de destino o blog.

Convierta los productos seleccionados en una sección de tarjetas limpia y en la que se puede hacer clic

Seleccione hasta seis productos

Cree manualmente un conjunto de productos enfocado con imágenes, URL de productos, precios, precios anteriores, descripciones e insignias. Utilícelo para artículos en oferta, los más vendidos, novedades, paquetes y colecciones de campaña.

Curate up to six products

Diseñe cada detalle de la tarjeta

Elija el modo claro u oscuro, actualice los colores de fondo, texto, insignia, precio, borde y botón, ajuste el radio de la tarjeta y la imagen, añada sombras y utilice CSS personalizado con alcance cuando necesite un control adicional.

Style every card detail

Adapte el diseño a cada dispositivo

Configure las columnas de la cuadrícula, el espaciado de las tarjetas, la proporción de la imagen, el ancho del widget, la visibilidad en ordenadores y la visibilidad en móviles para que sus tarjetas de producto sigan siendo legibles en teléfonos, tablets y páginas de escaparate anchas.

Adapt the layout for every device

Dirija a los compradores a las páginas de productos

Cada tarjeta puede mostrar un botón de CTA y abrir su enlace de producto en una pestaña nueva, ayudando a los visitantes a pasar de una campaña, guía o sección de página al artículo que desean.

Send shoppers to product pages

Cómo integrar su Tarjetas de Producto en WordPress

1Obtenga su código de inserción

Después de personalizar su widget de sitio web de Jotform, haga clic en Pruébelo en su sitio web gratis y copie el código de inserción generado.

2Abra el editor de la página

Vaya a la entrada o página de WordPress donde desea mostrar el widget y luego agregue un nuevo bloque.

3Agregue un bloque HTML personalizado

Seleccione HTML Personalizado y pegue el código de inserción de su widget de sitio web de Jotform en el campo HTML.

4Actualice y vea

Haga clic en Actualizar o Publicar y luego abra la página para revisar su widget insertado.

Por qué destacan los Widgets para Sitios Web de Jotform

Los widgets de Jotform hacen que su sitio web sea más interactivo y aumentan las conversiones. Hay muchas herramientas disponibles, desde valoraciones con estrellas y controles deslizantes de testimonios hasta ventanas emergentes de prueba social e inserciones de medios. Agregue widgets a sus formularios o páginas de destino para recopilar datos, mostrar pruebas y captar prospectos — sin necesidad de programación.

Inserte widgets sin necesidad de programar

Agregue widgets de Jotform a su sitio web con un simple código de inserción. Personalice el widget, previsualice su aspecto y péguelo en cualquier página que admita HTML personalizado o bloques de inserción, todo sin un desarrollador.

Cree páginas más interactivas

Utilice los Widgets para Sitios Web de Jotform para captar prospectos, mostrar comentarios de clientes, presentar pruebas sociales, insertar medios o agregar herramientas útiles para páginas web. Cada widget ayuda a los visitantes a interactuar con su negocio directamente desde su sitio web.

Obtenga soporte cuando lo necesite

Si necesita ayuda para configurar, personalizar, insertar o solucionar problemas de su widget, el equipo de atención al cliente de Jotform está disponible las 24 horas, los 7 días de la semana. Puede avanzar con confianza, sabiendo que la ayuda está ahí cuando la necesita.

Dónde utilizar su widget de tarjetas de producto

Utilice el widget en cualquier lugar donde un conjunto de productos conciso y visual pueda ayudar a los visitantes a comparar artículos o acceder más rápido a las páginas de productos.

Secciones de la página de inicio para destacar las novedades, los productos destacados o las ofertas actuales.

Páginas de destino de campaña para presentar una breve colección de ofertas o una serie de lanzamientos con enlaces directos a los productos.

Guías de regalos y publicaciones de blog para conectar el contenido editorial con productos relevantes que los visitantes pueden comprar.

Páginas de colección para destacar los más vendidos, paquetes, accesorios u ofertas por tiempo limitado.

Escaparates de pequeñas empresas que necesitan una cuadrícula de tarjetas de producto sin desarrollo frontend personalizado.

Promociones de temporada donde las insignias promocionales y los precios anteriores ayudan a los compradores a revisar la oferta rápidamente.

Convierta prospectos en clientes de pago con el Creador de Formularios de Jotform

Convierta la interacción en acción con Jotform. Cree formularios potentes que captan prospectos, recopilan pagos y automatizan respuestas, todo en un solo lugar. Cada envío llega a su Jotform Inbox, donde puede hacer seguimiento o conectar con sus aplicaciones favoritas.

Empiece — ¡Es gratis!
Convert leads into customers

Preguntas Frecuentes

  • ¿Qué es un widget de tarjetas de producto?

    Un widget de tarjetas de producto es una sección de tarjetas adaptable que muestra productos seleccionados con imágenes, descripciones, precios, precios anteriores, insignias y enlaces.

  • ¿Cuántas tarjetas de producto puedo mostrar?

  • ¿Puedo personalizar el diseño?

  • ¿Puede cada producto enlazar a una página de producto?

  • ¿Funciona como cuadrícula y carrusel?

  • ¿Funciona en dispositivos móviles?

  • ¿Este widget escanea automáticamente las páginas de productos?

  • ¿Necesito escribir código?