Cómo actualizar a WordPress 5 de forma segura (con o sin Divi)

Cómo actualizar a WordPress 5 de forma segura (con o sin Divi)

Cu√°ndo hay actualizaciones importantes, ya sean de WordPress, temas o plugins, es conveniente que lo hagas de la manera correcta para evitar sustos o incompatibilidades.

En este vídeo te explico paso a paso cómo debes hacerlo.

Es importante que actualices Divi a la versión 3.18+ antes de actualizar WordPress a la versión 5.0.

Si no tienes esa versi√≥n te recomiendo que actualices Divi. Si no tienes tu licencia¬†aprovecha ahora que tienen el mayor descuento del a√Īo solo hasta el 19 de diciembre de 2018.

>> Compra tu Licencia de Divi aquí

>> Si tienes la Licencia Developer, p√°sate a la LifeTime

Nota: En el vídeo lo explico con el tema Divi pero puedes seguir estos mismos pasos tengas el tema que tengas

Cómo actualizar a WordPress 5

Tal y como explico en el vídeo, estos son los pasos que recomiendo seguir:

  1. Esperar al menos 15 días antes de actualizar
  2. Hacer una copia de seguridad desde el Hosting
  3. Actualizar plugins
  4. Actualizar el tema
  5. Actualizar WordPress
  6. Ver el nuevo constructor de bloques: Gutenberg
  7. (Opcional) Desactivarlo de forma sencilla si tienes Divi

Si tienes dudas, te escucho en los comentarios.

Comparte este post en tus redes sociales si te ha gustado. Gracias!

Ahorra mucho tiempo con los atajos de teclado de Divi

Buenas amigos!! En este art√≠culo vamos a ver algo que os va a ayudar much√≠simo! Sobre todo si sois desarrolladores o vais a hacer vuestra web y quer√©is dise√Īar de forma √°gil y r√°pida.

El mes pasado en Elegant Themes lanzaron Div 3.0 con el espectacular constructor visual. Esta nueva interfaz revolucionó por completo el Divi Builder al llevarlo al front-end y permitiendo a los usuarios realizar cambios en tiempo real a su sitio web utilizando un conjunto de controles visuales. La reacción de los usuarios ha sido increíble y no podemos estar más emocionados con el futuro de Divi.

En las semanas siguientes al lanzamiento de Divi 3.0 en Elegant Themes se han¬†dedicado a hacer que el nuevo generador visual funcionase a la perfecci√≥n, resolviendo peque√Īos errores tras el lanzamiento, que suele ser habitual ya que la comunidad lo testea a fondo.¬†Han mejorando la compatibilidad con plugins de terceros, etc. Un mes y 140 mejoras m√°s tarde, las cosas se ven mejor que nunca y van¬†a continuar para mejorar la estabilidad durante las pr√≥ximas semanas antes de comenzar a trabajar en Divi 3.1. No vamos a a√Īadir nuevas caracter√≠sticas en Divi 3.1, pero vamos a hacer todo sobre Divi s√≥lo un poco mejor, m√°s r√°pido y m√°s f√°cil de usar. El generador visual va a venir a el plugin del Divi Builder pronto tambi√©n!

En y entre las horas dedicadas a conseguir que el Constructor Visual est√© en plena forma, han encontrado tiempo para trabajar en algo nuevo tambi√©n. Han querido¬†aprovechar la¬†incre√≠ble velocidad del constructor y proporcionar a los profesionales Divi algunas nuevas herramientas que ayuden a llevar su trabajo¬†de dise√Īo web al siguiente nivel. As√≠ que han decidido¬†crear un nuevo conjunto de funciones de usuario avanzado en forma de atajos de teclado.

Atajos de teclado, cuando se utiliza en el nuevo generador visual, son incre√≠blemente gratificantes y asombrosamente r√°pidos. Para la gran mayor√≠a de personas que construyen sitios web de forma profesional, ¬ęel tiempo es dinero¬Ľ, y estas nuevas herramientas se va a ahorrar una tonelada de √©l! jeje

prueba

icono-1

Atajos de teclado Galore

Casi todas las acciones que haces en el Generador Visual ahora pueden ser realizadas¬†mediante atajos de teclado. D√≥nde antes necesitabas¬†normalmente de 2 a 3 o 4 o incluso 5 clics del rat√≥n ahora¬†se pueden realizar en tan s√≥lo unas pocas teclas. Puedes cortar, copiar, pegar, a√Īadir nuevos contenidos, ajuste columnas, cambiar el relleno y m√°s sin tener que abrir un panel de configuraci√≥n. Una vez que domines estos accesos directos, la construcci√≥n de p√°ginas la har√°s a una¬†nueva velocidad que te encantar√°.

 

CORTAR, COPIAR, PEGAR

Probablemente ya¬†est√©s¬†acostumbrado a estos atajos, pues ya los tienes en¬†Divi. Pasa el rat√≥n sobre un m√≥dulo y pulse Ctrl+ C¬†para copiarlo o Ctrl+ X¬†para cortarlo (copiar y quitarlo¬†de la p√°gina). Una vez que un m√≥dulo, fila o secci√≥n ha sido copiado, simplemente coloca el cursor sobre la que desea pegar y pulse Ctrl+ V. ¬ŅTe mola eh?

dupdo

COPIAR Y PEGAR ESTILOS ONTO M√ďDULOS EXISTENTES

¬°No s√≥lo se pueden copiar y pegar m√≥dulos enteros, tambi√©n puede copiar estilos desde un m√≥dulo y pegar esos estilos en otro m√≥dulo! ¬°¬°¬°Esto me encanta!!¬†Digamos que si¬†tienes una p√°gina con 8 m√≥dulos ¬†y decides actualizar sus colores y estilos de fuente. Simplemente debes personalizar una de los m√≥dulos y a continuaci√≥n, coloca el cursor sobre √©l y pulse¬†Ctrl+ Alt+ C¬†para copiar sus estilos. Esto copiar√° todas las personalizaciones de dise√Īo que ha realizado en el m√≥dulo. Pase el rat√≥n sobre otro m√≥dulo de propaganda y pulse Ctrl+ Alt+ Vpara pegar los estilos en el m√≥dulo. El m√≥dulo se actualizar√° para tener un aspecto como el m√≥dulo que has copiado a los estilos, pero conservar√° la totalidad de su contenido √ļnico!

copia-styles

ARRASTRAR Y COPIA

También puedes copiar un módulo en una nueva ubicación pulsando la tecla  Alt mientras lo mueves. Esto copiará el módulo trasladado a la ubicación que quieras.

copia y arrastre

DESHACER REHACER

La capacidad de deshacer y rehacer en el generador es un ahorro total de tiempo y vida, y es muy fácil de hacer mediante atajos de teclado. Si no te gusta un cambio que ha hecho, sólo tienes que pulsar Ctrl+ Z para revertirla. Si cambias de opinión, pulsa Ctrl+ Y o Cmd + Shift+ Z rehacer el cambio que acabas de deshacer.

deshacer

AJUSTE DE CANAL Y DE FILA ANCHOS

Los ajustes de anchura la anchura y la altura es algo que a nuestros clientes les estamos haciendo todo el tiempo, y ahora con los atajos de teclado que pueden realizar estos ajustes al instante sin tener que abrir el panel de configuración de la fila. Para hacer una fila de anchura completa, basta con colocar sobre ella y pulse R + F. Para ajustar el ancho del canal de una fila, se ciernen sobre él y pulse G + 1/ 2/ 3/4. Por ejemplo, puede crear al instante una cuadrícula de anchura completa de imágenes sin bordes presionando R+ F y G+ 1

canal

CAMBIAR LAS ESTRUCTURAS DE LA COLUMNA

Ahora puedes cambiar las estructuras de columna instantánea también. Simplemente coloca el cursor sobre una fila y pulse C+ 1/ 2/ 3/ 4 etc para alternar a través de cualquiera de las 11 estructuras de columnas disponibles. También puedes abrir la información de herramienta Cambiar columna y pulse Shift+ Tab para desplazarte por cada uno de los tipos de columna en la lista.

columnas

ESPEJO VALORES DE RELLENO MIENTRAS SE ARRASTRA

Una de las funciones m√°s interesantes del Visual Builder es la capacidad de arrastrar para aumentar o disminuir los valores de relleno de fila y de la Secci√≥n. Han¬†a√Īadido un par de teclas de acceso r√°pido diferentes para hacer el relleno pueda arrastrar a√ļn m√°s √ļtil. Sosteniendo Shift¬†mientras arrastra limitar√° la altura o anchura de cambio en incrementos de 10. As√≠ que si deseas aumentar su Secci√≥n relleno para 100px, s√≥lo mant√©n¬†pulsada la tecla Shift y arrastrar directamente al valor correcto en un par de segundos¬†y se encajar√° a cada unidad de 10.

Tambi√©n han¬†a√Īadido la capacidad de reflejar valores de relleno. Si arrastras el relleno en un lado mientras sostienes¬†Shift+ Alt, el relleno en el lado opuesto se actualizar√° para que coincida con el lado corriente que su est√°n ajustando.Tambi√©n puede mantener Alt¬†mientras se arrastra y se va a limitar la altura o la anchura del valor de relleno actual a ser mayor que el relleno en el lado opuesto. Es una manera f√°cil de aumentar o disminuir r√°pidamente el relleno en cualquier lado para que coincida con el valor exacto en el lado opuesto.

padding-arrastre

AJUSTAR FILA Y LA SECCI√ďN RELLENO

Como una alternativa a arrastrar para aumentar o disminuir los valores de relleno, ahora puedes utilizar las teclas de flecha del teclado para hacer ajustes afinado de fila y sección de relleno. Al pulsar S+ Flecha aumentará los valores de relleno de la sección principal de acuerdo con la tecla de flecha que se pulsa. Al pulsar R+ Flecha ajustará el relleno de la fila padre. Por ejemplo, al hacer clic S+ Arriba aumentará relleno superior de la sección actual. Al pulsar R+ Abajo aumentará el fondo de relleno de la fila padre.

Valores de relleno se pueden disminuir así golpeando el S/R+ Alt+ Flecha Keys. Por ejemplo, al pulsar R+ Alt+ Abajo disminuirá el valor de relleno inferior de la fila padre.

relleno

A√ĎADIR NUEVO CONTENIDO

Los atajos de teclado tambi√©n sirven¬†para a√Īadir nuevas filas y secciones. Al pulsar R+ 1/ 2/ 3/ 4¬†etc. autom√°ticamente, se a√Īade una nueva fila debajo de la fila actual con el tipo de columna elegida. Por ejemplo, al pulsar R+ 4¬†a√Īadir√° una nueva fila de 4 columnas a la p√°gina.

Lo mismo ocurre con las secciones. A√Īadir cualquiera de los tipos de secci√≥n de Divi (Regular, especiales o ancho completo) pulsando S+ 1/ 2/ 3.

agregar contenido

BLOQUEAR Y DESACTIVAR

Cualquier elemento de la página ahora puede ser desactivado o bloqueado simplemente ponte sobre el elemento y pulsa la L o D.

inhabilitar

GUARDAR Y PUBLICAR

El atajo de teclado estándar para guardar, Ctrl+ S, ahora se guardará automáticamente la página, mientras que en el Divi Buider. Ni siquiera tienes que abrir la barra de configuración de página. También puedes pulsar Ctrl+ Alt+ S para guardar la página como un borrador sin publicar.

salvar

SALIR DE VISUAL CONSTRUCTOR Y SALIR PARA BACKEND CONSTRUCTOR

Ahora es fácil para salir del constructor y saltar hacia atrás y hacia adelante entre el generador visual y backend del constructor. Para salir del Visual Builder, sólo tienes que pulsar Ctrl+ E. Para salir del Visual Constructor e ir directamente al backend Constructor, pulse Ctrl+ Shift+ E.

salida

AJUSTES CON S√ďLO PRESIONAR UNA TECLA

Todos los paneles de ajustes más utilizados ahora se puede abrir con una sola tecla. Para activar y desactivar la barra de configuración, pulsa T. Para abrir la configuración de página, pulsa O. Para abrir la descripción portabilidad, pulsa P. Para abrir el historial de revisión, pulsa H.

ajustes

CAMBIAR TAMA√ĎO DE LA VENTANA DE AJUSTES

La interfaz visual del constructor es completamente personalizable, especialmente cuando se trata de su configuración de ventanas emergentes. Siempre que tengas una ventana de configuración abierta, puedes pulsar Ctrl+ Enter para ir a pantalla completa o para reducir al mínimo desde el modo de pantalla completa. También puedes ajustar la ventana hacia el lado izquierdo / derecho de la pantalla pulsando Ctrl+ Left Arrow o Ctrl+ Right Arrow para alternar entre cada modo.

modal

ACERCAR O ALEJAR PARA ALTERNAR VISTAS PREVIAS RESPONSIVE

Ahora se puede ampliar fácilmente y acercar la imagen para cada modo de previsualización pulsando el Ctrl+ -y Ctrl+ + botones. Es una muy buena manera de ver rápidamente los cambios en diferentes dispositivos.

enfocar

CAMBIAR DE PESTA√ĎA Y TOGGLE COLUMNAS

Ahora puedes navegar r√°pidamente a trav√©s de las pesta√Īas y las opciones. Siempre que tengas una configuraci√≥n popup abierta, pulsa¬†Shift+ Tab¬†para ir a la siguiente pesta√Īa y pulsa¬†Tab¬†para desplazarte por los campos de cada ventana. Tambi√©n puedes cambiar¬†a trav√©s de cada dise√Īo de las columnas pulsando Shift+ Tab, mientras que la informaci√≥n de herramienta Cambio Columna de la estructura est√° abierta.

leng√ľeta

DOBLE CLIC PARA ABRIR LA CONFIGURACI√ďN DEL M√ďDULO

Ya no es necesario colocar el cursor sobre los iconos de botón de un módulo para abrir su panel de configuración principal. En lugar de hacer clic directamente sobre el icono de engranaje, simplemente Double Click en cualquier lugar en el módulo, fila o sección para abrir la configuración!

haga doble clic

LISTA DE TODOS LOS ATAJOS DE TECLADO

Si alguna vez necesitas ayuda para recordar un atajo de teclado, sólo tiene que pulsar ? para conseguir un poco de ayuda. Una ayuda aparecerá con una lista completa de atajos de teclado más relevantes para ordenadores Mac y Windows. En su mayor parte, la tecla Ctrl se reemplaza con Cmd en Mac en la siguiente lista.

La p√°gina de accesos directos

  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Y/ Cmd+ Shift+Z
  • Guardar la p√°gina: Ctrl+S
  • Guardar p√°gina como borrador: Ctrl+ Shift+S
  • Salir de Visual Constructor: Ctrl+E
  • Salir Para backend Constructor: Ctrl+ Shift+E
  • Zoom-in de pantalla: Ctrl++
  • Pantalla de zoom-out: Ctrl+-
  • Cambiar la configuraci√≥n de barras: T
  • Configuraci√≥n de la p√°gina abierta modal: O
  • Abre el historial modal: H
  • Portabilidad abrir modal: P
  • Listar Todos los accesos directos: ?

Inline Editor de accesos directos

  • Salir Inline Editor: Esc

Los accesos directos de módulos

  • Copia M√≥dulo: Ctrl+C
  • M√≥dulo Cut: Ctrl+X
  • M√≥dulo pegar: Ctrl+V
  • Configuraci√≥n de copia de dise√Īo del m√≥dulo: Alt+ Ctrl+C
  • Pegue par√°metros de dise√Īo del m√≥dulo: Alt+ Ctrl+V
  • M√≥dulo Desactivar: D
  • M√≥dulo de bloqueo: L
  • Ajuste Relleno Por 10px: Shift+Drag
  • Espejo ajuste relleno: Shift+ Alt+Drag
  • Ajuste Relleno hacia el lado opuesto: Alt+Drag
  • Copia M√≥dulo + Drag – Alt + Module Move
  • Cambio de columna Estructura C+ 1/ 2/ 3/4
  • Hacer fila de ancho completo: R+F
  • Cambiar Medianil: G+ 1/ 2/ 3/4
  • Aumentar tama√Īo de fila Relleno: R+Left/Right/Up/Down
  • Aumentar tama√Īo de fila relleno por 10px: Shift+ R+Left/Right/Up/Down
  • Reducir tama√Īo de fila Relleno: Alt+ R+Left/Right/Up/Down
  • Reducir tama√Īo de fila relleno por 10px: Alt+ Shift+ R+Left/Right/Up/Down
  • A√Īadir nueva fila: R+ 1/ 2/ 3/4
  • Aumenta la secci√≥n Relleno: S+Left/Right/Up/Down
  • Aumenta la secci√≥n Relleno por 10px: Shift+ S+Left/Right/Up/Down
  • Disminuir la secci√≥n Relleno: Alt+ S+Left/Right/Up/Down
  • Disminuir la secci√≥n Relleno por 10px: Alt+ Shift+ S+Left/Right/Up/Down
  • A√Īadir Nueva secci√≥n: S+ 1/ 2/3
  • Abra Ajustes del m√≥dulo: Double Clickel m√≥dulo.

Los accesos directos modales

  • Cerca: Esc
  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Y/ Cmd+ Shift+Z
  • Guardar cambios: Enter
  • Aqu√≠ Switch – Shift+Tab
  • Alternar modal Expandir: Ctrl+Enter
  • Alternar modal Snap Izquierda: Ctrl+Left Arrow
  • Alternar modal Snap derecha: Ctrl+Right Arrow

NUEVA BACKEND BUILDER ACCESOS DIRECTOS TAMBI√ČN!

No acabamos de a√Īadir nuevos accesos directos al Creador visual, todos los accesos directos pertinentes se han a√Īadido al programa de fondo constructor tambi√©n! Hay algunos nuevos tambi√©n, por ejemplo, pulsando Ctrl+ Ppara lanzar una vista previa en vivo de cualquier elemento que se est√° editando.

La p√°gina de accesos directos

  • Guardar la p√°gina: Ctrl+S
  • Guardar p√°gina como borrador: Ctrl+ Shift+S
  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Shift+Z
  • Historia abierta: H
  • Abrir Portabilidad: P
  • Para abrir Configuraci√≥n de P√°gina: O

Los accesos directos de módulos

  • M√≥dulo Cut: Ctrl+X
  • Copia M√≥dulo: Ctrl+C
  • M√≥dulo pegar: Ctrl+V
  • Copia M√≥dulo + Drag – Alt + Module Move
  • M√≥dulo Desactivar: D
  • M√≥dulo de bloqueo: L
  • Cambio de columna Estructura C+ 1/ 2/ 3/4
  • A√Īadir nueva fila: R+ 1/ 2/ 3/4
  • A√Īadir Nueva secci√≥n: S+ 1/ 2/3
  • Abra Ajustes del m√≥dulo: Double Clickel m√≥dulo.

Los accesos directos modales

  • Cerca: Esc
  • Guardar cambios: Enter
  • Cambie aqu√≠: Shift+Tab
  • M√≥dulo de vista previa: Ctrl+P
El tema Divi 2.7 de Elegant Themes ha llegado con mejoras increíbles que nos ayudarán a aumentar nuestros clientes!!!

El tema Divi 2.7 de Elegant Themes ha llegado con mejoras increíbles que nos ayudarán a aumentar nuestros clientes!!!

Hoy estoy muy feliz de anunciar el lanzamiento del mejor tema de WordPress que hoy se llama: Divi 2.7. Esta versión de Divi tiene algunas características que cambian las reglas del juego y que nos van a ayudar mucho a conseguir clientes y resultados con nuestra web.

Ya sabéis que en nuestro curso wordpress con Divi hacemos una web desde cero con este maravilloso tema y te incluimos el tema de regalo para que puedas trabajar con él.

Resumen de las mejoras:

  1. Esta √ļltima versi√≥n incluye un¬†sistema de pruebas o test para que sepas que es lo que m√°s le gusta a los usuarios de tu web y consigas una mayor conversi√≥n de estos usuarios en clientes.
  2. Ha mejorado el¬†Sistema de Portabilidad¬†con lo que podr√°s exportar todos tus dise√Īos y configuraciones generales para usarlo en otros proyectos con un simple click.
  3. Se han a√Īadido¬†Opciones de p√°gina¬†para ajustar colores y otras opciones a toda la p√°gina de forma super sencillas
  4. Y para que acabes de flipar a√Īade un nuevo super inteligente sistema¬†din√°mico de ayuda que te ayuda a resolver dudas que puedas tener con¬†Divi sin perder tu valioso tiempo.

 

Si te mola Divi tienes 2 opciones complementarias: Hacer el curso y comprar la licencia.

1- PARA HACER EL CURSO (se incluye el tema Divi):¬†PULSA QU√ć

2- ¬†PARA COMPRAR LA LICENCIA de Elegant Themes, aqu√≠ te dejo unos descuentos ūüėČ

A- DESCUENTO del 20% ¬ęPLAN DEVELOPER¬Ľ¬†(PAGO ANUAL): PULSA AQU√ć

B- DESCUENTO del 10% ¬ęPLAN LIFETIME¬Ľ (PAGO √öNICO, el que tengo yo): PULSA AQU√ć

 

VAMOS CON LAS NOVEDADES DE DIVI 2.7:

¡Aumenta tus clientes con las Pruebas multivariable!

Hasta ahora hemos aprendido a hacer webs de una altísima calidad para enamorar a nuestros clientes y de forma muy sencilla.

Pero Divi 2.7 da un paso m√°s, nos ayuda a dise√Īar nuestra web de forma que m√°s guste a los usuarios. Esto disparar√°¬†las tasas de conversi√≥n (es decir de convertir a usuarios en clientes) a trav√©s de pruebas sencillas y de seguimiento de conversiones o resultados.

Divi Leads (o pruebas multivariable) es un sistema de pruebas casi m√°gico que funciona¬†dentro del constructor visual de Divi, que¬†nos da las herramientas para que probemos varios dise√Īos y luego nos quedemos solo con el que mejor funciona.

Nick Roach nos lo explica en este vídeo:

¬°¬°Mira que¬†f√°cil¬†es!!. Cuando el constructor de Divi se combina con las pruebas multivariable de¬†Divi, se convierte en una poderos√≠sima herramienta de marketing. No s√≥lo se pueden construir p√°ginas de destino sorprendentes, ahora puedes ponerlos a prueba, analizar y registrar la eficacia de sus dise√Īos para ayudar a mejorar las tasas de conversi√≥n y generar m√°s clientes potenciales.

01

La idea de las pruebas multivariable de Divi 2.7 es simple :

  1. Crear diferentes versiones de tu p√°gina.
  2. Seleccionar un objetivo de lo que quieres
  3. Que Divi averig√ľe qu√© versi√≥n de la p√°gina es m√°s eficaz en la conversi√≥n a ese objetivo. Esto es lo que se conoce como la Prueba de Split o multivariable (tambi√©n conocida como A / B Testing).

variación

Veamos un ejemplo:

Vamos a considerar una p√°gina de inicio est√°ndar. Cuando alguien cae en esa p√°gina, queremos hacer todo lo posible para captar su atenci√≥n y dirigirlos hacia lo que nos gustar√≠a que hiciesen, ya sea haciendo clic en un bot√≥n para que nos contacten, la suscripci√≥n a nuestra¬†lista de correo o la compra de alg√ļn¬†producto.

Con casi cualquier otro tema de WordPress solo podemos hacer p√°ginas atractivas confiando en que nos llamen, ahora con Divi podremos hacer mucho m√°s.

¬ŅNuestros clientes tienen dudas y se marchan? ¬ŅC√≥mo estar√° afectando¬†el tama√Īo, el color y el texto del bot√≥n en la actitud¬†de un visitante para hacer¬†clic? ¬ŅC√≥mo me est√° afectando todo esto a las¬†ventas? Todas estas son preguntas que ahora pueden ser respondidas mediante potenciales Divi. ¬°¬°¬°Flipa en colores!!! ūüėČ

03

¡¡PRUEBA CUALQUIER COSA Y AUMENTA TUS VENTAS!!

Todo esto lo explicamos con detalle en el curso wordpress con Divi pero para que vayas abriendo boca, que sepas que las pruebas multivariable te permitir√°n mejorar tus ventas¬†se han integrado directamente en el Divi Builder, y podr√°s probar lo que te de la gana!! No est√°s limitado a las pruebas de p√°ginas enteras. Puedes probar los m√≥dulos individuales o secciones enteras de contenido. Cambiar el¬†contenido, ajustar dise√Īos y la posici√≥n de los elementos y¬†averiguar lo que funciona a trav√©s del an√°lisis estad√≠stico sencillo y visual.

05

A√ĎADIR VARIACIONES ILIMITADAS

Se pueden crear una cantidad ilimitada de pruebas. ¬ŅTiene 20 titulares diferentes que quiera poner a prueba? Puedes a√Īadir todas las variaciones a la vez que averiguar cu√°l va a emerger como el ganador. Esto te ahorra un mont√≥n de tiempo en comparaci√≥n con AB Testing tradicional. Todos los art√≠culos est√°n codificados por colores en funci√≥n del rendimiento, y las tasas de conversi√≥n se a√Īaden a la derecha en la interfaz de usuario del constructor de Divi.

04

CREAR OBJETIVOS DE¬†FORMA S√öPER F√ĀCIL

No sólo puedes probar cualquier elemento, también puede ser utilizado para probar una amplia gama de objetivos. Simplemente asigna la llamada al módulo de acción como tu objetivo.

¬ŅEl objetivo de aumentar la generaci√≥n de prospectos a trav√©s de su formulario de contacto? Pues bien, simplemente asigna el m√≥dulo de formulario de contacto como tu objetivo. As√≠ de f√°cil.

¬ŅQuieres aumentar las ventas? Selecciona el¬†m√≥dulo de comercio electr√≥nico como objetivo. As√≠ de f√°cil.

Divi Sales determinará las estadísticas de lo que hacen tus usuarios y hace un seguimiento para averiguar qué ha funcionado mejor.

06

Puedes realizar un seguimiento de las conversiones en páginas mientras que al mismo tiempo chequeas las conversiones finales utilizando un código corto de seguimiento personalizado.

código corto-tracker

Por ejemplo, podr√≠as probar la efectividad de la p√°gina actual en el aumento de clics del¬†bot√≥n de ¬ęCaracter√≠sticas del producto¬Ľ, mientras que al mismo tiempo mediante el seguimiento de un c√≥digo corto en la p√°gina de confirmaci√≥n de compra para ver c√≥mo tu prueba actual afecta no s√≥lo hace clic para su p√°gina de producto, sino¬†la forma en que afecta a las compras de productos.

INCRE√ćBLEMENTE F√ĀCIL DE USAR

  1. Simplemente haz clic en cualquier elemento y selecciona ¬ęPruebas Multivariable¬Ľ.
  2. Divi te pedirá que selecciones tu objetivo y ya está!
  3. Lo que quieras probar (un bot√≥n, un formulario, un slider…)¬†se duplicar√° y podr√°s¬†empezar a configurar ambas variaciones.
  4. Con el tiempo Divi Sales (o la sección de Ventas de Divi) hará un seguimiento de la eficacia de ambas versiones, que pueden ser analizadas utilizando la interfaz de estadísticas personalizadas.

07

POTENTE ESTAD√ćSTICAS Y AN√ĀLISIS EN PROFUNDIDAD

¬ęDivi Ventas¬Ľ o ¬ęDivi Sales¬Ľ incluye todo tipo estad√≠sticas, las cuales se consolidan en una nueva interfaz de estad√≠sticas. Hace¬†un seguimiento de los clics, ventas, conversiones, porcentaje de rebote (de usuarios que se van r√°pidamente)…¬†Cuando una prueba est√° en ejecuci√≥n, aparecer√° un nuevo icono de estad√≠sticas animado.

Estadísticas de final

Al hacer clic en este nuevo icono se abren un mont√≥n de estad√≠sticas √ļtiles y sencillas para ver los resultados de la prueba.

08

 

Una mayor portabilidad: Ahorra tiempo y aprovecha tu trabajo para otros proyectos

Divi ahora incluye un sistema personalizado portabilidad que hace que sea más fácil que nunca para la importación y exportación Packs divi Biblioteca, configuraciones del tema, ajustes, opciones del tema y roles Divi.

IMPORTAR / EXPORTAR DIVI BUILDER

Han¬†mejorado en gran medida el sistema de importaci√≥n y exportaci√≥n de¬†la Biblioteca Divi. Ahora es m√°s f√°cil que nunca para transferir elementos de biblioteca Divi de un sitio a otro, realizar copias de seguridad o compartirlos con tus amigos! La nueva interfaz de usuario es s√ļper f√°cil de usar.

exportación gif

Puedes exportar cualquier n√ļmero de elementos de sus Divi biblioteca o exportaci√≥n presentaciones individuales a medida que los construye desde el interior de la Divi constructor. Divi packs¬†usa¬†un archivo JSON que puede importarse en cualquier sitio web.

IM√ĀGENES CODIFICADAS

Una de las principales innovaciones con el nuevo sistema de portabilidad es que codifica las im√°genes de la derecha en los archivos de exportaci√≥n. Al importar sus dise√Īos, el sistema a√Īade autom√°ticamente la portabilidad estas im√°genes a su biblioteca de medios y actualiza las direcciones URL dentro de los dise√Īos para que coincida con tu sitio web. No importa d√≥nde importar sus dise√Īos, que funcionar√° de forma casi¬†m√°gica! Esto convierte Divi Biblioteca Packs en plantillas de dise√Īo independientes y muy f√°cil de usar.

encoded_images_export_variant_variant_3

EL PODER DE LOS PACKS DE LA BIBLIOTECA

Esto es una maravilla en estado puro!!. Son¬†como mini plantillas pre-hechas dentro de Divi. Los¬†elementos de la biblioteca se pueden utilizar para crear un sitio web personalizado entero y luego volver a utilizarlo en proyectos futuros. Dado que cada elemento incluye im√°genes y los ajustes de dise√Īo personalizado y CSS a√Īadido a la p√°gina las exportaciones de la biblioteca son completamente autosuficientes.

guardar para m√°s adelante

Si te curras una buena biblioteca, todo ser√° pan comido! Podr√≠as empezar a construir tu propia colecci√≥n personal de elementos de biblioteca Divi utilizar para sus futuros clientes. Una vez lo tengas ir√°s a la¬†velocidad del rayo! El nuevo sistema de portabilidad sienta las bases para una comunidad pr√≥spera de Bibliotecas de Divi que incluso podr√°s comprar y vender. ūüėČ Ale, ah√≠ tienes un nicho de mercado!

compartir

OPCIONES DE TEMA

Las opciones del tema ahora son exportables también. Puedes exportar las opciones e importarlos en un sitio web diferente, o guardar los ajustes preestablecidos opción de tema favoritos para poner en marcha en nuevos proyectos.

importar

AJUSTES DEL PERSONALIZADOR DE TEMAS

¬ŅQuieres seguir viendo mejoras? Tu no tienes l√≠mite eh? jeje Divi tampoco ūüėČ Si has llegado hasta aqu√≠, seguro que, como yo, ya est√°s profundamente enamorado de Divi, y casi hasta de Nick Roach (su creador) con ese flequillito mono, jeje ūüėČ

El nuevo sistema de portabilidad se extiende tambi√©n a los ajustes Personalizador de temas tambi√©n. Ahora se pueden descargar todas las personalizaciones Divi. Teniendo en cuenta la enorme amplitud de los valores disponibles en el Personalizador de temas, podr√°s crear un sinn√ļmero de diferentes estilos de sitios web. Ahora puedes guardarlos como valores predeterminados para utilizar en futuros productos, o puedes utilizar el sistema de portabilidad para transferir la configuraci√≥n de un host a otro cuando quieras cambiar de servidor por ejemplo.

tema-personalizador-exportación

FUNCIONES DE IMPORTACI√ďN Y EXPORTACI√ďN DE DIVI

¬ŅQu√© m√°s puede exportarse? Los Roles tambi√©n pueden ser importados y exportados.¬†La seguridad que hayas definido para un proyecto podr√°s usarlo en varios, no tendr√°s que estar definiendo los niveles de seguridad cada vez que empieces un proyecto.

divi-papel-exportación

 

¬ŅQue tal si flipamos un poquito con esto?: Packs Free Library

¬ŅSabes lo que es? Ag√°rrate los machos ūüėČ

Para mostrar lo incre√≠ble que es este¬†nuevo sistema de portabilidad es, estos cracks de Elegant Themes han¬†construido algunos dise√Īos de Divi GRATUITOS¬†que se puedes importar en tu¬†biblioteca de Divi y utilizar en cuestion de segundos!

No te haces a la idea de la cantidad de tiempo que te va a ahorrar y de la calidad de web que podr√°s tener.

 

DESCARGA TU PRIMER PAQUETE GRATUITO AHORA!

Mira este¬†nuevo y hermoso paquete que se puedes utilizar de forma gratuita! Este pack incluye 3 dise√Īos sorprendentes que se pueden utilizar de inmediato.

01

02

03

Para utilizar los dise√Īos, s√≥lo tienes que actualizar Divi a¬†la versi√≥n m√°s reciente. Puedes hacerlo de dos maneras:

  1. Comprando el Curso WordPress + Divi
  2. Comprando tu propia Licencia en Elegant Themes: Plan developer (pago anual) o Plan Life Time (pago √ļnico)

A continuaci√≥n, descarga el paquete de dise√Īo de m√°s abajo¬†y descomprimirlo en tu ordenador. Dentro de la Biblioteca Divi, haga clic en el bot√≥n ¬ęImportar / Exportar¬Ľ en la parte superior de la p√°gina y luego selecciona el archivo que acabas de descargar JSON. Estos dise√Īos aparecer√°n ahora al hacer clic en ¬ęCargar desde biblioteca¬Ľ dentro del Divi constructor.

Fotos cortesía de Unsplash y sujeto a la Licencia Unsplash .

DESC√ĀRGALO GRATIS¬†AQU√ć

 

 

¬°Ajustes de p√°ginas COMPLETAS!

El Divi Constructor ahora incluye un nuevo conjunto de configuraci√≥n de p√°gina. Estos ajustes se pueden utilizar para ajustar los valores de dise√Īo y por defecto para toda la p√°gina, en lugar de tener que ajustar todas las secciones y cada m√≥dulo.

UN NUEVO CONJUNTO DE OPCIONES

Cuando utilices el Divi Builder, verás un nuevo icono de configuración en la parte superior derecha. Al igual que los ajustes que existen para los módulos, filas y secciones, los ajustes ahora existen para toda la página. Aquí han colocado ajustes que afectan a toda la página, como el margen y el color por defecto.

También hay iconos para activar / desactivar las funciones específicas de la página, como el nuevo sistema de Divi Pruebas Multivariable.

adjust_defaults

Una de mis nuevas funciones favoritas se encuentran en este nuevo conjunto de opciones es el Selector de color de paleta personalizada. Aquí se puede elegir un esquema de color para tu página. Cada vez que se abre el selector de color Divi Builder, su paleta de colores aparecerá en el selector de color para un fácil acceso.

custom_color_palette

También puedes activar una paleta de colores de todo el sitio en las Opciones del tema Divi! Una vez que se establece la paleta de colores de tu sitio web en ePanel, cada vez que utilice el selector de color aparecerán los colores elegidos.

ePanel-colores

Tambi√©n se encuentra en la nueva configuraci√≥n de p√°gina Divi es una caja CSS personalizada d√≥nde se puede utilizar para a√Īadir CSS personalizado a la p√°gina espec√≠fica que se est√° trabajando. Esto es mucho mejor que la a√Īadir¬†CSSen un tema del hijo como hacen en otros temas de WordPress¬†o mejor incluso que dentro de las Opciones del tema Divi en la que te ver√≠as obligado a hacer llamadas¬†a los ID espec√≠ficos y cargar el CSS personalizado en todo el sitio donde a menudo no es necesario.

custom_css

 

Y para colmo… un Sistema de Ayuda din√°mica

Cuando algo va mal, como incompatibilidades de plugin, errores de memoria o problemas de almacenamiento en caché, puede ser frustrante. Ahora el Divi Builder lo soluciona ya que permite identificar el problema, solucionarlo y ahorrar tiempo en el proceso.

AYUDA CUANDO LO NECESITES

Cuando el Divi constructor carga (a mi no me ha pasado nunca), y¬†no sabes que ha¬†salido mal… Ahora el Divi constructor sabe cuando se produce un error y se trata de averiguar por qu√©. El Divi constructor detecta problemas comunes y le da soluciones. Buscar√° cosas como errores de memoria, errores de configuraci√≥n wp-config, archivos de cach√© no deseados, tema obsoleta y versiones de WordPress, incompatibilidades de complementos y mucho m√°s. Este es el comienzo de lo que esperamos se convierta en un sistema de auto-ayuda a√ļn m√°s robusto en el futuro.

divi-constructor-helper

 

Extra también!

Todos estos grandes cambios no sólo se incluyen en el Divi, que son compartidos por toda la familia Divi constructor!

EL DIVI EXTRA Y PLUGIN DIVI TAMBI√ČN ACTUALIZADOS!!

No sólo han actualizado Divi, también han actualizado el tema Extra y el plugin Divi Constructor con todos estos sorprendentes cambios. No importa qué producto Divi constructor estes utilizando.

Obtén un 20% de descuento comprando tu licencia o el curso!

Para celebrar el lanzamiento de Divi 2.7, estamos ofreciendo un gran descuento del 20% todos los nuevos miembros por un tiempo limitado!

  1. Comprando el Curso WordPress + Divi
  2. Comprando tu propia Licencia en Elegant Themes: Plan developer (pago anual) o Plan Life Time (pago √ļnico)

 

Por: Gonzalo de la Campa.
Profe y dise√Īador gr√°fico y web
Especialista en WordPress, Divi, Woocommerce…

gonzalodelacampa-silueteado-3

Ah y si te ha gustado el artículo compartelo. Mil gracias amig@!!!

Novedades Wordpress 4.1

Novedades Wordpress 4.1

Aquí os dejo el vídeo con las principales novedades de Wordpress 4.1, que nace bajo el nombre de Dinah, en homenaje a Dinah Washington.

En el v√≠deo adem√°s os explico como podr√©is ver las novedades para que lo pod√°is consultar vosotros solos en futuras actualizaciones. Pero bueno, la gran ventaja de Wordpress es que somos una comunidad de millones de personas y siempre encontrar√°s mil ayudas y p√°ginas al respecto, dandote un paseito por Google ūüėČ

Aquí el vídeo. Espero que te sirva de ayuda:

 

Curso Wordpres

Si ya has comprado el libro
apúntate al sorteo aquí

Responsable de los datos: Gonzalo de la Campa Marinas
Responsable: Gonzalo de la Campa | Finalidad: Enviarte información. 

Legitimación: Consentimiento | Destinatarios: Mailchimp

Duración: hasta que te des de baja. | Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Te envío mis Trucos
para Conseguir Clientes

Responsable de los datos: Gonzalo de la Campa Marinas
Responsable: Gonzalo de la Campa | Finalidad: Enviarte información. 

Legitimación: Consentimiento | Destinatarios: Mailchimp

Duración: hasta que te des de baja. | Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

¿Dónde te envío mis

7 Cursos Gratis?

Responsable de los datos: Gonzalo de la Campa Marinas
Responsable: Gonzalo de la Campa | Finalidad: Enviarte información. 

Legitimación: Consentimiento | Destinatarios: Mailchimp

Duración: hasta que te des de baja. | Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Dime dónde te envío la clase

de Crear Cursos Online

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad: Enviarte información. | Legitimación: Consentimiento

Destinatarios: Mailchimp y ProfesionalHosting | Duración: hasta que te des de baja.

Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Abrir chat
1
1. ¬ŅQuieres apuntarte a alg√ļn Curso Gratis o de Pago con mi soporte directo? Soy Gonzalo, cu√©ntame y te ayudo encantado.

2. Si eres ya alumno y tienes dudas de soporte debes escribirme a soporte@escuelaemprende.com