Diseñar tu sitio web en Mailchimp

El creador de sitios web de Mailchimp te ayuda a crear páginas web muy bien diseñadas que se adapten a tu estilo y personalidad. Elige un tema de diseño, crea una paleta de colores personalizada, sube las imágenes para que coincidan con tu marca y ayuda a los visitantes a identificar de inmediato tu contenido y a ti.

En este artículo, aprenderás a administrar un sitio web en Mailchimp.

Antes de empezar

• Para ayudarte a empezar, dedica un momento a descubrir más Acerca de tu sitio web en Mailchimp y cómo Crear tu sitio web en Mailchimp.
• Después de diseñar una página web, puedes duplicarla para evitar comenzar desde cero. Si quieres aprender a duplicar páginas web, consulta Gestionar tu sitio web en Mailchimp.
• El HTML personalizado, los iframes y las etiquetas Merge no son compatibles con tu sitio web de Mailchimp en estos momentos.

Editar estilos

Cuando configures tu sitio web, puedes aplicar los mismos colores, tipografías y estilo de botón a todas las páginas que crees. De este modo, podrás optimizar el proceso de creación de tu sitio y mantener una identidad de marca coherente.

Editar los colores

Para definir el color, la tipografía y los estilos de botón de tu sitio web, sigue estos pasos:

1. Haz clic en el icono Website (Sitio web) y luego en Website (Sitio web).
   

2. En el panel de control del sitio web, haz clic en Edit Site (Editar sitio).
   

3. En la sección Manage site (Gestionar sitio), haz clic en Styles (Estilos).
   

4. En la sección Colors (Colores) , haz clic en la flecha para aplicar un esquema de colores a tu botón, texto o fondo.
   

5. Haz clic en el menú desplegable Palette (Paleta) para seleccionar los colores de tu sitio.
   
6. Haz clic en Create New Palette (Crear nueva paleta) para diseñar tu propia paleta o utilizar como base una de nuestras paletas de colores prediseñadas.
   
7. Escribe el nombre de tu nueva paleta.
   

8. Haz clic en una muestra de color para usar el selector de colores.
   

   Puedes hacer clic en los colores del selector o introducir valores en los campos HEX o RGB, para guardar un color en la paleta.
   

9. Después de seleccionar los colores de las cinco muestras, haz clic en Save (Guardar).
   

10. En la sección Scheme (Esquema), haz clic en cada esquema de color para previsualizar cómo se verán esos colores en tus páginas web y selecciona el que más te guste.
    

    Las opciones de color que establezcas en línea anularán el esquema por defecto.

Editar temas

Para elegir un tema para tu sitio web, sigue estos pasos.

1. En el panel de control del sitio web, haz clic en Edit Site (Editar sitio).
   
2. En la sección Manage site (Gestionar sitio), haz clic en Styles (Estilos).
   
3. En la sección Themes (Temas) , haz clic en la flecha para empezar a hacer las selecciones.
   

4. En la página Themes (Temas) previsualiza y selecciona el tema de la tipografía y los botones que te gustaría aplicar a tus páginas web.
   

   En la vista previa del sitio web, verás el cambio en la tipografía del encabezado y del párrafo, en función de lo que hayas seleccionado.

5. Si deseas hacer cambios en el tema, haz clic en Edit (Editar). Aquí puedes seleccionar un nombre para tu tema, actualizar tu Fonts (Tipografía), ajustar el Spacing and Size (Espaciado y tamaño) del texto o habilitar Animation (Animaciones) en tus páginas.
   

6. Haz clic en la flecha Fonts (Tipografías), luego haz clic en el menú desplegable para seleccionar una tipografía para tus encabezados y párrafos.
   
7. Haz clic en la flecha Spacing and Size (Espaciado y tamaño) y ajusta el espaciado y el tamaño del texto.
   
8. Haz clic en la flecha Animation (Animación) para personalizar el modo en que tu sitio se anima cuando un visitante desplaza por la página.
   
9. Selecciona el tipo de animación y elige cuánto tiempo deseas que dure la animación. Tu tema se guardará automáticamente y se añadirá a tu lista de temas Custom (Personalizados) . Puedes eliminar un tema en cualquier momento seleccionando el icono Eliminar tema.

¡Excelente! Has definido la apariencia básica de tu sitio web. Los estilos que selecciones se aplicarán a cada nueva página que crees. Las animaciones están desactivadas para todos las páginas generadas de Citas y Tienda.

Editar el contenido

Utiliza el editor para añadir secciones, imágenes y texto. Comparte tu historia, opiniones, la información de contacto, un producto en venta y cualquier otra cosa que desees que conozcan tus visitantes.

En esta sección, te mostraremos cómo editar o añadir contenido a tu sitio web.

Accede al editor de páginas web

Para acceder al editor, sigue estos pasos:

1. En el panel de control del sitio web, haz clic en Edit Site (Editar sitio).
2. Pasa el ratón por la página con la que deseas trabajar y haz clic en Edit Page (Editar página).
   

Añadir y editar secciones de la página web

Las secciones te permiten organizar y diseñar tu página web rápidamente. Elige el diseño del texto, las imágenes y los botones, así como otros elementos, como los formularios de suscripción, las barras de navegación y el pie de página de tu web.

Para añadir una sección desde tu panel Sections (Secciones) , sigue estos pasos.

1. En tu página web, haz clic en el panel Sections (Secciones) .
   
   El panel se expandirá para mostrarte las secciones en tu página web.

2. Pasa el cursor por debajo del nombre de la sección en la que deseas añadir una nueva sección y haz clic en Add Section (Añadir sección).
   

3. En el paso Add Section (Añadir sección) del panel Sections (Secciones) , elige el tipo de sección que quieres añadir.
   
4. Selecciona un diseño para tu nueva sección.
   
5. Si seleccionas una sección de Video (Vídeo) , haz clic en el Link icon (Icono de enlace) e introduce a continuación la URL de YouTube o Vimeo que deseas compartir. Haz clic en Save (Guardar) y a continuación en (Preview (Vista previa) para reproducir tu vídeo.
   

Para añadir una sección desde tu Page Layout (Diseño de) página, sigue estos pasos.

1. En el diseño de tu página, coloca el cursor sobre el icono plus (+) (más) donde te gustaría colocar la nueva sección.
   

2. Haz clic en Add Section (Añadir sección).
   

3. En el paso Add Section (Añadir sección) del panel de Secciones, selecciona el tipo de sección que deseas añadir.
   

4. Selecciona un diseño para tu nueva sección.
   

5. Si seleccionas una sección de Video (Vídeo) , haz clic en el Link icon (Icono de enlace) e introduce a continuación la URL de YouTube o Vimeo que deseas compartir. Haz clic en Save (Guardar) y a continuación en (Preview (Vista previa) para reproducir tu vídeo.
   

¡Buen trabajo! Has añadido una nueva sección al diseño de tu página y ahora la puedes personalizar con tu propio contenido.

Si necesitas hacer cambios, pasa el ratón por encima de la sección para acceder a la barra de herramientas de edición. Aquí puedes hacer clic en los iconos para eliminar o mover una sección, elegir un diseño diferente o modificar el estilo.

Para obtener más información sobre las secciones de página, consulta Agregar y editar secciones de página.

Editar el texto del encabezado o del párrafo

Para editar el texto del encabezado o del párrafo en tu sitio web, sigue estos pasos:

1. Haz clic en la sección que quieras editar.
   
2. En la barra de herramientas de edición, haz clic en el paragraph alignment icon (icono de alineación de párrafo) para alinear el texto a la izquierda, al centro o a la derecha.
3. Haz clic en el font color icon (icono del color de la tipografía), el bold icon (icono de negrita), el italics icon (icono de cursiva) o el underline icon (icono de subrayado) para cambiar algunos atributos básicos de texto.
4. Haz clic en el paragraph styles icon (icono de estilos de párrafo) para elegir el estilo del encabezado o párrafo de tu área de texto.
   
5. Si estás trabajando con un párrafo de texto, también tendrás la opción de insertar un enlace, crear una lista con viñetas o numerada, o cambiar el color de fondo.
   

Editar imágenes

Haz clic en cualquier imagen de la composición para editarla. También verás una barra de herramientas con opciones de formato específicas.

Para editar una imagen en tu página, sigue estos pasos:

1. Haz clic en la imagen con la que deseas trabajar. 
   
2. Haz clic en Replace (Sustituir) para elegir una imagen distinta en el gestor de contenido.
   
3. Para cambiar el tamaño de la imagen, haz clic y arrastra el círculo en blanco hasta alcanzar el tamaño que desees. Haz clic y arrastra los controles en el lado derecho e inferior de la imagen para recortar y ajustar lo que se muestra en la imagen.
4. Para añadir un enlace a la imagen, haz clic en el botón Link icon (Icono de enlace).
   
5. Selecciona External URL (URL externa), Page (Página) o Section (Sección) en el menú desplegable. En el espacio proporcionado, introduce la URL o selecciona una página o una sección de la página actual que deseas enlazar. Haz clic en Save (Guardar). Para eliminar el enlace, haz clic en Remove link (Eliminar enlace).
6. Haz clic en Alt (Alternativo) para agregar texto alternativo a la imagen.
   
7. Haz clic en el Rounded Corners icon (Icono de esquinas redondas) y escribe un número de 1 a 300 para ajustar la forma de la imagen.
   

Deshacer y rehacer los cambios

Cuando estés diseñando tu sitio web, es posible que elimines accidentalmente algo que hayas redactado o que realices otros cambios que quieras revertir. Con los botones deshacer y rehacer, puedes recuperar las versiones anteriores de tu página.

Para deshacer un cambio, haz clic en el Undo icon (icono deshacer).

Para rehacer un cambio, haz clic en el botón Redo icon (icono rehacer).

Vista previa y salir

¡Buen trabajo! Una vez hayas terminado de añadir contenido a tu sitio web, haz clic en Preview (Vista previa) para ver cómo ha quedado o en Done (Hecho) para volver a la página Manage Site (Gestión del sitio) .

Cuando estés listo, haz clic en Publish Changes (Publicar cambios) para actualizar todas tus páginas web visibles con tu nuevo contenido y estilos.

Siguientes pasos

Ahora que has añadido tus toques de diseño personales, veamos algunas formas de optimizar tu sitio web de Mailchimp.

• Personalizar el favicon de tu sitio web
  Cambia el icono de tu sitio por una imagen personalizada que se adapte al estilo de tu marca para aportar un aspecto refinado a tu sitio web. Para obtener más información sobre cómo personalizar el favicon de tu sitio web, consulta Personalizar el favicon de tu sitio web o página de destino de Mailchimp.
• Añadir más páginas
  Haz crecer tu sitio web con nuevo contenido y más páginas. Si mantienes el sitio web actualizado, ampliarás tu público y animarás a la gente a que vuelva a visitarte. Si quieres aprender a añadir, duplicar y gestionar páginas web, consulta Gestionar tu sitio web en Mailchimp.
• Crear una tienda
  Añade una tienda en línea para vender tus productos. La creación de una tienda en Mailchimp te permite añadir páginas de la tienda a tu web existente. Entonces podrás añadir y vender tantos productos como desees. Para obtener más información, consulta Crea tu sitio web en Mailchimp.
• Cómo configurar las citas
  Añade herramientas de programación para hacer crecer tu negocio. Si ofreces servicios profesionales, puedes usar las citas de Mailchimp para configurar los detalles de tus servicios, incluidos los precios y la disponibilidad. Los clientes podrán reservar sus citas contigo en tu sitio web. Para obtener más información, consulta Uso de la Programación de citas de Mailchimp.
• Promociona tu sitio web
  Promociona y comparte tu nuevo sitio web mediante campañas de marketing en Mailchimp. Ejecuta un anuncio para tu sitio web. Incluye un enlace al sitio web en tus campañas por correo electrónico estándar. También puedes compartir la URL del sitio web en las redes sociales.
• View reports (Ver informes)
  Comenzaremos a recopilar datos de informes a medida que tu web vaya recibiendo visitas. Puedes ver quién visita el sitio, quién hace clic en los enlaces de tus páginas web y quién se suscribe a tus correos electrónicos.