Curso dise√Īo web online: Lo que debes saber para ser dise√Īador web freelance

Curso dise√Īo web online: Lo que debes saber para ser dise√Īador web freelance

Si eres una persona creativa que te gusta el dise√Īo web y te gustar√≠a vivir como freelance trabajando desde casa debes saber una serie de cosas antes de empezar o corres el riesgo de cometer errores muy habituales que acaben haciendo que no consigas clientes y que abandones tu sue√Īo.

En mi Curso de dise√Īo web online para principiantes explico paso a paso las mejores estrategias, sistemas, m√©todos de trabajo, presupuestos, c√≥mo poner buenos precios, como multiplicar ventas, etc. pero hoy quiero ayudarte d√°ndote los consejos que me hubiera gustado escuchar cu√°ndo empezaba.

Mi nombre es Gonzalo de la Campa, he dise√Īado m√°s de 200 p√°ginas web en WordPress, tengo m√°s de 4.000 suscriptores, m√°s de 100.000 visualizaciones en YouTube… y afortunadamente hoy vivo haciendo lo que me gusta, trabajando desde casa menos de 6 horas al d√≠a y felizmente casado y con 2 preciosos hijos de 4 y 7 a√Īos de los que puedo disfrutar sin estar agobiado por no tener ingresos o no tener tiempo.

En este post te voy a contar los consejos principales que debes saber antes de empezar, as√≠ quiz√° pueda ayudarte como me habr√≠a gustado que me ayudaran a mi cu√°ndo me qued√© en el paro con un hijo de 6 meses y empec√© formarme como freelance de dise√Īo web.

#CONSEJO 1: Formación, formación y formación.

Cu√°nto m√°s preparado est√©s…:

  1. Menos tardar√°s en conseguir clientes
  2. Mejores webs dise√Īar√°s y m√°s te recomendar√°n
  3. Ser√°s m√°s r√°pido dise√Īando y tendr√°s un negocio m√°s escalable
  4. Podr√°s ganar mucho m√°s dinero en menos tiempo
  5. Menos tendr√°s que invertir en captar clientes porque ellos ir√°n a ti
  6. Mejor posicionado estar√°s en Google
  7. Mejor valorado estar√°s en tu sector y te ver√°n como un referente
  8. etc.

Todo esto es imposible conseguirlo “a lo cutre”, es decir, viendo v√≠deos gratuitos y desordenados en YouTube como un pollo sin cabeza.

No solo debes formarte en saber dise√Īar y hacer dise√Īos de p√°ginas webs de calidad que ayuden a generar ingresos a tus clientes sino que es vital aprender c√≥mo conseguir clientes, c√≥mo ofrecer presupuestos para que quieran trabajar contigo, qu√© fases de dise√Īo debes realizar para evitar dise√Īos interminables en los que pierdas tiempo y dinero, etc.

#CONSEJO 2: Dise√Īa una p√°gina web perfecta

Si tienes un restaurante, eres abogado o psic√≥logo te podr√≠as permitir tener una web “como todo el mundo”, pero siento decirte que si te vas a dedicar al dise√Īo web como freelance debes tener una web perfecta.

¬ŅC√≥mo es una web perfecta?

  1. Debe estar hecha con las mejores herramientas: WordPress, Divi…
  2. Debe seducir a tu cliente en menos de 5 segundos
  3. Debe cargar r√°pido (en menos de 2 o 3 segundos)
  4. Debe tener un dise√Īo atractivo
  5. Debe tener un copy convincente dónde el cliente sepa cómo vas a solucionar su problema
  6. Debe generar confianza y autoridad para que los clientes quieran contratarte a ti y no a otro
  7. Debe tener llamadas a la acción para que sea fácil contactarte.
  8. etc.

Si no sabes dise√Īar mi consejo es que aprendas a dise√Īar con las herramientas que mejores dise√Īos web te permitan hacer en el menos tiempo posible para poder tener un negocio sano y escalable.

Yo apost√© hace muchos a√Īos por WordPress y por el Tema Divi y no puedo estar m√°s contento de la decisi√≥n que tom√© ya que me pemite dise√Īar webs de entre 700 y 1000 euros en un solo d√≠a. Imagina lo que se podr√≠as ganar al mes si haces webs de 1.000 euros en uno o dos d√≠as.

Y eso es posible gracias a WordPress y Divi. Aquí tienes información sobre el Tema Divi de Elegant Themes por si quieres profundizar en este tema.

#CONSEJO 3: Vas a necesitar soporte, no lo olvides.

Cuando empieces a dise√Īar webs con WordPress y consigas tus primeros clientes te vas a encontrar con un mont√≥n de problemas, incidencias, baches que te har√°n perder much√≠simo tiempo y pueden hacer que desesperes.

Lo s√© de buena tinta, yo mismo he llegado a llorar, literalmente, con algunos clientes cu√°ndo empezaba porque no sab√≠a c√≥mo hacer cosas que me ped√≠an o resolver problemas cu√°ndo una web se ca√≠a o por alguna incompatibilidad desaparec√≠a todo o sal√≠a un error que no ten√≠a ni p… idea de resolver.

Esto te va a pasar.

Si piensas que va a ser todo de color de rosa te equivocas. Un deportista sabe que en su carrera se va a lesionar varias veces, un cocinero que se le van a quemar platos y un abogado que va a perder juicios, pues un dise√Īador web debe saber que va a tener problemas y que va a necesitar ayuda para resolverlos.

Por eso yo en mi curso para dise√Īadores web profesionales quiero dar esa ayuda a todos mis alumnos para que no lo pasen tan mal como yo lo pas√© en algunas ocasiones.

#CONSEJO 4: Define tus servicios como un PRO

Esto es vital.

De hecho en mi cuso de Dise√Īo Web Profesional Online dedico un m√≥dulo entero a esto.

Puedes ver el Curso de dise√Īo web por dentro si quieres para que veas las lecciones, los m√≥dulos, etc.

Si no defines bien tus servicios corres un alto riesgo.

Estas son las cosas que pueden pasarte si empiezas a ofrecer servicios de dise√Īo web sin tener una buena estrategia:

  1. Ofrecer√°s servicios que no dominas y bajar√° tu calidad
  2. Pensar√°s que para conseguir clientes debes bajar precios y atraer√°s a clientes malos
  3. Perder√°s clientes
  4. No te verán como un auténtico especialista
  5. Perder√°s mucho tiempo
  6. Necesitar√°s contratar a terceros perdiendo margen
  7. No sabr√°s diferenciar un buen cliente de uno malo
  8. etc.

Por eso es vital que sepas:

  1. Si es mejor ser especialista y generalista y por qué
  2. Es vital que sepas que servicios debes ofrecer y cu√°les no,
  3. Es vital que sepas c√≥mo debes poner los precios, si deben ser p√ļblicos o no
  4. Cómo hacer para que te contraten páginas web a precios altos y atraer a los clientes que valoren tu trabajo
  5. Cómo ofrecer servicios que se vendan solos
  6. Buenas estrategias para trabajar con colaboradores y tener ingresos extra
  7. etc.

#CONSEJO 5: Usa estrategias para disparar tus ventas

Este es otro de los m√≥dulos de mi Curso para dise√Īadores web profesionales d√≥nde dedico muchas lecciones a explicar estrategias que yo llevo usando a√Īos y que me funcionan a las mil maravillas.

Afortunadamente, estas estrategias que aprendí cuándo empezaba me han ayudado a no necesitar miles de visitas y miles de solicitudes de presupuesto para conseguir clientes.

Es decir, cu√°nto mayor sea tu tasa de conversi√≥n, menos tiempo tendr√°s que gastar en salir a buscar clientes porque la mayor√≠a de los clientes que contacten contigo querr√°n que seas t√ļ qui√©n les dise√Īe la web.

Si un cliente siente que el valor de lo que le ofreces es muy superior al precio que le pides (aunque el precio sea alto) querr√° trabajar contigo, esto te lo garantizo.

Por ello es fundamental que sepas:

  1. Preparar un presupuesto de dise√Īo web perfecto
  2. Aprender a generar ingresos recurrentes con cada nuevo cliente que tengas.
  3. Estrategias para convertir las solicitudes en clientes (esto es clave)
  4. Los guiones que debes usar para multiplicar tus conversiones y tus clientes.

#CONSEJO 5: Antes de dise√Īar una web haz todo esto

Un mal dise√Īador web empieza de cero cada vez que le contratan una web y pierde much√≠simo tiempo haciendo cosas que podr√≠a tener resueltas optimizando el trabajo.

Todo ese tiempo que pierden los malos dise√Īadores web les impiden aumentar los clientes porque no tienen tiempo y se ven desbordados.

Si tu quieres ser un dise√Īador web con un negocio sano que te deje tiempo para tu vida, tu ocio, tus amigos y tu famila… debes aprender a tener muchas tareas repetitivas muy bien optimizadas.

Esta es otra de las cosas fundamentales que explico a mis alumnos en mi Curso de dise√Īo web online, del que aprovecho para recordarte que puedes ver por dentro.

Lo que debes saber antes de ponerte a dise√Īar:

  1. Debes saber como poner límites a tus clientes. Como no aprendas esto estás perdido. No todo vale. Los presupuestos hay que cumplirlos.
  2. Debes usar un buen hosting y dominar este tema. Al principio parece difícil pero aprendiendo 5 cosas lo tendrás todo más claro.
  3. Debes saber c√≥mo dise√Īar una web cu√°ndo... el cliente ya tiene web y cu√°ndo no tiene web. La forma de trabajar es distinta y debes saber cu√°l es la mejor forma de dise√Īar en cada caso.
  4. etc.

#CONSEJO 6: Dise√Īa con una Web Maestra

Esto es un tema clave que te puede ahorrar decenas de horas al mes, cientos de horas al a√Īo, miles de horas en tu vida laboral como dise√Īador web.

Esta es una forma de trabajar muy PRO que muy pocos dise√Īadores web profesionales utilizan y que te puede hacer posicionarte r√°pidamente pro encima de tu competencia.

A este tema le dedico tambi√©n varias lecciones en mi Curso de Dise√Īo Web porque saber preparar una buena web maestra con todas las configuraciones m√°s importantes (de seguridad, velocidad de carga, ajustes, etc.)

Es importante que sepas:

  1. Cómo y por qué debes preparar una Web Maestra
  2. Que veas c√≥mo es una web maestra por dentro (en mi curso de dise√Īo web profesional ense√Īo la m√≠a a mis alumnos)
  3. Cómo migrar una Web Maestra en menos de 5 minutos
  4. Listado de ajustes que debes hacer en tu Web Maestra
  5. etc.

#CONSEJO 7: Usa el mejor m√©todo de trabajo para dise√Īar webs llave en mano

Cu√°ndo vamos a dise√Īar una p√°gina web llave en mano pueden surgir infinidad de problemas y situaciones a resolver.

Esa es la mala noticia. La buena es que el 85% de las veces los problemas que te vas a encontrar son los mismos.

Un buen m√©todo de trabajo es vital para hacer buenos dise√Īos web.

El método importa.

Esto tambi√©n lo explico en mi Curso de dise√Īo web para dise√Īadores profesionales freelance.

De hecho he asistido a ponencias d√≥nde dise√Īadores que parec√≠an cracks contaban sus m√©todos de trabajo y sinceramente y con todos mis respetos, eran una aut√©ntica cagada.

He llegado a salir de Congresos de Dise√Īo Web pensando… como los asistentes apliquen estos m√©todos van directos al pozo.

Por eso a mis alumnos, no solo les explico un m√©todo que funciona sino que les entrego herramientas y plantillas que yo llevo a√Īos usando para que puedan usarlas con sus clientes.

Si tu cliente no conoces las fases de su proyecto, si tu no le explicas los procedimientos, te aseguro que puedes ir directo al infierno y si has elegido esta profesi√≥n es para ser feliz y disfrutar del dise√Īo web y de tu creatividad trabando desde casa.

Debes saber cosas vitales como:

  1. Las 4 mejores fases para dise√Īar una web
  2. La toma de datos que te ahorrar√° horas de trabajo
  3. C√≥mo cobrar, cuando publicar…
  4. etc.

Conclusión

F√≥rmate para aprender las mejores estartegias para ser un buen dise√Īador web freelance o perder√°s muchisimo tiempo haciendo trabajos de mala calidad y perder√°s clientes y dinero.

Nunca estés solo o te comerás muchos marrones, es importante que te lances con ayuda, soporte o alguien de confianza cerca que te saque problemas cuándo los tengas. Creeme, los tendrás.

Si quieres que yo te ayude, la mejor manera de que yo est√© a tu lado es apunt√°ndote a mi Curso de Dise√Īo Web Profesional, ya que no solo aprender√°s de golpe todo lo que yo he aprendido en a√Īos sino que podr√°s descargar mis documentos, etc. y me tendr√°s de soporte al otro lado del mail para ayudarte.

Si tienes cualquier duda escríbeme el los comentarios y te ayudo de mil amores. Un abrazo!

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 2 Media: 5]
Elimina los códigos cortos de cualquier tema o plugin en 1 minuto

Elimina los códigos cortos de cualquier tema o plugin en 1 minuto

¬ŅLos shortcodes o c√≥digos cortos son buenos o malos?

Los códigos cortos o shortcodes son como los impuestos que pagamos, parecen malos pero gracias a ellos tenemos sanidad, educación, carreteras, etc.

Esto es lo mismo, gracias a estos shortcodes puedes tener funcionalidades brutales en tu WordPress que te permiten realizar cantidad de cosas de forma sencilla.

¬ŅC√≥mo afectan los c√≥digos cortos al posicionamiento, velocidad…?

Es importante que sepas que los códigos cortos o shortcodes son invisibles para Google con lo que ni te perjudican ni te benefician a nivel de SEO porque Google lo que ve es el html que genere ese shortcode.

Aunque mucha gente crea que los temas o plugins que usan códigos cortos son perjudiciales o penalizan el posicionamiento, esto es un mito, un error.

De hecho Divi es el Tema m√°s instalado del mundo en WordPress y los usa, Contact Form igual, etc.

Yo mismo tengo webs con cientos de palabras clave en 1¬ļ p√°gina y posiciono a mis clientes en menos de 1 mes usando siempre el tema Divi, que es una maravilla para posicionar en Google.

Es una pena que haya gente que se decante por otros temas de WordPress solo por los c√≥digos cortos que es algo que, como veremos, podemos resolver en 1 minuto si alg√ļn d√≠a dejamos de usar el tema Divi, o cualquier tema o plugin.

Es decir, usa el tema que te guste más ya sea Divi, Avada, Generate Press, Astra o el que te de la gana, pero no por los códigos cortos.

Elegir un tema o plugin porque use o no códigos cortos sería como comprar un coche porque te gusta el color de la tapicería.

¬ŅC√≥mo eliminar shortcodes de Divi, Avada, Contact Form o cualquier tema o plugin?

Hay muchas maneras de eliminar estos c√≥digos cortos, igual que hay muchas maneras de barrer una casa (escoba, aspiradora…) pero hoy te ense√Īar√© la m√°s sencilla de todas.

Si lo que quieres borrar son los c√≥digos cortos de Divi porque vas a cambiar de tema debes saber antes que si en el nuevo tema instalas el plugin Divi Builder no necesitas borrar los c√≥digos cortos y conservar√°s todos tus dise√Īos en el nuevo tema que uses. En este tutorial de Divi tienes m√°s informaci√≥n.

Instala el plugin Shortcode Cleaner

Si te vale con ocultar los c√≥digos cortos pero quieres conservarlos en la base de datos de WordPress porque alg√ļn d√≠a puedes querer volver a utilizar esas funcionalidades que te han aportado, entonces te vale con la versi√≥n gratuita del plugin Shortcode Cleaner.

Si quieres borrar los códigos cortos también de la base de datos de WordPress, entonces tienes que comprar la versión pro del plugin. Pero no te preocupes que no llega ni a 20 euros. Es decir te va a ahorrar mucho trabajo por muy poco coste.

Mira aquí todo lo que t permitesste plugin y todas las diferencias entre la versión gratuita y la pro:

Shortcode Cleaner te permite

  • Ahorrar tiempo quitando del contenido los c√≥digos cortos rotos.
  • Cambiar entre temas y complementos sin preocuparte.
  • Limpiar tu contenido autom√°ticamente sin un clic, solo act√≠valo.

Funciones de Shortcode Cleaner Lite (gratis)

  • Limpiar el contenido del sitio frontend.
  • Limpiar publicaciones, p√°ginas, tipos de publicaciones personalizadas [contenido, extracto, t√≠tulo, metaboxs].
  • Limpiar los widgets de las barras laterales [t√≠tulo, contenido], enlaces de men√ļ, opciones de configuraci√≥n.
  • Limpiar cualquier contenido dentro de c√≥digos cortos rotos.
  • Limpiar los c√≥digos cortos rotos normales y anidados.
  • Informes de panel de control m√°s limpios.
  • Compruebar d√≥nde se encuentran los c√≥digos cortos rotos.
  • Control de la configuraci√≥n del limpiador.
  • Shortcode Cleaner es un desarrollador amigable.

Caracter√≠sticas de Shortcode Cleaner Pro (de pago)

  • Limpia el contenido de administraci√≥n del editor de fondo.
  • Limpia el contenido en una base de datos.
  • Limpia los c√≥digos cortos rotos que quedan del generador de p√°ginas (Visual Composer, Divi … etc.).
  • Muessra el estado de c√≥digos cortos rotos en la barra de administraci√≥n.
  • Obliga a los c√≥digos cortos activos a romperse [inactivos].
  • Limpia un n√ļmero ilimitado de publicaciones, p√°ginas [en lugar de solo 100 en la versi√≥n lite].
  • Agregua nuevos filtros de contenido del sitio frontend personalizados.
  • Utiliza los filtros de contenido de administraci√≥n WP de backend predeterminados.
  • Agregua nuevos filtros de contenido de administraci√≥n de back-end personalizados.
  • M√°s opciones de control para desarrolladores.
  • Actualizaciones de por vida y soporte con compras √ļnicas.

Elimina los shortcodes en 1 minuto

RECUERDA HACER SIEMPRE COPIA DE SEGURIDAD ANTES DE BORRAR NADA. No vaya a ser qe pierdas cosas que no quieres perder.

Si te vale con e plugin gratuito y con ocultar los c√≥digos cortos (recuerda que no afectan al seo) entonces instala Shortccode Cleaner Lite y a correr. ¬ŅDije en un minuto? en 1 segundo ya los has eliminado jeje Adem√°s no hace falta que configures nada, con activarlo te vale.

Si quieres borrarlos definitivamente, simplementee compra el plugin Shortcode Cleaner y ve a SETINGS > GENERAL y activa enable cleaner on the backend o sigue esos sencillos pasos del vídeo dónde lo verás muy claro:

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 0 Media: 0]
Soluciona f√°cilmente casi cualquier incidencia con Divi

Soluciona f√°cilmente casi cualquier incidencia con Divi

No me lo digas… no te carga la p√°gina del editor, no te deja guardar una p√°gina que est√°s editando o algo por el estilo ¬Ņno?

Tranquil@, es muy f√°cil de resolver. ūüėČ

Recuerda siempre antes de hacer nada de lo que te pongo por aquí hacer una copia de seguridad. Estos siempre es lo primero para toquetear tranquilo.

Problemas más habituales (con fácil solución)

Divi te muestra un pop up que te dice algo así:

  • No se ha podido guardar: Descarga copia de Seguridad o Volver a intentar
  • Limite de tiempo de Divi Builder
  • No se puede cargar el dise√Īador
  • etc.

¬ŅTe suenan popups como estos?

Te lo explico todo en este vídeo

Si eres de los que te da pereza leer tienes este vídeo dónde te lo explico y si eres de los que prefiere leer a ver vídeos lo tienes todo super detallado en este post.

El 90% de las incidencias tienen la misma solución: Tu Hosting.

Normalmente los hostings capan muchas cosas (tiempos de ejecución, limites de subida de ficheros, etc.) y Divi necesita ciertos recursos mínimos para funcionar correctamente.

Todos los Programas punteros necesitan unos requisitos m√≠nimos. Por ejemplo si instalas la √ļltima versi√≥n de Photoshop… en un ordenador antiguo ver√°s que no funciona, lo mismo pasa aqu√≠.

¬ŅC√≥mo saber qu√© requisitos m√≠nimos debo ampliar?

Divi lo pone muy sencillo. Ya en las √ļltimas versiones incorpora una pesta√Īa llamada SUPPORT CENTER.

Entra en Support Center y mira qué recomendaciones te da y cuántas tienes en rojo. Esas son las que debes arreglar.

Pulsa en SHOW FULL REPORT para ver el reporte completo, si quieres, y ver qué requisitos cumple tu hosting y cuáles no.

Como puedes ver el primer valor es lo que tienes actualmente en tu hosting y el segundo valor que ves después de We recommendes el que deberías tener para que todo te funcione correctamente.

¬ŅC√≥mo ampliar los valores en el hosting para cumplir los requisitos m√≠nimos?

Depende el hosting que tengas contratado tendr√°s 2 maneras de hacerlo:

  • Pedir a tu proveedor de hosting que ampl√≠e estos valores
  • Hacerlo tu mismo (si tu hosting lo permite)

Cómo pedir a tu proveedor de hosting que te lo amplíe:

Esto siempre es lo ideal, así te quitas de líos, sobre todo si no dominas el tema y estas cosas técnicas te asustan un poco.

Haz esto y soluciona tu problema sin complicaciones:

Ve a la pesta√Īa de Divi > Support Center > Copia los valores en rojo > Abre un ticket en tu proveedor de Hosting > Pega esos valores escribi√©ndoles algo as√≠ en el ticket:

Hola, necesitar√≠a que me aument√©is los valores que os indico m√°s abajo a los valores recomendados que pod√©is ver en cada uno de ellos justo despu√©s de WE RECOMMEND…

…y pegas ah√≠ esos valores que has copiado. Te voy a poner un ejemplo PERO TU DEBES COPIAR LOS TUYOS, NO ESTOS DE AQU√ć ABAJO:

IMPORTANTE: Si al subir la versi√≥n de PHP a la √ļltima ves que te da alg√ļn problema pide que te la suban a la pen√ļltima o antepen√ļltima…

PHP Version

7 – We recommend 7.2 or higher for the best experience. Learn more.

post_max_size

16M – We recommend 64M for the best experience. Learn more.

max_execution_time

90 – We recommend 180 for the best experience. Learn more.

upload_max_filesize

16M – We recommend 64M for the best experience. Learn more.

max_input_time

90 – We recommend 180 for the best experience. Learn more.

max_input_vars

1000 – We recommend 3000 for the best experience. Learn more.

C√≥mo ampliar los valores m√≠nimos t√ļ mismo:

Antes de que lo intentes hacer t√ļ te dir√© que hay hosting que no lo permiten y debes pedirselo a ellos.

Si ves que al ir a cambiarlo donde yo te indico, tu hosting no te lo permite, entonces es que debes pedirselo a ellos.

En caso de que ellos tampoco te lo aumenten, entonces es que el hosting que tienes contratado es un poco pobre y quiz√° es el momento de mejorarlo.

IMPORTANTE: Si al subir la versi√≥n de PHP a la √ļltima ves que te da alg√ļn problema s√ļbela a la pen√ļltima o antepen√ļltima…

Tanto si usas CPanel como si usas Plesk u otro panel de administración (esto son los paneles de administración habituales que usan los hosting) debes localizar un icono que ponga:

  • EN PLESK: Una vez dentro de Plesk pulsa en el icono de Configuraci√≥n de PHP > Ponte encima de cada uno de los valores y escribe el valor recomendado. A veces si lo haces mediante el desplegable no te deja aumentar tanto as√≠ que mejor borra el n√ļmero actual y escribe el recomendado. Ejemplo: Cambia 16M por 64M (Podr√°s aumentar todos salvo max_input_vars que deber√°s escribir esto max_input_vars = 3000; en la caja de abajo del todo donde pone Directivas de configuraci√≥n adicional)
  • EN CPANEL: Una vez dentro de tu CPanel pulsa en: Selecciona versi√≥n de PHP > y arriba a la derecha pulsa en Switch To PHP Options > Ah√≠ ver√°s cada uno de los valores y ve entrando en cada uno de los que te recomienda Divi y cambiando el valor al valor recomendado.
  • EN OTRO PANEL: Hay hosting como Arsys, Ionos (antiguo 1&1) y algunos otros que desarrollan su propio panel, ah√≠ tendr√°s que preguntarles a ellos que d√≥nde puedes aumentar estos valores o pedirles que te lo suban ellos.

Una vez ampliados los valores debe quedar algo así

En este ejemplo est√° la antepenultima versi√≥n de PHP (para la fecha en la que escribo este post) porque las 2 √ļltimas daban alg√ļn problema. Y tampoco he activado que muestre errores, pero teniendo ok todo lo dem√°s Divi va como un tiro:

Si has aumentado los valores en tu hosting y no se soluciona, prueba esto…

Aunque, como he dicho arriba el 90% de estas incidencias de no poder guardar las p√°ginas de Divi o no poder cargar o recargar el dise√Īador o el Divi Builder se solucionan ampliando los valores en tu hosting, hay veces que puedes seguir con el problema.

En ese caso vamos a hacer 2 cosas:

Entra como ventana de INC√ďGNITO o borra la Cach√© de tu navegador

Esto debes hacerlo porque quiz√° aumentando los valores del hosting ya lo hayas solucionado.

Si, como lo oyes, pero lo que puede pasar es que tu navegador te sigue mostrando una página cacheada (esto es una página que guarda en la memoria para cargar más rápido) y al entrar como INCOGNITO o borrar la caché ya accedes a tu web reconociendo este aumento de valores.

Normalmente se entra como ventana de Incógnito pulsando en los 3 puntitos de arriba a la derecha de tu navegador (en Chrome) y abriendo una nueva ventana de incógnito o en esos 3 puntitos en Herramientas > Borrar datos de navegación.

Desactiva los plugins

Esta es otra de las buenas practicas para ver si tus problemas los est√° creando alguno de los plugins que tienes instalados.

Divi es una joya también en esto.

Con cualquier otro tema tendr√≠as que ir a la pesta√Īa de Plugins de WordPress e ir desactivando uno a uno e ir mirando si se soluciona tu problema. Es la manera de detectar cu√°l es el causante.

Pero con Divi te puedes ahorrar inicialmente ese paso para saber si alguno de tus plugins es el causante.

  • Ve de nuevo a Divi > Support Centre y activa SAFE MODE (lo tienes un poco m√°s abajo haciendo scroll).
  • Ahora ve a ver si se ha arreglado el problema o persiste.
    • Si se ha arreglado es que el problema no est√° en Divi, est√° en alg√ļn plugin que est√° siendo el causante de la incompatibilidad. Entonces vuelve a desactivar SAFE MODE y ve a la pesta√Īa de Plugins y desactiva 1 a 1 y ve mirando si se arregla. Cu√°ndo desactives el primero mira si se arregla y si no se ha arreglado vuelve a activarlo y prueba con el siguiente, as√≠ sucesivamente,
  • Si no se ha arreglado es que no es ni tu hosting, ni los plugins… entonces si tienes tu licencia de Divi contacta con el soporte de Elegant Themes activando el Acceso Remoto (Remote Access) en Divi > Support Centre o contacta con tu proveedor de hosting o tu webmaster a ver si te pueden ayudar porque puede ser otra cosa.

Cuéntame en los comentarios si has hecho esto que te indico y te ha ayudado o no. Podré ir actualizando este post con otro tipo de incidencias (mientras sean habituales)

Si quieres aprender m√°s sobre Divi ve a mi Curso de Divi o a mi Curso de WordPress Gratis si lo que quieres es dominar WordPress o a cualquiera de mis otros cursos que tienes en la pesta√Īa de CURSOS del Men√ļ de mi web.

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 0 Media: 0]
Nuevas opciones de altura y anchura de Divi

Nuevas opciones de altura y anchura de Divi

Ya sabes que en Elegant Themes actualizan Divi con frecuencia y van mejorando muchas funcionalidades.

No en vano el tema Divi es el tema de WordPress m√°s instalado del mundo.

Con las nuevas opciones de tama√Īo arrastrables de Divi, literalmente puedes controlar el ancho, el ancho m√°ximo, la altura m√≠nima, la altura m√°xima y la altura m√°xima de cada elemento dentro del propio constructor.¬†Esto te da la libertad para editar para cualquier dispositivo (responsive) de forma sencilla.

Todo esto suena bien, pero ¬Ņc√≥mo se traduce esto en una web?¬†Eso es exactamente de lo que vamos a hablar en este post.¬†Comenzaremos explicando primero la diferencia entre todas las propiedades de altura y anchura disponibles dentro de la configuraci√≥n de Divi y luego las usaremos en diferentes escenarios para hacer que nuestros dise√Īos de p√°gina se comporten exactamente de la manera que queremos.

¬°Vamos a ello!

Entendiendo la diferencia entre las distintas propiedades

Antes de utilizar el ancho y el ancho m√°ximo en nuestros procesos de dise√Īo diarios, es importante entender lo que hacen. Esto es lo que la explicaci√≥n te√≥rica es:

Ancho:¬†¬†el ancho real de un elemento de dise√Īo.¬†Si esto es 100%, es tan ancho como el contenedor lo permite.¬†El ancho generalmente se expresa usando %.¬†Cuanto menor sea el porcentaje para el ancho, m√°s estrecho ser√° el elemento de dise√Īo.

Ancho  máximo: el ancho máximo tiene poder sobre el ancho. Si el ancho de un módulo se establece en 100%, se adherirá a ese valor siempre y cuando se mantenga por debajo del valor de ancho máximo. Una vez que se alcanza el valor de ancho máximo, no lo excederá.

Pero, ¬Ņc√≥mo se traduce eso en dise√Īo responsive?¬†Para ayudar a explicar la diferencia, vamos a crear una comparaci√≥n visual habilitando el Visual Builder en una p√°gina completamente nueva.¬†Agregaremos una secci√≥n con una fila de una columna.¬†Luego, insertamos un m√≥dulo de texto con algo de contenido, un color de fondo y un relleno personalizado.

dise√Īo de respuesta

Cambiando el ancho

Cuando cambia el ancho del m√≥dulo de texto al 80%, ver√° que el m√≥dulo de texto se reduce de tama√Īo. Tambi√©n se muestra la posibilidad de alinear el m√≥dulo como desee.

dise√Īo de respuesta

Cambiando el ancho m√°ximo

Cuando cambia el ancho m√°ximo, el valor asignado solo comenzar√° a aplicarse desde el momento en que el ancho real exceda el valor del ancho m√°ximo. Vamos a demostrar que realmente r√°pido:

No excedido

dise√Īo de respuesta

Excedido

dise√Īo de respuesta

Adem√°s del ancho y el ancho m√°ximo, tambi√©n podr√°s encontrar la altura m√≠nima, la altura y la altura m√°xima en la configuraci√≥n de tama√Īo de cada elemento.¬†Esto es lo que te√≥ricamente puedes entender de estos t√©rminos:

Altura  mínima: la altura mínima que desea asignar a un elemento. Si este valor es mayor que la entrada de altura, la entrada de altura mínima dominará.

Altura:  esto define la altura real que desea asignar al elemento.

Altura m√°xima:  este valor se convierte en la nueva altura una vez que la altura supera el valor asignado a la altura.

Cambiando la altura mínima

Si cambias la altura mínima de un elemento, ese valor se convierte en la norma. Al probarlo, verás automáticamente la altura del cambio del módulo de texto en tiempo real.

dise√Īo de respuesta

Cambiando la altura

Si estás combinando una altura mínima y una altura, deberás asegurarte de que la altura sea mayor que la altura mínima. Si no, la altura será ignorada. En los dos GIF a continuación, podrás ver la diferencia en tiempo real.

No supera

dise√Īo de respuesta

Supera

dise√Īo de respuesta

Cambiando la altura m√°xima

La altura m√°xima se hace cargo si supera la altura m√≠nima, pero es m√°s peque√Īa que la altura. Si, por ejemplo, asignara un valor m√°s alto a la altura m√≠nima que a la altura m√°xima, la altura m√≠nima dominar√≠a.

Cambiar el ancho m√°ximo para las filas

Una de las mejores pr√°cticas en dise√Īo web es decidir sobre un ancho m√°ximo particular para todo su sitio web. Esto ayuda a que todo se vea receptivo en diferentes tama√Īos de pantalla. Tambi√©n ayuda a los dise√Īadores a crear wireframes precisos.

Cambiando el ancho m√°ximo global

Puede o no saber que puede establecer un cierto ancho m√°ximo predeterminado para su contenido en el Personalizador de temas yendo a la Configuraci√≥n general y continuando a la Configuraci√≥n de dise√Īo. Mantener el ancho m√°ximo persistente ayuda a potenciar la capacidad de respuesta.

dise√Īo de respuesta

Cambia el ancho m√°ximo para una fila en particular

Con la nueva actualizaci√≥n de tama√Īo arrastrable, tambi√©n tienes la oportunidad de definir individualmente un ancho m√°ximo para filas.¬†Esto es ideal para las excepciones donde tiene m√°s sentido ir con un ancho m√°ximo m√°s alto.

dise√Īo de respuesta

Dando módulos a la misma altura

Otra técnica que debes tener en cuenta se centra en dar la misma altura a elementos similares. Esto es estéticamente agradable a la vista y ayuda a los visitantes a buscar contenido fácilmente. Hay dos formas comunes de abordar esto:

Usando el igualador de columnas

El primer m√©todo es uno que ha estado con Divi durante mucho tiempo.¬†Si deseas crear la misma altura para cada una de las columnas de su fila, puedes habilitar el Igualador de columnas en la configuraci√≥n de tama√Īo de su fila.¬†Si est√°s utilizando colores de fondo de columna, notar√°s r√°pidamente la diferencia.

dise√Īo de respuesta

Asignar altura a cada módulo

Otra forma de abordarlo es asignando una altura predefinida a los módulos que estás agregando.

dise√Īo de respuesta

Alinear contenido dentro de un módulo

Una vez que hayas asignado una altura a todos los módulos, también puedes jugar con la alineación del contenido. Para hacerlo, puedes usar un relleno personalizado para determinar manualmente el espacio en blanco en un módulo, o usar unas pocas líneas de código CSS para alinear automáticamente el contenido.

display: flex;
flex-wrap: wrap;
align-contentcenter;
dise√Īo de respuesta

Eligiendo la altura o anchura del elemento de dise√Īo y el desbordamiento de giro en desplazamiento

Otra cosa interesante que puede hacer con las nuevas opciones de tama√Īo arrastrables es convertir el desbordamiento en desplazamiento.¬†Esto te ayudar√° f√°cilmente a ahorrar espacio en tus p√°ginas y agregar√° interacci√≥n adicional.¬†Hay dos pasos para esto;¬†configura una altura para tu elemento y cambia el desbordamiento en la configuraci√≥n de visibilidad.¬†Comienza por cambiar la altura de tu m√≥dulo o elemento.

dise√Īo de respuesta

Luego, ve a la configuración de visibilidad de tu elemento y cambia el desbordamiento vertical en desplazamiento.

dise√Īo de respuesta

Creaci√≥n de una secci√≥n de pantalla completa en todos los tama√Īos de pantalla

¬°A la siguiente y √ļltima sugerencia!¬†¬ŅQuieres crear una secci√≥n de pantalla completa?¬†Abre la secci√≥n en tu p√°gina, ve a la configuraci√≥n de tama√Īo y cambia la altura.¬†Es importante que uses la unidad de ventana de altura para esto para asegurarte de que todo sigue respondiendo en todos los tama√Īos de pantalla.

  • Altura: 100vh
dise√Īo de respuesta

¬ŅDeseas alinear centralmente el contenido en tu secci√≥n de pantalla completa?¬†Agregua tambi√©n las siguientes l√≠neas de c√≥digo CSS personalizadas al elemento principal de tu secci√≥n:

display: flex;
flex-wrap: wrap;
align-contentcenter;
dise√Īo de respuesta

Conclusiones

En esta publicaci√≥n, he revisado las nuevas opciones de ancho y altura que vienen con la actualizaci√≥n de tama√Īo arrastrable de Divi.¬†Te he mostrado c√≥mo funcionan y c√≥mo puedes usarlos para crear un dise√Īo de p√°gina responsive para cualquier tipo de sitio web que est√©s creando.¬†Si tienes alguna pregunta o sugerencia, ¬°deja un comentario en la secci√≥n de comentarios!

Si quieres aprender m√°s sobre Divi y conseguir m√°s regalos de Divi, ap√ļntate a mi Curso de Divi y te ayudar√© de primera mano.

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 0 Media: 0]
Cómo crear una Academia Online en WordPress (en 20 minutos)

Cómo crear una Academia Online en WordPress (en 20 minutos)

Montar una Academia Online es mucho m√°s f√°cil de lo que piensas.

Si est√°s queriendo vender o crear cursos online y est√°s dudando si usar plataformas externas como Udemy, Hotmart, etc. o tener la Academia integrada en tu propia web, este articulo puede ayudarte a decidir.

Nadie que tiene una web en WordPress se plantea tener el blog en una plataforma externa ¬Ņno? Pues con las academias online es lo mismo.

Si yo hubiese usado plataformas para crear cursos online hoy habría perdido más de 10.000 euros en comisiones.

Llevo desde 2015 vendiendo cursos online y ya cuento con m√°s de 1.000 alumnos entre mi web de www.cursowp-online.com y la de www.emprendit.online (donde ayudo a emprender en Internet con mi sistema DIT: Do it together)

En mi curso de Crear Academias online automatizadas explico a mis alumnos esto que te voy a contar hoy y muchas cosas más, para que puedas hacerlo de forma sencilla siguiendo mis vídeos donde te lo explico todo paso a paso y con mi ayuda al otro lado del mail.

Para ayudarte te he preparado este vídeo, porque la mayoría de las personas que acaban decidiéndose por tener su escuela online fuera de su web es porque piensan que es muy complicado tenerlo dentro de su página web en WordPress.

Hoy acabaremos con ese mito y t√ļ mismo ver√°s como puedes montar tu academia online en WordPress en solo 20 minutos.

Pasos para montar tu academia online

1. Instala el plugin Sensei (para Academias online)

Solo instalando este plugin tendrás la mitad del trabajo hecho. Ya tendrás toda una plataforma compeltísima para crear cursos, módulos, lecciones, cuestionarios o exámenes, etc.

Los alumnos de mi Curso de Academias Online pueden descargar Sensei gratis o si prefieres puedes comprar Sensei aquí.

Puedes usar muchos plugins o incluso montar tu escuela online a mano picando código, pero si eres de los que no te quieres complicar la vida y además tener el que para mi es, posiblemente, el mejor plugin para crear academias online, entonces no te lo pienses mucho, apuesta por SENSEI.

Sensei est√° desarrollado por Automatic, de Matt Mullenweg, creador de WordPress y de WooCommerce. Con lo que ser√° casi imposible que este plugin presente incompatibilidad alguna o problemas con WordPress.

2. Configura Sensei

Estas configuraciones que explico con detalle en el vídeo de más arriba no te llevarán más de 5 minutos.

Solo con este primer check ya est√°s protegiendo tus cursos para que solo se pueda acceder desde un √°rea privada para que solo quienes lo compren puedan verlo.

3. Instala WooCommerce

Con WooCommerce tendrás la otra mitad de tu academia. Con esta joya de WordPress podrás configurar tus pasarelas de pago en pocos minutos. Mi consejo es que permitas el pago con tarjeta con Stripe y adicionalmente (si quieres) también PayPal.

Usar WooCommerce te permitir√° hacer miles de cosas a futuro que hoy ni siquiera te imaginas:

  • Vincularlo de forma sencilla a Mailchimp u otra herramienta de newsletters y as√≠ tener segmentados a tus alumnos para enviarles informaci√≥n de forma sencilla.
  • Permitir pagos a plazos en cuesti√≥n de segundos, instalando el plugin WooCommerce Suscriptions. Lo explico en mi curso y puedes descargarlo gratis en √©l.
  • Montar un Membership Site simplemente instalando el plugin WooCommerce Membership tal y como explico en mi curso, d√≥nde tambi√©n podr√°s descargarlo.
  • Ver informes de ventas super detallados sin tener que hacer nada. En WooCommerce > Informes podr√°s ver tus ventas de cursos, filtrar por periodos y por lo que quieras para tomar decisiones.
  • Crear cupones de forma sencill√≠sima para estimular las ventas de cursos haciendo campa√Īas, webinars o lo que quieras.
  • Integrarlo con sistemas de afiliados.
  • etc.

4. Configura WooCommerce

Esto te resultará sencillísimo. Tal como puedes ver en el vídeo de más arriba que te he preparado, WooCommerce tiene un asistente donde solo tendrás que rellenar algunos datos y seleccionar otros e ir dando a siguiente.

Lo √ļnico que puede tener un poquito m√°s de miga es poner los impuestos y darte de alta en Stripe y/o Paypal pero es algo que siguiendo los pasos correctos te puede llevar 10 minutos como mucho.

Para vincular Stripe con tu web solo tendr√°s que copiar 2 claves y pegarlas en tu web, un copia pega vamos. Y con PayPal, una vez te des de alta solo tendr√°s que poner el email en WooCommerce y listo. Est√° todo puesto a huevo para que sea lo m√°s sencillo posible.

Ya tienes montada tu academia en WordPress

Una vez hayas hecho eso ya tendrás montada tu academia. Esa es la parte más sencilla. Ahora empezará lo más complicado, y lo que tendrás que hacer sí o sí tanto si hubieses elegido una plataforma de cursos externa como si lo tienes todo en WordPress, que se resume en:

  • Validar tu curso. Puedes prevenderlo antes de crearlo, hacer tests. Esta es la mejor opci√≥n para no liarte a grabar v√≠deos como un mono y correr el riesgo de que luego no te los compre ni Perry.
  • Grabar el curso y prepararlo. Esta suele ser la parte m√°s laboriosa. Grabar los v√≠deos, saber con qu√© programas hacerlo, saber comunicar para que tus alumnos disfruten y les ayudes a solucionar su problema, prepararles documentaci√≥n, descargables, hojas de trabajo… alojar tus v√≠deos de manera correcta para que solo puedan acceder tus alumnos, etc.
  • Publicar el curso en tu web. Crear una p√°gina de venta del curso con un buen copy para que se venda solo, tener una p√°gina de caja bien optimizada para no perder ventas en el proceso de compra, tener buenas llamadas a la acci√≥n, demostrar autoridad, etc.
  • Promocionarlo para venderlo de forma automatizada. Crear un embudo de ventas para tener un sistema 24×7 que lleve potenciales alumnos a tu web. Montar un sistema de Afiliados para que otros vendan tus cursos por ti a cambio de una comisi√≥n. Trabajar un buen Inbound Marketing y SEO…

Todo esto que te cuento no lo digo como algo te√≥rico, lo digo porque es algo que vivo cada d√≠a, algo con lo que disfruto y algo que desde hace ya varios a√Īos me genera ingresos en piloto autom√°tico permitiendome dormir tranquilo.

Desde que decidí emprender cuándo me quedé en el paro con mi hijo con 6 meses y al poco mi mujer se quedó en el paro, esto de crear cursos online es, sin duda lo que mejor he hecho.

Hoy mi hijo ya tiene 6 a√Īos y mi hija 3 y no te imaginas la tranquilidad familiar que supone saber que adem√°s de ayudar a miles de alumnos tenemos unos ingresos recurrentes que nos permiten vivir tranquilos.

Si quieres que te ayude más todavía, será un honor para mi tenerte entre mis alumnos.

Un fortísimo abrazo y si tienes alguna duda escríbeme en los comentarios del post.

Un abrazaco

Gonzalo.

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 0 Media: 0]

Dime dónde te envío

tus regalos

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

218813

¿Te vas sin tu regalo?

Mis secretos para crear una web de exito

+ trucos y recursos gratis para Divi

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Mailchimp.
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

1
¬ŅAlguna duda? Soy Gonzalo, cu√©ntame y te ayudo encantado.
Powered by