¿Le gustaría agregar una imagen al widget de tabla de precios en Elementor ?
La versión profesional deElementor tiene un widget Lista de precios para permitir la adición sin esfuerzo de un bloque de cuadrícula de precios en una página web. Este widget contiene cuatro elementos principales.
- Encabezado: para agregar el título de un plan que ofreces. es decir "Bronce u Oro".
- Precios: para agregar el precio del plan.
- Funciones: para agregar las funciones que ofrece el plan.
- Pie de página: para agregar el botón de llamada a la acción
- Cinta: para mostrar una cinta que puede usar para mostrar el plan más vendido, el plan con descuento actual, etc.
Pero la funcionalidad de la que carece este widget es la capacidad de agregar una imagen.
Lea también: Cómo crear una galería de imágenes con pestañas en Elementor
A veces, desea agregar una imagen como un logotipo, icono u otra imagen relacionada con el plan que está ofreciendo. Con un pequeño truco, puede agregar una imagen al widget Tabla de precios.
Primero, prepare la sección, así como las columnas, en las que desea colocar las tablas de precios. Arrastre el widget Tabla de precios a una de las columnas existentes.
Ir a la pestaña Avanzado en el panel izquierdo y abra la opción Fondo. Haga clic en el icono del pincel y seleccione una imagen que desee agregar al tablero.
En la opcion Repetir, ajustado a No repetir. En la opcion Tamaño, ajustado a Contiene. En la opcion Posición, ajustado a Personalizar y establezca la posición X y la posición Y.
Luego ve a la pestaña Estilo y abre la opción Precios Desagrupe los rellenos y establezca el relleno superior en alrededor de 170 (puede establecer cualquier valor que se adapte a sus necesidades).
Puede configurar otras opciones de estilo en la pestaña Estilo. Como la definición color del texto, tipografía, color de los botones, etc.
Ver también: Cómo crear una galería de imágenes con Elementor
Puedes acceder a la pestaña Contenido para cambiar el contenido. Para ahorrar tiempo, puede copiar el widget de Tabla de precios que personalizó y pegarlo en las siguientes columnas y adaptar el contenido dependiendo de los otros planes que desees ofrecer.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo agregar una imagen al widget Tabla de precios en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
