Bienvenidos al día 70 de nuestra Maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!
En esta publicación de blog, tenemos otro fantástico kit de diseño Divi para regalar. Esta vez, estamos regalando un kit de diseño de tabla de precios creado casi exclusivamente con módulos de texto. La idea es mostrar lo que es posible cuando decides ser creativo con la forma en que usas diferentes módulos para lograr tu objetivo final, independientemente de si se diseñaron o no específicamente para ese propósito en primer lugar. Y, por supuesto, para compartir algunas tablas de precios muy atractivas. ¡Échale un vistazo!
Para usar el kit de diseño de tablas de precios Divi gratuito en su propio sitio web Divi, primero deberá descargarlo usando el botón a continuación. A continuación, busque el archivo divi-100-pricing-tables-layout-kit.zip en su carpeta de descargas y descomprímalo. Luego, navegue en su administrador de WordPress a Biblioteca Divi»>Divi > Biblioteca Divi y haga clic en el botón «Importar y exportar» en la parte superior de la página.
Cuando aparezca el modal de portabilidad, vaya a la pestaña de importación. Haga clic en el botón «elegir archivo» y seleccione el archivo All.json o cualquiera de los diseños individuales que desee. Luego haga clic en el botón azul «Importar diseño de Divi Builder» y espere a que se complete la importación.
Una vez que la importación haya finalizado, ahora podrá cargar su nuevo kit de diseño de tablas de precios Divi en cualquier página potenciada por el constructor yendo a Cargar desde biblioteca > Agregar desde biblioteca . También puede cargar las secciones individuales mediante la opción Cargar desde biblioteca en los controles de sección en línea.
Suscríbete para descargar gratis
Descárgalo gratis
Únase al boletín informativo de Divi y le enviaremos por correo electrónico una copia del último paquete de diseño de página de destino de Divi, además de muchos otros recursos, consejos y trucos increíbles y gratuitos de Divi. Síguenos y serás un maestro Divi en poco tiempo. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación y haga clic en descargar para acceder al paquete de diseño.
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
Diseños de tablas de precios
Antes de crear estas tablas de precios, investigué bastante sobre la interfaz de usuario de las tablas de precios de alto rendimiento utilizadas por las grandes marcas. Una vez que sentí que tenía una buena idea de lo que está funcionando, decidí desafiarme a mí mismo para crear estas tablas de una manera poco convencional. Al usar los módulos de texto, pude simplificar mi enfoque y, en algunos casos, diseñar cada elemento individual más fácilmente. Por supuesto, estos no pretenden reemplazar nuestros módulos de tablas de precios existentes, sino que deben usarse si y cuando prefiera este enfoque en un proyecto determinado.
Diseño de tabla de precios 01
Para este diseño, elegí llamar la atención sobre las tablas de precios dándoles a cada una un fondo en negrita, según el precio y la copia para guiar la elección de los compradores potenciales.
diseño de la tabla de precios 01
Diseño de tabla de precios 02
En este diseño, eliminé los colores de fondo del primer diseño y los asigné al texto del título. Esto pone el énfasis en los precios en sí mismos como el elemento más grande y audaz de cada tabla.
diseño de la tabla de precios 02
Diseño de tabla de precios 03
En este diseño de tabla de precios, he «resaltado» nuestra opción central dándole un fondo blanco y las otras no. Idealmente, esto alentará a los clientes potenciales a elegir esa opción.
diseño de la tabla de precios 03
Diseño de tabla de precios 04
En este diseño tenemos una agradable variación sutil de los dos primeros diseños que mantiene la paleta general de una manera diferente.
diseño de la tabla de precios 04
Mañana: cómo conseguir tu camiseta Divi gratis
Después del éxito masivo de la última reunión de WordCamp/Divi, dijimos que estaríamos pensando en más formas de alentar y empoderar a la comunidad Divi para reunirse, compartir, aprender y crecer en persona. Mañana compartiré con ustedes algunos de los primeros pasos que estamos dando en esa dirección y cómo pueden participar.
¡Asegúrate de suscribirte a nuestro boletín de correo electrónico y canal de YouTube para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!
Divi 100 Día 70
La cuenta atrás para Divi 3.0
Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder!
Que empiece la cuenta atrás.
Más información sobre Divi 3.0