Cómo crear tablas de precios dinámicas con Divi y nuestra página de destino exclusiva para vender el software de Black Friday

¡Finalmente está aquí! Viernes Negro
Esto es algo especial. Esta es la única vez que cada año ofrecemos el mayor descuento de todos los tiempos. ¡Pero esto es solo el comienzo, porque ofrecemos premios gratuitos de $ 500,000! Todos los que aprovechen el Black Friday hoy se irán con un regalo gratis, que vale cientos de dólares. Pero esto no es todo … también ofrecemos paquetes exclusivos de Diaout construidos solo para esta ocasión y solo están disponibles para los clientes del Black Friday y nuestros miembros actuales de por vida.
¡Obtenga el negocio antes de que desaparezca!
Una de las páginas de destino exclusivas que ofrecemos como miembros de la vida y nuevos clientes del Black Friday es la increíble página de destino para las ventas de software. Esta página de destino le sorprenderá con sus secciones únicas y modelos de alta calidad. ¡En este artículo le mostraremos cómo usar el contenido dinámico de Divi para agregar tablas de precios dinámicas! Si es un cliente actual de por vida o si ha comprado una nueva cuenta o actualizado durante nuestra venta de Black Friday, puede descargar esto ahora mismo.

Obtenga la página de destino exclusiva para vender el software del Black Friday antes de ingresar a este caso, deberá poner su mano en la página de destino exclusiva para vender el software Black Friday, que puede convertirse en un nuevo miembro elegante. Temas, actualizando su cuenta existente o Ya ser miembro vitalicio de nosotros. Si de hecho ya es miembro de por vida, puede conectarse a nuestra área de miembros y descargar todas nuestras páginas de destino exclusivas aquí. Todos los demás tendrán que usar el botón a continuación para comprar o actualizar antes de que pueda seguir con el resto de nuestro tutorial. ¡Revise el negocio antes de que desaparezca! Usando la forma de crear tablas de precios dinámicas para el resto de esta publicación, asumiremos que ha aprovechado el negocio de Black Friday o que ya es miembro de por vida y tiene acceso a la página de software del Black Friday después de vender lo que ha descargado. La nueva página de venta de software en nuestro área de membresía, puede ver el video a continuación para ver lo fácil que es configurar. También le recomendamos que siga este tutorial para preparar su sitio para una personalización posterior.
En este caso de uso, le mostraremos cómo crear tablas de fijación de precios dinámicas con divicidad y campos personalizados avanzados gratuitos. Crear tablas de precios dinámicas es excelente si tiene un cliente que con frecuencia cambia los precios de suscripción y desea permitirles cambiarlo solo sin acceder al DIV. Esto lo ayudará a asegurarse de que no confunda nada en la página en sí, teniendo la oportunidad de cambiar el precio, la descripción y el nivel de membresía de un paquete en particular. Vista previa antes de tirar la cabeza en él, para echar un vistazo al resultado final. ¡Comencemos! Instale el complemento avanzado de campos personalizados.
Cree un nuevo grupo de campo después de haber activado el complemento, puede comenzar. Agregue un nuevo grupo de campo.

Nombre + Ubicación Dé un nombre al nuevo grupo de campo. Tenga en cuenta que al final de esta parte del tutorial, tendrá tres grupos de campo (igual al número de tablas de precios), así que asegúrese de llamarlo correctamente. Cambie la configuración de ubicación de este grupo de campo.

¡Agregue un campo al nivel de membresía es hora de comenzar a agregar campos! Necesitaremos tres en total. Agregue un campo a la membresía utilizando la siguiente configuración:

Etiqueta de campo: Nivel 1 a

Nombre del campo: membresía_level_1
Tipo de campo: Seleccione
Opciones: agregue contenido a su elección
Agregue el campo Descripción del campo de la calidad del miembro Continuar agregando un campo Descripción.
Etiqueta de campo: Descripción de la calidad del miembro 1


Nombre del campo: membresía_description_1Type of Field: Texto
Agregue el campo de precio El último campo que necesita es un campo de precio.
Etiqueta de campo: precio 1
Nombre del campo: Price_1

Tipo de campo: texto
Duplique el grupo de campo dos veces y ajuste los nombres y campos al número de la tabla de precios que un grupo de campo es igual a una tabla de precios en nuestra página. Ahora, después de que terminemos el primero, podemos continuar y clonamos dos veces para asegurarnos de tener suficientes grupos de campo para igualar la cantidad de tablas de precios en nuestra página.
Cambie el número de todos los campos en el grupo Cada uno de los campos dinámicos que cree se mostrará en Visual Builder. Para asegurarse de saber qué información se conecta, brinde grupos de campo duplicados y sus campos.
Cree una nueva página utilizando la página de software Divic en la siguiente parte de este tutorial, agregaremos tablas de precios dinámicas a nuestra página de venta de software. Cree una nueva página usando este aspecto.

Agregue contenido dinámico a la página Regresar a esta página hacia atrás y agregar contenido dinámico a cada una de las tablas de precios.


Agregue una nueva línea debajo de la tabla de precios en la página La estructura de la columna continúe activando Visual Builder y agregando una nueva fila aquí:



Dimensión sin agregar módulos, abra la configuración de la fila y modifique la configuración de tamaño.

Use el ancho personalizado de la canaleta: sí

El ancho de la canaleta: 1

Extienda luego, acceda a la configuración de espaciado y agregue un margen personalizado.
Margen superior: 100 PX
Margen inferior: 100 px

Agregue el módulo CTA a la columna 1 Conecte el campo de título al nivel de contenido dinámico 1 al primer módulo que necesitaremos en la columna 1 es un llamado a la acción. Conecte el campo Título al campo Nivel 1 que ha creado en la parte anterior de este tutorial. Ponnerate el cuadro de contenido a la descripción del contenido dinámico de membresía 1, también conecte el cuadro de contenido a la descripción de la membresía 1.
El color de fondo, acceda a la configuración de fondo y cambie el color de fondo del módulo CTA.
Color de fondo: #ffffff

La imagen del sótano también agregue una imagen de fondo sutil. Podrá encontrar la siguiente imagen de fondo en su biblioteca de medios después de cargar su página de destino de software:


Imagen de fondo: software-venta-3.png

Configuración de texto Continúe accediendo a la configuración del texto y cambiando la orientación del texto del módulo.
Orientación de texto: izquierda

Configuración de texto de título Para que coincida con el estilo de diseño de la página de destino, realice algunos cambios en la configuración de texto del título.
Fuente del título: Rubik

Fuente de peso del título: fácil
Color de texto del título: # 4258ff

Título Tamaño del texto: 40 PX
Altura de la línea de título: 1.3em
Configuración de texto del cuerpo Lo mismo es válido para la configuración del texto del cuerpo.
Font Corp: Rubik
Cuerpo de fuente de peso: medio
El color del texto del cuerpo: RGBA (0.0,0,0.34)

Tamaño del texto del cuerpo: 15 PX

La altura de la línea del cuerpo: 1.8em
Espacio agregue algunos rellenos superiores.
Revestimiento superior: 60 px
Borde y agregue “8px” a cada una de las esquinas superiores del módulo.
Por último, pero no menos importante, Box Shadow agregaremos una sombra de un cuadro sutil para crear la profundidad de la página.

Box Shadow Posición vertical: 50 PXPUTING LA UNCLULIDAD DEL TRABAJO DE CUTTIA: 100 PX
Color de la sombra: RGBA (66,88,255,0,2)

Agregue un módulo de texto a la columna 1 Conecte el cuadro de contenido al contenido dinámico en el precio 1 Continúe y agregue un módulo de texto justo debajo del módulo de acción en la columna 1. Conecte el cuadro de contenido de este módulo al contenido dinámico 1.

El color del sótano continúa cambiando el color de fondo de este módulo.
Color de fondo: #ffffff
Configuración de texto Cambio y configuración de texto.
Texto de fuente: Rubik

El peso de la fuente de texto: luz

Color de texto: # 4258ff
Tamaño de texto: 70 PX

La altura de la línea de texto: 1em
Espacio agregue algunos valores de llenado personalizados.
Revestimiento inferior: 60 px
Junta izquierda: 40 PX
El borde continúa accediendo a la configuración del borde y agregando “8 PX” a ambas esquinas inferiores.
Box Shadow por último, pero no menos importante, dale a este texto una sombra del cuadro.

Box Shadow Posición vertical: 80px
Poder de poco claro de la sombra de la caja: 100 px
Color de la sombra: RGBA (66,88,255,0,2)

Tire del módulo de botón en la columna 1 El último módulo que necesitaremos en la primera columna es un módulo de botón. Clone uno de los botones que puede encontrar en la fila anterior y colóquelo en la columna 1.

Cambie el espacio Abra la configuración del módulo de botones y agregue un margen personalizado.
Margen superior: 30 PX
Margen inferior: 50 PX
Clon todos los módulos en la columna 1 y colóquelos en las columnas restantes para ahorrar tiempo, clonaremos los tres módulos en la columna 1 dos veces y colocaremos los duplicados en las columnas restantes de la fila.

Modifique los módulos en la columna 2 Módulo CTA Conecte el campo de título al nivel de contenido dinámico 2 del miembro tendrá que cambiar los duplicados, comenzando con el módulo CTA en la segunda columna. Conecte el campo de título al nivel de contenido dinámico 2 del miembro. Ponnerate el cuadro de contenido al describir la calidad del contenido dinámico del miembro 2 hace lo mismo para el cuadro de contenido.

Agregue el fondo de gradiente Agregue un fondo de gradiente al siguiente módulo.
Color 1: # 6959ff
Color 2: # c1bfff

Dirección de gradiente: 15 grados

Posición inicial: 22%

Posición final: 95%

Cambie el color del cambio de texto y el color del texto del título.
Color de texto del título: #ffffff
Cambie el color del texto del cuerpo Lo mismo es válido para el color del texto del cuerpo.
Color del texto del cuerpo: #ffffff
Cambie el espacio para poner esta tabla de precios especial en el centro de atención, también jugaremos con los valores del espacio.
Margen superior: -50 PX (escritorio), 0 PX (tableta y teléfono)

Revestimiento superior: 100 px
Modo de texto Conecte el cuadro de contenido al contenido dinámico 2 Continúe abriendo el módulo de texto en la columna 2 y conecte el cuadro de contenido al precio dinámico 2.

Cambie el color de fondo y luego cambie el color de fondo de este módulo.
Color de fondo: # 6959ff

Cambie el color del texto y cambie el color del texto a blanco.
Color de texto: #ffffff
Cambie el espacio por última vez, pero no menos importante, cambie los valores de llenado personalizados desde la configuración de espaciado.

Finamiento inferior: 120 PX

Junta izquierda: 40 PX
Cambie los módulos en la columna 3 módulo CTA Conecte el campo Título al nivel de contenido dinámico 3 Tendremos que cambiar los módulos en la columna 3. Conecte el campo de título al nivel de contenido dinámico 3. Contenido dinámico Lo mismo es verdadero para el cuadro de contenido .

Agregue el fondo de gradiente y luego, agregue un fondo de gradiente al modo.
Color 1: # C87CFF

Color 2: # FFBCF8
Dirección de gradiente: 18 grados
Posición inicial: 22%

Posición final: 95%

Cambie el color del texto del título Cambie el color del título a blanco.

Color de texto del título: #ffffff
Cambie el color del texto del cuerpo haga lo mismo para el color del texto del cuerpo.
Color del texto del cuerpo: #ffffff
Modo de texto Conecte el cuadro de contenido al contenido dinámico del precio 3 Continúe abriendo el módulo de texto en la columna 3 y cambiando el contenido dinámico.
Cambie el color de fondo Agregue otro color de fondo.
Color de fondo: # C87CFF

Cambie el color del texto por última vez, pero no menos importante, cambie el color del texto a blanco y listo. ¡Ahora tiene tres tablas de precios completamente dinámicas en su página!
Color de texto: #ffffff

Pensamientos finales Este caso de uso es parte de nuestra oferta de Black Friday, donde compartimos 6 páginas de edición gratuita de edición gratuita con clientes de Black Friday y miembros de su vida. Al unirse a nuestra comunidad empoderada en estos días y convertirse en miembro, recibirá:
25% de descuento en todo

Las 6 páginas de destino libre

Acceso a nuestros maravillosos temas y complementos
Premios de bonificación

¡Aprovecha la oportunidad y conviértete en miembro hoy! ¡Finalmente está aquí!Viernes Negro
Black Friday viene solo una vez al año y, cuando se trata, nos gusta hacer algo realmente especial.La venta de Black Friday de este año comienza el viernes 23 de noviembre, exactamente a las 12:00 UTC-6 y ciertamente no quieres perderlo.Habrá miles de premios gratuitos, regalos de bonificación gratuitos y nuestro mayor descuento.

¡Obtenga el negocio antes de que desaparezca!