Share
En el mundo actual basado en la tecnología, tener un sitio web para su empresa es una necesidad absoluta y probablemente la parte más importante del marketing..
Casi un tercio de la población de todo el mundo usa Internet, por lo tanto, ya sea un escritor independiente, un desarrollador web, un orador profesional, un agente inmobiliario o un microempresario, es crucial tener una presencia en línea que no solo parezca profesional. Pero puede proporcionar información esencial a sus clientes..
Como parte de nuestra serie. Configuración de su negocio en línea sin codificación, Le mostraré cómo crear su propio sitio web profesional, por no mencionar magnífico, con Squarespace que no requerirá que ingrese una sola línea de código.
Tradicionalmente, si deseaba un sitio web, normalmente tendría una serie de cosas para organizar y considerar. Estos incluirían:
Para muchos de nosotros, eso es lo que siempre hemos hecho y hacemos ahora. Pagamos un host web cada mes por el espacio web, configuramos nuestro software web que potencia nuestro sitio, cambiamos la apariencia y está listo para funcionar.
El alojamiento web puede ser muy barato pero, a menudo, obtienes lo que pagas. Alojamiento compartido es, con mucho, la opción más común por la cual muchos usuarios comparten el mismo servidor, donde sus recursos se comparten en todos los sitios. A veces, estos servidores compartidos pueden tener cientos de sitios web que se ejecutan todos al mismo tiempo. Debido a esto, siempre existe el peligro de que un "vecino" en el servidor pueda configurar un sitio web que utilice muchos recursos, ya sea debido a que el sitio recibe una cantidad de tráfico increíblemente alta o simplemente a un software configurado incorrectamente. En caso de que esto suceda, puede tener un efecto colateral, ya que comparte esos mismos recursos y podría interrumpir su sitio..
Si no está bien versado en diseño web o desarrollo, puede encontrar lo anterior bastante desconcertante. Siempre habrá diseñadores web y desarrolladores que podrá contratar, quienes podrían encargarse de todo esto por usted..
El software CMS, como Wordpress, ha hecho que su instalación sea extremadamente fácil y, siempre que sepa cómo usar FTP y pueda orientarse en un servidor web, no tendrá problemas para configurar esto. Pero si algo le sucede a tu sitio, depende de ti arreglarlo. Si su sitio deja de funcionar o no funciona exactamente como debería, tendrá que dedicar tiempo para averiguarlo..
Pero, ¿y si te dijera que puedes omitir todo lo anterior y que no costaría más que pagar por un alojamiento web??
Si escuchas muchos podcasts populares, sin duda habrás oído hablar de Squarespace. Similar a algunos de sus competidores, como Wordpress.com y Tumblr, Squarespace es un alojado Servicio. No necesita un alojamiento web por separado y no hay que instalar ningún software. De hecho, te saltas casi todos los pasos de nuestra lista. Entonces, ¿cómo funciona un servicio hospedado como Squarespace y cuándo es una buena opción??
Con un servicio alojado, todo lo relacionado con su sitio web está en un solo lugar. Combina una combinación de alojamiento web altamente redundante y un potente software de CMS para que no necesite configurarlos e instalarlos usted mismo..
Si algo sale mal con una actualización o una instalación, ¿con quién habla? ¿Host de web o desarrollador de software??
Siempre tendrá soporte técnico para la mayoría de los aspectos de su sitio, en caso de tener alguna pregunta o problema. Con el alojamiento web tradicional, su alojamiento puede estar en una empresa, pero el software que desea utilizar será otro, lo que lo pondrá de lleno en el medio. Si algo sale mal con una actualización o una instalación, ¿con quién habla? - host web o desarrollador de software?
Como cada cliente de Squarespace usa la plataforma de Squarespace, no se puede instalar ningún otro software. Si bien algunos pueden encontrar esto restrictivo si tienen una necesidad específica, para otros significa que la preocupación de que alguien instale incorrectamente una pieza de software que cause un error en el servidor no existe..
Squarespace ofrece mucha redundancia e incluso ha continuado ejecutándose ante desastres naturales. Durante el huracán Sandy en octubre de 2012, Squarespace sufrió un apagón debido a las condiciones climáticas adversas. Trabajando con sus socios de centros de datos, continuaron ejecutando los servidores con generadores diésel para que los sitios sigan manteniendo su garantía de disponibilidad del 99,99%..
Squarespace también está alojado en la nube, lo que significa que si uno de sus servidores fallara, otro tomaría su lugar instantáneamente, sin ninguna pérdida de servicio. En comparación con el alojamiento compartido que existe en un solo servidor, si se desactiva, todos los sitios de ese servidor se deshabilitarán hasta que se resuelva..
Squarespace ofrece específicamente una serie de plantillas atractivas en las que podemos desarrollar y personalizar bastante. Proporcionan un buen punto de partida para diseñar nuestro propio sitio web que funciona como si estuviéramos en un editor de fotos. Podemos cambiar el tamaño de los logotipos, los anchos de las páginas, cambiar los colores y el tamaño de las fuentes, mientras vemos los efectos en tiempo real..
Esto no quiere decir que las plantillas atractivas no estén disponibles para su elección de CMS si configura su propio servicio de alojamiento web, ni mucho menos. De hecho, hay algunas plantillas realmente sorprendentes que puedes comprar en sitios como ThemeForest. La diferencia principal es que deberá tener en cuenta la compra de una plantilla, así como los costos involucrados, en caso de que desee cambiar fundamentalmente algunos aspectos de la plantilla..
Otro beneficio con un servicio como este es que, aunque la cantidad de plantillas puede ser menor en comparación con otras, son mucho más flexibles y se actualizan y prueban continuamente con los principales navegadores. Esto significa que su sitio se verá igual en Internet Explorer que en Google Chrome.
Las soluciones alojadas, como Squarespace, están diseñadas para ser potentes y fáciles de usar. Su extenso soporte, foros y video tutoriales le permiten aprender los entresijos del servicio por su cuenta..
Squarespace es una buena opción si desea configurar un sitio totalmente funcional que sea fácil de personalizar sin involucrarse demasiado en cómo funcionan los sitios web. Sin embargo, no es para todos. Si desea un sitio totalmente personalizado que tenga ciertas características que Squarespace aún no ofrece, está mucho mejor con la versatilidad de un host web dedicado..
A los efectos de esta serie, he decidido crear una nueva compañía de software llamada 'Software 2bit'. Estoy muy emocionado de tener un nuevo sitio web en funcionamiento, pero ya estoy muy ocupado con mis últimas aplicaciones. No tengo mucho tiempo para configurar el alojamiento web, instalar un CMS, etc. En su lugar, voy a configurar mi sitio web en Squarespace de principio a fin.
Squarespace ofrece una prueba de 14 días. que no requiere información de facturación. Esto es perfecto para mí porque no quiero comenzar a pagar por un servicio que tal vez no quiera usar.
Visitar Espacio al cuadrado y haga clic Empezar.
Antes de que se nos solicite más información, se nos solicita que seleccionemos el diseño para nuestro sitio. Squarespace funciona al proporcionar una gama de plantillas receptivas que se pueden personalizar en gran medida. No se preocupe por seleccionar una que no le guste, puede cambiar las plantillas en cualquier momento.
Me gusta mucho el aspecto de la plantilla. Aviador. Pase el cursor sobre la plantilla y luego haga clic en Ver aviador. Vamos a ver cómo se ve nuestra plantilla para empezar. Pase el cursor sobre la imagen de vista previa grande y seleccione Vista previa en vivo.
Todas las plantillas de Squarespace son receptivas, lo que significa que se adaptan para adaptarse al dispositivo en el que encajan, en la mayoría de los casos, un dispositivo móvil como un iPhone. Podemos ver cómo se vería en un dispositivo móvil al pasar sobre la vista previa móvil y seleccionar Vista móvil.
Estoy muy contento con este diseño, así que adelante, seleccione Comience con este diseño. Ingrese su nombre y dirección de correo electrónico, así como una contraseña (¡segura!).
Ahora que hemos creado nuestra cuenta de Squarespace, hemos iniciado sesión automáticamente en el Administrador del sitio. Así es como actualizamos todo en nuestro sitio, desde el contenido hasta los colores..
Podemos acceder a funciones como agregar / eliminar páginas y otro contenido, información analítica para decirnos cuántas personas han visto nuestro sitio y de qué sitios provienen, así como algunas opciones de configuración más..
Todo lo que pidió Squarespace era mi nombre, pero quiero personalizar el sitio con el nombre y la información de la empresa. Para ello, seleccione la Ajustes Sección, denotada por el icono del engranaje..
Aquí podemos completar la información de la empresa y personalizar el nombre y la descripción del sitio. No te preocupes por el latín sin sentido, este es solo el texto de marcador de posición que he puesto.
Más abajo en la página, podemos agregar nuestro logotipo e información de contacto que se utilizará en ciertas partes del sitio..
La configuración de un sitio nuevo con Squarespace requiere que se incluya contenido de demostración. La vista previa en vivo de nuestra plantilla que vimos anteriormente es en realidad lo que tenemos en este momento. Antes de continuar, echemos un vistazo a nuestro sitio tal como está ahora. Seleccione el enlace de vista previa que es el ícono superior izquierdo, representado por un ojo.
Como puede ver, nuestros cambios de logotipo y descripción han entrado en vigor. Al usar algunos de los enlaces en la parte superior izquierda, podemos navegar por el contenido de demostración que se nos proporcionó. Echemos un vistazo a la Menú página.
Una vez más, nuestra nueva información ya se muestra en todas las páginas. Todo lo que tenemos que hacer ahora es cambiar el contenido a lo que queramos. Para acceder al Administrador del sitio, simplemente seleccione el icono de engranaje en la parte inferior derecha de la página.
Para ver qué páginas tenemos, solo tenemos que mirar debajo del Navegación columna.
Debajo Navegación Principal Son todas las páginas que aparecen en el menú del sitio. Bajo el encabezado No enlazado son páginas a las que aún se puede acceder pero que no aparecen en el menú. Esto es útil para las páginas en las que no necesitan un encabezado de menú, pero es posible que deba poder vincularlas a otros sitios, como los "términos y condiciones" o la página "legal"..
Continuemos y eliminemos todas las páginas excepto "información" del contenido de la demostración. Pase el mouse sobre cada página y aparecerá un pequeño ícono de X, selecciónelo y confirme que desea eliminar todas las páginas. Una vez hecho esto, debes quedarte con lo siguiente:
Es hora de agregar una nueva página. Seleccionar Añadir página debajo Navegación Principal.
Solo queremos agregar una página estándar, así que seleccione la primera opción y luego llámela "Inicio".
Vamos a querer que esta sea nuestra página de inicio para que cuando alguien visite el sitio, esta sea la primera página que vea. Desplace el cursor sobre el nombre de la página hasta que aparezca un icono de engranaje, luego selecciónelo. A continuación, puede hacer esto la página de inicio.
Para agregar un poco de texto, haga clic en donde dice Haga clic aquí para comenzar a escribir y escribe un texto.
Squarespace gestiona el contenido en bloques. Podemos agregar diferentes bloques para diferentes usos, como texto, imágenes, video y más. Como hemos agregado nuestro primer cuadro de texto, agreguemos una regla horizontal debajo. Hacer clic + Agregar bloque y luego seleccione Regla horizontal. Lo colocará directamente debajo de nuestro bloque de texto. Si lo preferimos, podemos reorganizar los bloques en cualquier momento moviéndolos sobre ellos y haciendo clic y arrastrándolos hasta donde nos gustaría..
A continuación, quiero agregar dos imágenes separadas, lado a lado. Primero, agregue un nuevo bloque, pero esta vez, seleccione Imagen. Agregue una imagen de su elección y luego seleccione Salvar. Ahora, haz lo mismo otra vez para una segunda imagen..
Ahora tenemos dos imágenes, una encima de la otra. Para moverlos uno al lado del otro, simplemente arrastre la segunda imagen hacia el lado derecho de la primera, básicamente, arrástrela hacia donde quiera que esté. Aparecerá una línea azul con la palabra "columna", lo que significa que desea agregarla como una nueva columna. Suelte el botón del mouse y las imágenes cambiarán de tamaño automáticamente y se ajustarán para sentarse uno junto al otro.
Seleccionar Guardar y publicar, luego haga clic Ver pagina en la parte superior para ver cómo se ve.
Vamos a añadir más contenido. Vuelva al Administrador del sitio y agregue otra página, llamándola "Contáctenos".
Agregue texto al cuadro de texto predeterminado y luego agregue un nuevo bloque, pero esta vez agregue un Formar. De forma predeterminada, los nuevos formularios envían correos electrónicos a la dirección de correo electrónico con la que se registró.
Una gran característica de los formularios de Squarespace es que puede usarlos para más que solo enviarle un correo electrónico. Una vez que se familiarice más con el sistema, puede integrar Google Docs e incluso Mailchimp para desarrollar una herramienta de marketing completa, todo sin ningún tipo de codificación..
Después de agregar un nuevo formulario y reposicionarlo, también podemos ajustar el ancho de la columna que comparten, dando más espacio a nuestro formulario o cuadro de texto. Demos un poco más de espacio a nuestro formulario de contacto. Mueva el mouse sobre la mitad de los dos bloques y verá que el cursor cambia, luego puede hacer clic y arrastrar hacia la izquierda o hacia la derecha, dependiendo de la casilla en la que desea darle más espacio..
Una vez que hayas terminado, mira la página..
Hagamos un cambio más en nuestro sitio antes de comenzar a ajustar el estilo. los Información La página es hermosa, pero no es algo que queramos usar. De vuelta en el Administrador del sitio, arrástrelo hacia abajo hasta el No enlazado partida para que podamos moverlo fuera del menú del sitio.
Agregue una página final llamada "Servicios" y pruebe algunos de los otros bloques en los que podría estar interesado. Una vez que haya hecho eso, vuelva a organizar el menú para que la página de contacto sea la última página del menú..
Casi hemos terminado el diseño de nuestro sitio, ahora para personalizar cómo se ve nuestro sitio. Si aún no lo está haciendo, vea nuestro sitio para ver cómo se ve actualmente..
Usando el menú en la parte inferior derecha de la pantalla, seleccione el icono de pincel, esto ingresa el Modo de estilo. Es aquí donde podemos personalizar todos los colores y tamaños que nos gustaría usar dentro de nuestro sitio..
Lo primero es lo primero, mi logotipo es bastante oscuro porque está sobre un fondo oscuro. Cambiemos el fondo del encabezado para hacerlo un poco más claro para que podamos verlo mucho más fácil. Puede seleccionar qué elemento cambiar al seleccionarlo con el mouse. Seleccione el encabezado, asegurándose de seleccionar todo el cuadro y no el título o el logotipo.
Cuando selecciona un elemento, todas las propiedades apropiadas se mostrarán en la columna izquierda. Seleccionar Fondo del encabezado Y cambiarlo a un color mucho más claro. Si quieres, puedes mantener algo de transparencia..
Eso se ve bien. Sin embargo, nuestro texto con nuestra información de contacto es un poco difícil de leer. Ajustemos el color de este texto y hagámoslo más oscuro..
Mucho mejor. El logo y el texto son mucho más claros y fáciles de ver..
No soy un fanático del texto en mayúsculas para los encabezados. Nuevamente, para cambiar un elemento específico, selecciónelo con el mouse y el editor de estilos mostrará las propiedades disponibles para cambiar. Cambia la transformación del texto para que ya no esté en mayúsculas. Además, cambie el espaciado entre letras a 0 píxeles, esto acercará las letras.
Finalmente, seleccione algunos de los párrafos estándar que hemos escrito y cambie la fuente a Proxima Nova.
Si nos desplazamos hasta el pie de página, podemos ver que cambiar el fondo ha hecho que los enlaces sean difíciles de leer. Seleccione los enlaces y luego ajuste su color usando el editor de estilos..
Si bien el menú en la parte superior izquierda es bastante atractivo, hagámoslo más tradicional colocándolo en la parte superior de la página. Seleccione el área de navegación y la propiedad que necesitamos cambiar se llama Diseño de la página de información.
Cambie la propiedad a "Cartel".
Ahora para cambiar el tamaño del sitio. Me gustaría hacer el sitio un poco más estrecho ya que creo que podría verse bastante bien. Cambiar el tamaño es muy fácil, simplemente deslice el mouse sobre el borde de la página y simplemente haga clic y arrastre para ajustarlo.
He redimensionado el sitio al 50%.
Vamos a deshacernos de la imagen de fondo por completo. Haga clic en el fondo y, en el editor de estilos, seleccione Imagen de fondo. Si bien todo ese café parece bastante tentador, realmente ya no encaja con nuestro sitio, así que deshacámonos de él. Haga clic en el pequeño icono de eliminar y nos quedamos con un fondo de un solo color. Alternativamente, puedes cambiarlo por uno de los tuyos..
Dependiendo del fondo que seleccione, es posible que deba realizar algunos ajustes leves en los colores. Simplemente sigue haciendo cambios hasta que estés satisfecho con lo que tienes.
Ya que hemos eliminado el fondo de la demostración, podemos ajustar el pie de página para eliminar el crédito de la imagen. Para hacer esto, salga del Editor de estilos y seleccione el primer icono en el menú de Squarespace para Editor de contenido.
He ajustado el pie de página aquí para incluir un copyright, también.
Hasta ahora, hemos pasado unos 20 minutos construyendo un sitio que estamos listos para comenzar a usar. Sin embargo, no queremos usar la dirección predeterminada que Squarespace nos dio, queremos usar nuestro propio nombre de dominio!
Si te registras en los planes anuales de Squarespace, eres elegible para un registro de nombre de dominio gratis. Si ya tienes un nombre de dominio, simplemente puedes usarlo en su lugar. Si obtiene un nombre de dominio a través de Squarespace, esta sección no es necesaria y puede saltar hasta el final..
Vuelve a iniciar sesión en el Administrador del sitio y seleccione Ajustes, entonces Dominios.
Haga clic en + Enlace de dominio existente y luego ingrese el nombre de dominio que desea usar. Esto no actualizará automáticamente nuestro nombre de dominio para que funcione, esto simplemente le dice a Squarespace qué nombre de dominio esperamos utilizar. Tenemos que cambiar algo más ...
Esta parte no es particularmente complicada, pero no existe una solución única para todos, realmente depende de su registrador de dominios. Si su nombre de dominio está actualmente con Hover o GoDaddy, tendrán diferentes métodos para modificarlos..
Afortunadamente, Squarespace ofrece un excelente video tutorial que cubre la mayoría de los principales registradores. Proporciona instrucciones sobre la información básica que necesitarían todos los registradores si sabe cómo hacerlo o si su registrador no aparece.
La configuración para cambiar su nombre de dominio es algo que se llama un registro DNS. El DNS puede ser bastante complejo, pero esencialmente tenemos que decirle a nuestro registrador de dominios que cuando visitemos www.mydomain.com, Queremos que apunte a los servidores de Squarespace..
Mi dominio está registrado actualmente en GoDaddy, así que aquí están las configuraciones que configuré usando su panel de control de DNS.
Una vez que haya modificado la configuración de DNS de su dominio como requiere Squarespace, puede tomar hasta 24 horas para que tenga efecto. Con registradores como Hover, los cambios son casi instantáneos..
¡Eso es! Después de unas horas (dependiente de DNS), su sitio estará funcionando con su nombre de dominio personalizado. Mientras se encuentre en el período de prueba, cualquier visita a su sitio mostrará una advertencia que indique que el sitio aún es parte de una prueba de Squarespace, así que asegúrese de suscribirse antes de comenzar a utilizar su sitio..
Los sitios de Squarespace comienzan desde $ 10 por mes. Puede obtener un descuento si paga anualmente y, dependiendo de su uso, hay tres niveles de precios diferentes:
Para los clientes de EE. UU. Y Canadá, Squarespace también ofrece una solución completa de comercio electrónico para vender productos físicos y digitales. Si siempre ha querido abrir su propia tienda en línea para vender productos físicos o software, puede hacerlo fácilmente.
Para la mayoría de los usuarios, los planes estándar o ilimitados son las mejores opciones. Puede realizar la actualización en cualquier momento, así que a menos que necesite todo ese espacio o usuarios adicionales para iniciar sesión, vaya primero con el plan estándar. De hecho, siga utilizando la versión de prueba hasta que esté listo para iniciar, pero recuerde que su sitio muestra una pantalla de bienvenida mientras está en la versión de prueba..
Entonces, ¿cómo se compara Squarespace con un host tradicional? Muchos servidores web ofrecen alojamiento compartido desde alrededor de $ 5 por mes. Barato, ¿verdad? No lo olvide, deberá configurar su software CMS, configurarlo y asegurarse de que todo funcione. Si experimenta algún problema con el software o el alojamiento, deberá intentar primero averiguar dónde está el problema y luego comenzar a buscar asistencia..
Wordpress es gratis, por lo que no hay costo adicional para usarlo, y es increíblemente poderoso y muy popular. Si no tiene experiencia en la instalación de software web, deberá tener en cuenta el costo de tener a alguien que lo haga por usted..
En unos 20 minutos, hemos pasado de la nada a un sitio web totalmente funcional y de gran apariencia. Hay un costo mensual involucrado, pero en el nivel más bajo de $ 10 por mes, es casi lo mismo que una taza decente de café y pastelería dulce cada mes.
Una de las mayores ventajas de un servicio como Squarespace es que pone tú en control de toda tu presencia en la web. Cada vez que desee cambiar la apariencia, agregar una página, eliminar un formulario de contacto, puede hacerlo usted mismo de inmediato: le permite controlar su presencia en línea de una manera que muchas personas aún no se dan cuenta..
Accentsconagua