Transcripciones
1. Cómo entregar un sitio web a un cliente como un profesional: Oye, y bienvenidos a la clase de haberes compartido. Mi nombre es Reno En esta clase de habilidad compartir. Te voy a mostrar cómo puedes entregar un sitio web como un profesional a un cliente. Entonces digamos que ya terminaste con el diseño y con el proceso de construcción dentro de su prensa , ¿cómo lo entregas como una profesional? Eso es todo lo que voy a mostrar en la clase corta. Paso muy esencial si quieres tener tu propio negocio de diseño Web, así que espero verte en el próximo episodio.
2. Crea una experiencia de inicio personalizado: Muy bien, vamos a empezar con el paso número uno, y eso es crear una experiencia de carga personalizada. He estado recibiendo mucho esta pregunta últimamente, y así es como haces experiencia personalizada, de aspecto
poderoso. Entonces, por ejemplo, cuando miras en eso, ves un logo a la izquierda por aquí. Y además, cuando miras hacia fuera o rentas, alguien se bloquea en que puedes ver tu logo o el logo de tus clientes aquí. Entonces vamos a ir y déjame mostrarte cómo se hace eso. Pero el inicio que vamos a usar para esto se llama White Label CMS. Entonces, ¿qué necesitas hacer ir a enchufes? Voy a cambiar a los sitios web de mi cliente para realmente mostrarte un ejemplo real. Está bien, es éste. De acuerdo, así que ahora implementar de nuevo está instalado, y luego puedes ir a la configuración, y luego está por aquí. Etiqueta blanca CMS. Por lo que necesitas configurar tu local en dos lugares. En primer lugar, puedes saltarte esta parte y luego puedes ir a iniciar sesión, y aquí puedes configurar tu logo de carga. Entonces ese es el logo que ves cuando miras hacia fuera. Entonces voy a dar click en subir por aquí. Mi cliente ya tiene logo. Puedes escoger una versión negra por aquí. Eso es perfecto cuando no se agrega un fondo. Pero si quieres de fondo, entonces una versión en blanco es mejor. Entonces déjame mostrarte cómo es un fondo. También puedes configurar un fondo. Entonces este es el sitio web de mi cliente. Um, donde he montado un fondo y un logotipo. Y por supuesto, si tienes ah, fondo y el fondo necesita ser un poco más oscuro, por lo que debes ajustarlo en tienda de fotos exterior y luego también subir un local amplio. Entonces ahora vamos a subir el logo que vemos justo aquí para la página web de dis, que sólo va a ser esta versión negra, porque no voy a armar un fondo por aquí, pero te voy a mostrar dónde está eso. Si te desplazas hacia abajo, puedes ver que también puedes subir una imagen de fondo aquí y asegurarte de que él
superponga negro como yo tengo por aquí es una plaga ya hacer la imagen y luego, por
supuesto, también usar una imagen blanca . Si quieres un fondo personalizado como este por ahora, solo
voy a hacer clic seguro y ver qué pasa. Así que haga clic seguro, luego cierre la sesión. Y aquí se puede ver el logo. Por lo que ahora cada vez que mires dentro, verás el logo. Entonces ahora por aquí, necesitarás una versión en blanco fuera del logo, y eso es algo que puedes configurar bajo branding por aquí. Entonces si te desplazas por el Edmund Bar, esa es esta barra. Y luego si te desplazas hacia abajo para citar menú, ese es este menú. Entonces si subes un local aquí mismo, así que aquí necesitamos una versión blanca y damos click en insertar y damos click en seguro. Ya verás lo que pasa que es absolutamente masivo. Entonces, ¿qué puedes hacer? Lo que hice en mi propia página web es crear un logotipo. Pero luego a un poco de espacio en blanco a la derecha en tu imagen PNG, Así que te mostraré a lo que me refiero. Aquí hice un PNG personalizado con un poco de espacio en blanco. Si no sabes cómo hacer eso,
puedes hacerlo fácilmente En la mayoría de las herramientas creativas. pero siempre lo hago en una tienda de fotos. Eso solo agrega un poco de espacio en blanco por aquí en tu PNG y luego podrás lucir
así en. De lo contrario se vería así. No es súper feo, pero con algunos locales, quieres hacerlo un poco más pequeño para que se vea limpio.
3. Instala Google Analytics y conectarlo a la: todo bien. Número de paso para instalar Google analytics. Entonces si vas a mi panel de control por aquí, puedes ver el fusible de página que tiene este sitio web, así puedes ver que mi realmente va bastante bien, mi propio portafolio que he recibido ayer 138 Fister. Eso se puede ver un pequeño gráfico por aquí, así que eso es súper bonito. Y les mostraré cómo configurar esto. Por lo que necesitarás Google analytics para esto. Ya he insultado en este sitio web, así que voy a hacer eso ahora mismo en un nuevo sitio web. Pero lo que quieres hacer es ir a analytics dot google dot com, crear una cuenta con tu Gmail, y luego puedes crear una cuenta por aquí. Entonces, cómo haces eso es que solo vas al cajero automático Penhall por aquí, y luego puedes crear una nueva cuenta. Por lo que para cada nuevo sitio web, se crea una nueva cuenta con Google Analytics. Entonces si haces clic en crear una cuenta nueva ahora mismo, quiero crear una cuenta para mis pruebas de sub dominio. Todo el mundo a bordo viene voy a copiar un euro, ¿va a volver a Google Analytics para? Vas a darle un nombre, para que ese no tenga que ser el enlace. Simplemente puedes hacerlo así o nombrarlo. lo que quieras, puedes dar click en siguiente. Weap. Eso es perfecto. Lamiendo. A continuación, Mi nombre de sitio web que puede ser el mismo dos Euro Galés. Colócala por aquí. Pero asegúrate de no hacerlo en el https eliminar eso y seleccionado por aquí así. Entonces si tu sitio web ya tiene SSL, entonces puedes seleccionar este. Puedes seleccionar una industria por aquí. A lo mejor de negocios e industriales. Marcus dice perfecto. El huso horario de un Ponga eso en su propio país. Entonces para mí, eso es Holanda. Da click en Crea aquí, selecciona de nuevo tu propio país. Yo me aseguro de que usted esté de acuerdo con los términos. Está bien. Y ahora ya has terminado. Ahora se crea esta cuenta, y ahora puedes conectarte estas cuentas de Google Analytics a través de sitios web de prensa de ese propósito. Consentimiento de los datos a Google analytics, y luego podrás ver todos los datos en Google Analytics y puedes ver una vista previa aquí en tu propia página web. Entonces hagámoslo ahora mismo. Voy a volver a mi página web y el negro en que voy a instalar. Se llama excepto métricas. Por lo que sólo busca Google analytics. Y si los
jodes, puedes ver métricas exactas por aquí. Tiene una calificación baja, pero esto waas la mejor analítica escolar Blufgan antes de que la actualizara. Sigo pensando que es bastante bueno, pero han hecho muchas características. Pro. Pero si quiero ver toda la fecha de Google analytics, solo
voy a analytics dark Google que viene a ver todo. Entonces para mí, esto funciona. Sé que a mucha gente no le gustó la nueva actualización, pero creo que sigue siendo un Blufgan decente. También puedes instalar algo como esto, pero eso es un poco demasiado pesado para mí Un poco demasiado para solo en mi página web. Yo sólo quiero tener un breve breve. Tú también para mis clientes. Cuántos visitantes esto, mamá. Entonces eso es lo que voy a instalar ahora mismo, ¿de acuerdo? Y ahora puedes hacer click en el almuerzo para reservar porque necesitamos conectarlo a nuestra página web y aquí necesitas conectarlo para ir analíticas. Por lo que este necesita ser el mismo tema de correo electrónico utilizado en al menos doc google dot com Para mí, ese es mi correo personal. Por lo que voy a dar clic en esto y luego permitir que las métricas exactas vean mis datos. Y entonces aquí necesitamos seleccionar el sitio web que quiero conectar porque tengo mucho fuera de sitio web conectado a esa cuenta de Gmail. Por lo que dentro de mi Google analytics, puedo ir a la analítica fuera de diferentes sitios web. Por lo que aquí necesitamos seleccionar el sitio web correcto. De acuerdo, Así que solo selecciona todos los datos del sitio web y luego haz clic en conexión completa. Entonces si te desplazas hacia abajo, hay una cosa que debes revisar y es que el rol de editor está por aquí porque quieres crear en nuestros conteos para tu cliente. En la mayoría de los casos, eso tiene que rodar Editor. Por lo que debes asegurarte de que veas al editor por aquí. Basta con hacer click en guardar. Continuar. No necesitamos esto. Por lo que solo tienes que hacer clic derecho Omitir este paso y luego terminamos. Te preguntaré 100 veces si quieres actualizar a pro, pero no queremos actualizar a pro. Simplemente queremos esta cosa en nuestro tablero de instrumentos. Entonces si haces clic en tu desesperada ahora mismo y te desplazas hacia abajo, puedes ver que el grifo está por aquí. Entonces si cierras este y luego llevas éste a la cima, entonces siempre verás las estadísticas de la página por aquí. Entonces eso es en realidad todo lo que quiero. Y luego si quiero ver más datos, solo
voy a analistas son google dot com. Y si tu cliente lo quiere, puedes invitarlos a una cuenta de Google Analytics. Entonces puedes hacer eso yendo a Google analytics que yendo a la configuración por aquí y luego ir a la gestión de usuarios de la cuenta. Y luego puedes a ellos en su Gmail para también darles acceso a toda la cuenta de Google Analytics fuera de ese sitio web, correcto, porque un sitio web puede tener diferentes usuarios dentro de Google analytics. De acuerdo, entonces en realidad hay todo lo que necesitas saber para este paso un poco complicado. Creo que estos son los pasos más complicados, pero es realmente bonito porque en este momento tus clientes y puedes ver los datos dentro de Silver Press Dashboard
4. Configuración del Fav /el icono del sitio sitio web: El siguiente paso es el sitio que puedo volver en el día. Esto se llamaba FF Aiken. Entonces si quieres investigar información sobre eso se llama FF so f a V. Pero ahora mismo se llama sitio Aiken, y eso es ese poco que puedo ver en todos los grifos de aquí. Entonces eso acaba de configurar esto para dispepsia. Ahora mismo. se puede hacer. Voy a la apariencia y luego hago clic en personalizar, y luego necesitas buscar un tap llamado identidad del sitio. Si tienes un tema diferente al que a veces está escondido en algunos fuera de los grifos por aquí. A veces está dentro de la cabecera o dentro de la estela. Por lo que necesitas hacer click en los pocos toques para encontrar estos identidad del sitio que desplázate hacia abajo, y puedes ver el sitio que puedo por aquí así que ahora puedes desplazarte hacia abajo y luego seleccionar el sitio que puedo para el sitio. Eigen. Asegúrate de que no sea blanco porque va a estar sobre un fondo blanco o casi blanco en la mayoría de los casos, y también quieres asegurarte de que haya suficiente espaciado a la izquierda y a la derecha. De lo contrario, tendrás problemas con el cultivo. ¿ Verdad? Entonces si solo diriges esto así, puedes ver una vista previa por aquí. Haga clic en seleccionar. Y se puede ver que esto es perfecto porque en este momento hay suficiente espacio en la parte superior en la parte inferior, por lo que esto se ve perfecto. Entonces si hace clic en saltar recorte, haga clic en publicar, Haga clic en la X Y ahí cambié, a la derecha. Usted lo vio intercambio desde el Aiken de WordPress también. No mi lado. Yo puedo. Entonces esto es para toda la página web, y ahora terminamos con este paso.
5. Configuración de roles de usuario Wordpress: De acuerdo, Entonces el siguiente paso es agregar usuarios para tus clientes porque la mayoría de los clientes quiere poder iniciar sesión ellos mismos y hacer cambios sencillos al texto en las imágenes. Pero no quieres que cambien todo sobre los sitios web sobre La prensa tiene un gran sistema para esto, y eso se llama roles de usuario. Elements are también utiliza esos roles de usuario, que voy a explicar el siguiente paso. Pero en este paso, voy a mostrar cómo puedes crear correctamente un usuario para tu cliente porque
nunca debes compartir tus propios detalles de aspecto solo por razones de seguridad. Entonces si vas a los usuarios por aquí, este es el sitio web de reclamo real. Puedes hacer click en anuncios nuevos por aquí y aquí puedes agregar un usuario para tu cliente. Simplemente puedes poner en un nombre frontal. En realidad no
importa, no tiene que ser un nombre muy difícil, y hay que poner en su correo porque recibirán un email de ver press cuando los
agregues como usuario, pero también si quieren cambiar su contraseña por lo que solo necesitas sentirte en el nombre de usuario y el correo electrónico. Entonces puedes desplazarte hacia abajo. Puedes saltarte todo esto,
asegúrate de que la decisión se haya comprobado y luego ponerlos en el rol de editor. Y ese es un rollo por debajo del rol de administrador, que es el más alto. Pero tengo que decir que a veces tus clientes quieren acceso completo a toda la página web, y luego puedes a ellos como étnico. Pero yo diría que para la mayoría de Glines, sólo déles el papel de editor porque no quieren que sus clientes toquen cosas que disparan en contacto, ¿
verdad? A lo mejor. Ah, son muy curiosos. Y van a cambiar algunos ajustes por aquí porque porque piensan que las cosas podrían ser mejores. Por lo que siempre recomiendo que empieces con el del fallo. Sólo hazles admitir si realmente lo pidieron, porque al final del día es su página web, ¿
verdad? Así que basta con hacer click en un nuevo usuario, y luego recibirán un correo electrónico. Entonces eso es todo lo que necesitas saber. Para este paso, vamos al siguiente paso
6. Configuración de roles de usuario de Elementor: El siguiente paso es configurar roles de elemento o usuario, y esto es muy importante porque L. Un mentor, no sabe que acabamos de crear un nuevo usuario dentro de ver press. Elemental no puede leer todo. Inver prensa ¿verdad? Por lo que necesitas decirle a un mentor que quieres darle al rol de editor acceso limitado a todo el elemento o características. Entonces si vas a los elementos o si tienes pro elemental, puedes acudir al rol manager. Y si no tienes elemental pro que esta opción no está disponible. Por eso siempre recomiendo que la gente use pro elemental. Si sigues usando elemento de refree para tus sitios web de clientes, puedes ver mi video sobre elementos de pro, y creo que estarás convencido de que Elemental Pro es el adecuado para tu negocio de
diseño Web . Pero hay una característica de la que hablé. Puedes hacer clic en el editor abierto, y luego marcaría esta casilla, que es el acceso para editar contenido en Lee. Y con esta característica, le dices a un mentor que todos los editores ahora solo pueden acceder a la versión limitada off element o pro si marcas esta casilla, entonces no podrán ver nunca al editor elemental A veces quisiste con clientes. Pero en mi experiencia, esta es la mejor opción para la mayoría de los clientes. Si haces clic en guardar cambios y buscas en un sitio web con el rollo del editor, verás que hay acceso limitado por aquí que el editor ya no tiene todas las características que tiene la media, pero también, si ir edades demasiado profundas y esta es la parte más importante y haces click en Editar con Element o como editor, ¿
verdad? Por lo que ahora he creado una cuenta de avatar para mí. Por eso puedo ver esto. Por lo que tengo que cuentas en este sitio web. Como puedes ver, no
hay muchas opciones por aquí para arrastrar nuevos elementos. En realidad, no
puedo arrastrar un nuevo elemento en, Como se puede ver aquí mismo, no
puedo dirigir este botón. Es imposible, pero puedo agregar algunas cosas simples. Entonces solo hay una pestaña por aquí para tu cliente. Entonces de esta manera pueden joder el diseño ni siquiera ven todas las columnas y todo es solo una versión limitada, y lo único que pueden hacer, por ejemplo, intercambiar el texto intercambiado Eiken. Pero no pueden cambiar el bateo de margen a un nuevo elemento. Entonces esa es una característica que te recomiendo usar cuando estás trabajando con clientes. Eso eso es para el paso dis.
7. Personaliza lo que los clientes pueden ver en Wordpress: bien. Y entonces el siguiente paso es uno muy interesante. En realidad encontré el suyo yo mismo. Y se llama Vaping a mí y a ti me una personalizada. Si vas a los enchufes y haces click en en Nuevo y buscas display gin WP en el menú , Personalizo puedes ver display gin. Si haces click en
él, dirá Desplechin no ha diezmado tu versión actual. Lo uso en todo mi sitio web, y esto se debe a que este desarrollador en realidad comenzó un nuevo Blufgan. Pero creo que la disciplina es en realidad mucho mejor que su nueva versión, que también probé. Y aún funciona absolutamente bien. Y además tiene muy buenas calificaciones a ti. Como se puede ver, 4.5 estrellas. Entonces lo que esto te permite es limitar lo que tu cliente puede ver dentro de propósito, porque ahora mismo mi cliente puede ver todas estas cosas. Entonces, por ejemplo, las plantillas. Pero digamos que solo quiero que mis clientes puedan ver las páginas y tal vez ni siquiera los Commons en
los medios de comunicación correctos o incluso reportan métricas exactas. A lo mejor quieres que Onley le dé un adelanto en el tablero. Y también, como se puede ver en esta página web, esta parada Edmund bar sobre Lee tiene un botón. Eso lo he cambiado con el enchufe de profundidad. Correcto, Así que puedes hacer que sea un realmente limpio para tus clientes. Entonces déjame mostrarte lo que quiero decir. Si vas al enchufe y luego haces clic en esta primera opción, um, necesitas seleccionar qué rol quieres agregarlo. Es un poco torpe. Yo diría que no es un look perfecto, pero funciona, pero la técnica es muy buena. Entonces si marcas esta casilla y luego haces clic en seguro, entonces puedes ir a la barra lateral por aquí. Entonces ahora estamos editando la barra lateral de todas las personas que no tienen cuentas de editor dentro de este sitio representa. Entonces aquí puedes ver todas las cosas que un usuario normal realmente admin ve, Así que parpadear no es perfecto, pero puedes ver ahora mismo a la página web de mi cliente, por ejemplo, tiene que madre placas opción donde puedan ir al constructor de temas. Si no quieres a tus clientes que editen el menú, por ejemplo, en el er de comida, podrías simplemente apagar todo esto. Entonces si regresas y buscas plantillas, puedes ver que es ésta. Debido a que son plantillas elementales puedes desplazarte hacia abajo, puedes hacer clic en quitar, y luego si te desplazas hacia abajo, haz clic en seguro, vuelve a la cuenta de tu cliente y haz clic en Refrescar. Se puede ver que ahora esa opción se ha ido, por lo que también se puede hacer eso por las herramientas. Volvamos atrás. Eso es sólo borrar las herramientas por aquí. Quitar. A lo mejor también queremos eliminar los comentarios. Vamos a cagar donde los Comunes. Por aquí. Haga clic en quitar desplazamiento hacia abajo, haga clic en Cuentas de clientes de Coterie Segura para comprobarlo, haga clic en la actualización, y aquí se puede ver que ahora solo tenemos unas cuantas opciones que mi cliente necesitaría. También puedes hacer esto para la barra principal, que por en realidad ya lo hizo De esta manera. No es muy difícil para tus clientes porque para la mayoría de los clientes, es demasiado técnico. quiere hacerlo lo más fácil posible, así que creo que este es un excelente comenzar a hacer mejor la experiencia para sus clientes
8. Haz un video explicativo: bien. Y entonces este siguiente paso es explicar su video. Lo que siempre hago cuando uh, cliente necesita llenar su propio contenido es que hago un video explicador sobre cómo usar el sitio web, porque aún así, lo
hemos hecho mucho más fácil y agradable para tu cliente. Pero para la mayoría de los clientes, sigue siendo un poco difícil. Entonces lo que siempre hago es simplemente grabar mi pantalla no con la cámara, así y un micrófono, sino solo mi laptop. Pongo en mi piso de pantalla mi tiempo rápido y en Windows hay un gran taburete llamado Bloom que en realidad es gratis. Alguna vez ponga un enlace en la descripción donde pueda grabar su pantalla y su micrófono
al mismo tiempo, pero eso es algo que su cliente realmente apreciará. Lo he hecho con casi todos mis proyectos, y simplemente no hago reclamos como,
Hey, Hey, si inicias sesión en tu cuenta, puedes cambiar las cosas básicas de tu sitio web por aquí. Simplemente ve a páginas, y solo les digo exactamente dónde hacer clic de la misma manera que lo estoy haciendo ahora mismo por ti. Pero luego mucho más básico, sin micrófono. Y, uh, en realidad, estoy usando y micrófono externo en este momento. Pero claro que estoy usando la guarida de micrófono en mi laptop. Suficiente forma de cámara. Tan solo un video muy sencillo. A lo mejor solo toma tu iPhone y grabado así, hazlo súper fácil. Y dale a tu cliente un poco de confianza de que pueden hacer que los cambiadores simples a nuestra página web cómo conectan artículos de cartera, cómo se toman en bloque presume y dónde se puede ver la analítica. Correcto. Entonces esto es algo que siempre hago. Y a tus clientes les encantará esto porque el día no se sentirá perdido. Y es muy importante porque si tu cliente tiene una experiencia agradable con el en las
últimas semanas que trabajan contigo, van a contarle a otras personas sobre ti para asegurarse de que no las olvides. Después de que el sitio web esté encendido, diles qué pueden hacer con él, y estarán muy contentos contigo. Por lo que aquí puedes ver algunos de esos videos donde muestro a mi cliente lo que hice o cómo pueden usar el sitio web. Necesito desenfocar algunos títulos por aquí, pero solo hago un video como este. Lo pongo en YouTube y les envío un enlace de YouTube no listado. Entonces, cuando subes un video como este, puedes poner ese video en no listados. Y eso significa que solo las personas que tienen ese enlace y ven ese video para que tu video no
sea vida en YouTube es solo para que tú y tu cliente vean ese video.
9. Pregúntate si tu cliente quiere algo más que tu cliente quiere: y luego el paso número ocho es asegurarse de que su cliente entienda todo. Entonces lo que haría es llamar a su cliente después de una semana. Entonces una semana después de que has enviado ese video y solo llámalos y sé como, Oye, que lo entiendas todo. ¿ Está todo claro para ti? ¿ Tienes algún otro deseo? Y eso es sólo un final muy agradable y cálido para esa conversación. Y luego después, si realmente están contentos, puedes enviarles la factura. Siempre hago un prepago de 50% por adelantado y luego también 50% después. Pero eso es diferente para todos. Pero eso es lo que haría para que menos personal le diera a su cliente esa
experiencia muy agradable . De acuerdo, así que eso es todo por esta corta mentira de choza de habilidad. Espero que lo haya disfrutado. Si quieres que haga otros videos sobre share de habilidad que por favor, avísame también, si tienes preguntas y puedes dejarlas abajo, he puesto todos los pasos a continuación como un proyecto que puedes seguir para tu siguiente página web proyecto. Y entonces espero verte en mi próxima clase de habilidad
Rino De Boer, Designer & Content creator
