¿Le gustaría agregar una tabla de precios en Elementor ?
Si está utilizando su Sitio web para vender sus servicios o productos, es crucial mostrar los planes de precios que ofrece. Elementor, el complemento de creación de páginas de WordPress más popular, viene con un widget Lista de precios que puede usar para agregar sin esfuerzo una cuadrícula de precios a una página o plantilla. En este artículo, le mostraremos cómo utilizar este widget.
Lea también: Cómo crear una imagen redondeada en Elementor
El widget de tabla de precios en sí solo está disponible en Elementor. Pro Entonces, para poder usarlo necesitas usar Elementor Pro. En este artículo, agregaremos directamente el widget Tabla de precios al área de edición.
Hay dos opciones para agregar una cuadrícula de precios a una página o plantilla de Elementor. Primero, puede utilizar una plantilla de bloque predefinida. En segundo lugar, puede crear la tabla usted mismo. Desde cero.
Agregue la tabla de precios desde una plantilla predefinida
Elementor tiene alrededor de 14 diseños de bloques de cuadrícula de precios para que elijas. Nuevamente, debe usar Elementor Pro para usar las plantillas, ya que la tabla de precios solo está disponible en Elementor Pro. Para usar una plantilla de bloque de cuadrícula de precios, haga clic en el icono de carpeta en el cuadro de edición para abrir la biblioteca de plantillas.
En la biblioteca de plantillas que aparece, haga clic en la pestaña bloques y en categorías seleccionar Precios en el menú desplegable para filtrar los modelos. Seleccione un modelo que le guste y haga clic en el botón INSERTAR para importarlo al editor de Elementor.
Luego puede ir al panel de la izquierda para cambiar el contenido predeterminado de las cuadrículas.
Agregar tabla de precios desde cero
Si tiene su propio concepto de diseño para la cuadrícula de precios que desea agregar, crear las tablas desde cero es una gran idea. Para facilitar su trabajo, puede crear una mesa. Una vez que haya terminado, puede copiarlo y personalizar el contenido de las tablas duplicadas. Esto le ahorrará mucho tiempo.
Ver tambien Cómo crear una sección de miembros del equipo con Elementor
Comience agregando una nueva sección y seleccione una estructura de columna de acuerdo con la cantidad de tablas que desea crear y arrastre el widget Lista de precios a una de las columnas.
Vaya al panel de la izquierda para cambiar el contenido predeterminado. Puede editar el contenido en la pestaña Contenido. Hay 5 bloques de parámetros que puede abrir para editar esto: Encabezado, Precios, Funciones, Pie de página y Cinta.
- Encabezamiento
Puede abrir este bloque para modificar el contenido del encabezado de la tabla. Puedes cambiar el título de inmediato Título y la descripción inmediatamente Descripción. Idealmente, use la sección de encabezado de la tabla para agregar el nombre del paquete.
- Precios
Puede abrir este bloque para cambiar el precio del paquete. Puedes activar la opción Sal si el paquete está en oferta. Si tiene conocimiento sobre los campos personalizados de WordPress, también puede agregar precios dinámicos haciendo clic en el ícono de la base de datos datos en el campo Precio.
- Caracteristicas
Puede abrir este bloque para agregar las funciones que desea ofrecer en el paquete. De forma predeterminada, tiene tres funciones. Puede abrir una entidad para editarla. Para agregar una nueva función, simplemente haga clic en el botón AÑADIR UN ELEMENTO.
Lea también: 7 formas creativas de usar Elementor Popup Builder
De forma predeterminada, cada función tiene un icono de lista de verificación. Para cambiar el icono, simplemente haga clic en el icono. Para eliminarlo, simplemente haga clic en el icono de la papelera.
- Pie de página
El pie de página es la sección donde puede agregar un enlace y un botón de llamada a la acción. También puede agregar información adicional a esta sección.
- cinta
Puede agregar una etiqueta de venta como "VENTA", "ESPECIAL", "OFERTA CALIENTE" a su mesa. Si desea agregar una etiqueta de venta, o cualquier etiqueta que desee, puede abrir el bloque cinta y activa la opción Monitor. Puede agregar su etiqueta favorita en el campo Título y establezca la posición en la opción Posición.
Personalización de cuadrícula
Para personalizar los componentes de la etiqueta, puede cambiar a la pestaña papa en el panel izquierdo. También verá cinco bloques de configuración en esta pestaña.
- Encabezamiento : Puede abrir este bloque para personalizar la sección de encabezado de la tabla. Puede configurar cosas como el fondo del encabezado, la tipografía (familia de fuentes, tamaño de fuente, estilo de fuente) del título y la descripción, así como el color del texto del título y de la descripción.
- fijación de precios: Puede abrir este bloque para personalizar la sección de precios. Puede configurar cosas como el color de fondo, la tipografía, el color del texto, el símbolo de moneda y la posición, etc.
- Caracteristicas : Puede abrir este bloque para personalizar la sección de la entidad. Puede configurar cosas como el fondo, el color del texto, la tipografía, la alineación, el separador activado / desactivado, etc.
- Pie de página : Puede abrir este bloque para personalizar la sección del pie de página. Puede definir elementos como el fondo, el tamaño del botón, el color del botón, la tipografía del texto del botón, etc.
- Cinta: Este bloque solo aparecerá si activas la opción cinta debajo de la pestaña Contenido. Puede abrir este bloque para personalizar la cinta, como el color, el color del texto y la tipografía.
Una vez que haya terminado con la primera tabla, puede copiarla en otras columnas y luego reemplazar el contenido según la funcionalidad que desee proporcionar en cada tabla / plan. Para copiar la tabla, haga clic con el botón derecho en el controlador del widget y seleccione Copiar, luego haga clic derecho en la columna en la que desea pegarlo y seleccione Coller.
Por último
Elementor Pro viene con un widget de tabla de precios que le permite agregar fácilmente una cuadrícula de precios a una página o plantilla. Algunos complementos, como Complementos felices, Complementos Esenciales y yoandElements - también tienen los mismos widgets con diferentes opciones de estilo.
¡Consigue Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo agregar una cuadrícula 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.
...
