5 trucos de programación de Squarespace para aumentar tus seguidores | Molly Suber Thorpe | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

5 trucos de programación de Squarespace para aumentar tus seguidores

teacher avatar Molly Suber Thorpe, Calligrapher & Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción y resumen

      3:25

    • 2.

      Redireccionar el formulario a la página de agradecimiento

      8:50

    • 3.

      Crear un enlace de descarga

      3:05

    • 4.

      Captura de correo electrónico

      5:06

    • 5.

      Captura de correo electrónico

      4:38

    • 6.

      Captura de correo electrónico

      3:30

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1877

Estudiantes

4

Proyectos

Acerca de esta clase

+ Resumen de clase:

En esta clase, compartiré 5 consejos de programación invaluables para capturar direcciones de correo electrónico de visitantes de tu sitio y promover materiales gratuitos, códigos de cupones y otros contenidos exclusivos.

Si haces algún tipo de marketing en línea, probablemente sepas que una lista de correo electrónico es una de las herramientas más potentes. Se centra mucho en conducir el tráfico a tu sitio web, pero una vez que los visitantes estén allí, querrás capturar sus detalles para futuras marketing.

Los sitios web de Squarespace tienen algunas de las plantillas más elegantes y fáciles de usar por ahí, y son especialmente populares entre freelancers creativos Sin embargo, a veces, los widgets y bloques utilizados para crear sitios de Squarespace requieren trabajos creativos para obtener el nivel de personalización que desea.

Todas las 5 técnicas que te enseñaré son posibles con solo un conocimiento muy básico de Squarespace, y solo dos de ellas requieren código personalizado, ¡pero no temer! Literalmente te doy el código exacto que necesitas para copiar/pegar para que el proceso sea completamente infalible.

_________________________

+ Habilidades y temas cubiertos:

  • Redireccionar a los visitantes a una página de agradecimiento personalizada cuando envían tu formulario de contacto. Esta es una función importante que carece de ofertas de Squarespace actuales, pero mi trabajo te permitirá capturar la atención de tu audiencia Una página de redireccionamiento personalizada puede incluir una simple nota de agradecimientos, anuncios para productos o peticiones de seguirte en redes sociales.
  • Ofrezca contenido gratuito y descargable a tu audiencia a través de botones y enlaces de texto.
  • Capture direcciones de correo electrónico de los visitantes a cambio de descargas gratuitas (Este es un gran hackeo, y una manera fácil de atraer a los visitantes a inscribirse en tu boletín de noticias!)
  • Estiliza el texto dentro de tus ventanas emergentes de formulario y campos de confirmación de boletín, para un aspecto profesional con el aspecto y la sensación de tu sitio.
  • Usa una página de portada (por ejemplo) para ofrecer descargas o cupones gratuitos a cambio de suscripciones de correo y redirigir esos envíos de formulario a una página de agradecimiento personalizada

_________________________

+ Requisitos previos:

  • Un sitio web de Squarespace ¡puede ser súper simple o incluso un trabajo en progreso!
  • Conocimiento de trabajo muy básico del backend de Squarespace, no necesitas ser un profesional de Squarespace ni tener ninguna experiencia con codificación.

==> Si necesitas aprender los conceptos básicos de la parte posterior de Squarespace antes de tomar esta clase, sugiero esta clase: https://skl.sh/3RUa39m

_________________________

+ Enlaces: A continuación hay enlaces mencionados en esta clase.

_________________________

+ Comprobar mi…

  1. Libros: https://mollysuberthorpe.com/books
  2. Freebies: https://mollysuberthorpe.com/newsletter
  3. Productos: https://mollysuberthorpe.com/shop

+ Sigue mi Instagram y tagme en tus proyectos: @mollysuberthorpe

Conoce a tu profesor(a)

Teacher Profile Image

Molly Suber Thorpe

Calligrapher & Designer

Top Teacher

I design custom lettering for brands and individuals, Procreate brushes for artists, fonts for designers, and freelancing tools for creatives. I’m the author of four books for lettering artists and teach the craft both online and in person.

 

 

I’m lucky to have worked with some awesome clients over the years, including Google Arts & Culture, Martha Stewart, Fendi, and Michael Kors. My work and words have been featured in such publications as The Guardian, The Wall Street Journal, Martha Stewart Weddings, LA Times, and Buzzfeed.

I love connecting with my students so please please share your projects with me. If you do so on Instagram, tag me with @mollysuberthorpe so I’m sure to see it!&nb... Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción y generalidades: Bienvenido a cinco hacks de programación de Squarespace para hacer crecer a tu audiencia. Si tienes un sitio de comercio electrónico, portafolio en línea, o un blog, entonces probablemente sepas que una robusta lista de correo electrónico se encuentra entre las herramientas de marketing más poderosas. Muchos de nosotros inducemos a nuestro público a suscribirse ofreciendo descargas gratuitas, códigos de cupón, y ofertas exclusivas para las que solo es elegible nuestra lista de correo. Los sitios web de Squarespace tienen algunas de las plantillas más elegantes y fáciles de usar por ahí, y son especialmente populares entre los freelancers creativos por solo esa razón. A veces sin embargo, los widgets y bloques utilizados para construir los sitios requieren soluciones creativas para obtener solo la función y el nivel de personalización que desea. En esta clase, voy a compartir cinco inestimables consejos de programación para capturar las direcciones de correo electrónico de los visitantes de su sitio, y promover materiales gratuitos y ofertas exclusivas. Todas estas técnicas son posibles con sólo un conocimiento de trabajo muy básico de Squarespace, y trabajan con todas las plantillas de Squarespace. Sólo dos de las técnicas requieren código personalizado, pero literalmente te daré el código exacto que necesitas copiar y pegar para que el proceso sea completamente infalible. Las técnicas específicas que te enseñaré incluyen, cómo agregar código a tu formulario de contacto, para redirigir a los visitantes a acostumbrar página de agradecimiento. Personas que se pongan en contacto contigo a través de tu sitio o un público cautivo. Estás perdiendo la oportunidad perfecta de compartir más con ellos sobre tu negocio, si te quedas con el formulario de contacto predeterminado de Squarespace, la ventana de confirmación. También te voy a mostrar cómo ofrecer contenido descargable gratuito a tu público a través de botones y enlaces de texto. Te mostraré cómo capturar las direcciones de correo electrónico de los visitantes cambio de descargas y códigos de cupón. También te mostraré cómo darle estilo al texto dentro tus ventanas emergentes de formulario y campos de confirmación de newsletter, lo que agregará un aspecto profesional consistente a tu sitio, y estar cohesionado con tu branding. Por último, te mostraré cómo puedes usar una portada para ofrecer descargas o cupones gratuitos a cambio de suscritos por correo electrónico y luego redirigir esos formularios envíos a la página de agradecimiento personalizada rastreable que habrás realizado en el paso 1. Para seguir adelante en esta clase, necesitarás tener ya una cuenta de Squarespace, y al menos el inicio mismo de una página web. Puede ser tan simple sitio sin embargo, incluso una obra en curso. También necesitarás conocimientos prácticos muy básicos del back-end de Squarespace. No obstante, no necesitas ser un profesional de Squarespace ni tener experiencia alguna con la codificación o programación. Si necesitas aprender los conceptos básicos de Squarespace antes de tomar esta clase, recomiendo encarecidamente la propia clase de Skillshare de Squarespace llamada Personal Branding Essentials. Podrás encontrar el enlace en vivo a este curso de Squarespace en la sección anterior de esta clase. Esta clase es todo sobre networking. la hora de decidir cuál debería ser el proyecto de clase, pensé, somos mejores para empezar que con tus compañeros. hoy les voy a pedir que creen una página de agradecimiento personalizada como se describe en el video de primera lección. Vas a configurar un redireccionamiento a esa página desde cualquier formulario de tu sitio. Después publicarás una captura de pantalla de esta nueva página de agradecimiento personalizada y compartirás un enlace a tu sitio. Ya sea la propia página de agradecimiento o el formulario de contacto, que los visitantes deben presentar para poder ver su nueva página. Por supuesto, si tu sitio aún no está en vivo en Internet, eso está bien. No tienes que compartir un enlace en vivo. Pero si tienes uno, sería genial compartir y hacer redes con tus compañeros estudiantes. 2. Redirecciona de formulario de la persona: De forma predeterminada, cuando los usuarios envían un formulario de Contacto de Squarespace, el formulario mismo se transforma en un mensaje de agradecimiento tan pronto como se presiona el botón Enviar. El motivo por el que no me gusta esto es que, A, quiero agregar llamadas a la acción a los usuarios que me contacten, como les pide descargar algo, visitar mi tienda, seguir mi blog, etc. B, cuando se trata de SEO y analítica, No puedo rastrear a los usuarios que envían mi formulario de contacto, por lo tanto, no puedo captar a esa audiencia. Si tu usuario de píxeles de Facebook, por ejemplo, no puedes instalar un píxel para rastrear a los usuarios que realmente envían tus formularios, solo puedes rastrear a los usuarios que visitan la página en la que está el formulario. Para muchos de ustedes, mi primera razón de tener una página de redireccionamiento bastante es razón suficiente para hacer esto, pero si el SEO es muy importante para ustedes y hacen mucha publicidad en Facebook y usan el pixel de Facebook, entonces esta técnica es un must. Esta es mi página actual, que es la página a la que los visitantes son redirigidos después de que envíen el formulario en mi página de contacto. Se puede ver que lo he mantenido bastante simple. Simplemente tengo un gráfico que expresa mi agradecimiento, una nota que confirma que el mensaje fue enviado, y luego una serie de llamadas a la acción. Aquí, por ejemplo, comparto un enlace a una nueva guía de recursos en línea que he hecho para artistas de letras, enlaces a mi canal de Skillshare, mi Instagram, mis libros, y un llamado a la acción para suscribirme a mi boletín de taller, boletín de noticias. Estas páginas de agradecimiento son un lugar realmente genial para incorporar una o más llamadas a la acción, porque tu público en esta página siempre serán usuarios que hayan tenido suficiente interés en ti o en tu sitio web como para haberte contactado para empezar. Este es un público de primer nivel para recordar todas las características y cosas geniales que ofreces. Ya sea una tienda electrónica o un blog, contenido descargable, Instagram, página de Facebook, qué tienes, utiliza esta página al máximo para llegar a las personas que ya han expresado interés por ti y tu sitio web. A pesar de que ya tengo esta página de agradecimiento, voy a empezar una nueva para que pueda pasarte por ella desde cero. Entonces aquí está el backend de mi página web. Empieza por entrar en la sección No Vinculada de tu sitio, haciendo clic en el signo más para crear una nueva página. Voy a seleccionar aquí una simple página en blanco, pero técnicamente puedes elegir cualquiera de estas opciones. Titularé esta nueva página, “Gracias”. El diseño que puedes elegir depende de ti, pero quiero que esta página sea sencilla, por lo que seleccionaré este primer diseño minimalista y luego haga clic en Iniciar edición. Voy a hacer rápidamente algunas personalizaciones aquí. Ahora que el Mockup de la Página de Gracias está hecho, necesito incorporarlo al formulario de la página de contacto. Por lo que vengo aquí a mi página de Contacto, también podemos navegar a ella desde aquí en mi barra lateral de páginas. Me estoy desplazando hacia abajo a mi formulario, editando la página, después editando el propio formulario. Empieza por pasar a la pestaña Avanzado. Este cuadro Mensaje Post-Enviar es donde escribirías cualquier tipo de mensaje como gracias en el modo predeterminado normal para Squarespace. Aquí es donde cuando alguien envía el formulario, el formulario en sí se transformará en una pequeña nota de agradecimiento y lo que sea que escribas aquí es lo que van a ver. Pero por ahora lo estamos manteniendo en blanco, y nos estamos desplazando aquí hacia abajo a Post-Submit HTML. Ahora todo el punto de este hackeo o solución-torno que te estoy mostrando pasa aquí mismo. En lugar de escribir un mensaje en este cuadro, realidad vamos a introducir código que va a obligar al sitio web a redirigir a una nueva página de su sitio web cuando alguien golpea “Submit”. Esa nueva página, por supuesto, va a ser la página de agradecimiento que acabamos de hacer. Antes de que realmente podamos crear este código, voy a cancelar fuera de esto, descartar mis cambios porque en realidad no hice ningún cambio crucial justo ahora. Cancelar fuera del modo de edición de esta página de Contacto. Desplázate hacia abajo hasta mi nueva página de Gracias que acabo de hacer, y voy a hacer clic en este botón de engranaje para la configuración. Esto es lo que necesito ver. Necesito mirar la babosa URL para esta página. Esto significa que la URL directa a esta página web en particular es la URL de mi sitio web/Gracias. Si vengo aquí a una nueva ventana del navegador, se puede ver que esto funciona simplemente bien ya. Debido a que creamos esta página y la pusimos en la sección no vinculada de nuestro panel de páginas, esto significa que en realidad no está directamente vinculada a ningún lugar de su sitio web, pero sigue siendo una página en vivo en internet. Eso es justo lo que necesitamos para poder redirigir a las personas a esa página sin tener un enlace a ella en la página web. Recuerda cuál es tu babosa URL y vamos al siguiente paso. De vuelta aquí en la página Contacto. Nuevamente, estoy editando la página, editando el formulario Contacto. Viniendo aquí a Avanzado, desplazándose hacia abajo a Post-Submit HTML. No tienes que poder escribir código para hacer esto. Te he hecho esto súper fácil. Hay sitios web impresionantes por ahí que generan código que es de código abierto para muchas funciones de uso común. La función que necesitamos hoy en día es un simple redireccionamiento de URL. Ya he encontrado para ti un generador de redireccionamiento. Tengo la URL aquí mismo en la pantalla para ti, pero también el enlace en vivo está en la sección sobre de esta clase. Para la URL a la que necesitamos redirigir, quiero que pongas en la dirección web completa para el sitio web que acabamos de hacer. En mi caso, eso es esto, el pluralbellestudio.com/gracias. Una vez que hagas eso, solo tienes que hacer clic en este botón, “Genera el código de redirección para mí”. Ahora copia todo este código y pegarlo. Entonces lo estoy copiando aquí y luego pegándolo aquí en el campo Post-Submit HTML. Debido a que este es un precioso código libre, los autores han incluido un poco de publicidad para su página web. mí me parece bien eso sin embargo, dar crédito donde se debe. El crédito no aparecerá en ninguna parte del lado visible de tu sitio web sin embargo, por lo que no hay absolutamente nada de qué preocuparse. Si por alguna razón no puedes acceder a este código, lo he colocado en un documento de Google Drive, que puedes acceder y copiar, ya que se trata de código fuente abierto, sobre en el enlace que tengo aquí en la pantalla, o en el enlace en vivo que he incluido en la sección sobre de esta clase. El ingenioso generador de código ha incluido mi URL única en tres puntos diferentes en este código, por lo que cuando golpeo “Aplicar” y luego guardo mi página, esto debería funcionar. Ahora bien, esto es súper importante. Desafortunadamente, en el backend de Squarespace, no puedes probar campos de envío de formularios como este. Entonces vamos a tener que ir al front end de mi página web. Quiero ir a la página Contacto. No estoy en el backend, estoy en mi sitio web real. Lo sé porque aquí en el backend, estoy en mi URL pluralbelle.squarespace.com, y por aquí en mi URL personalizada real, pluralbellestudio.com. Entonces vengo aquí a mi verdadera página web y solo voy a poner un pequeño mensaje falso y golpear “Submit”. Al igual que la magia, ahora me han redirigido a esta nueva página de gracias que creé hace un minuto. 3. Crear un enlace de descarga: Una característica de vista muy común en estos días es ofrecer una descarga gratuita a los visitantes de su sitio. Squarespace facilita agregar un enlace o botón para descargar un archivo. En el siguiente video, te mostraré cómo crear un enlace de descarga a cambio de captura de visitantes, dirección de correo electrónico, y otra información de contacto. Pero primero, solo asegurémonos de saber hacer un enlace que descargue un archivo de la manera tradicional fácil en Squarespace. Aquí estoy en uno de mis Sitios Web, calligrafile.com, donde frecuentemente ofrezco descargas gratuitas a los lectores del blog. En este post en particular, nos asociamos con la revista mayúscula para regalar un archivo PDF imprimible de su hermoso cartel abecedario. Al hacer clic en este botón, los visitantes pueden descargar un PDF de alta resolución con calidad de impresión de este póster, que se abre en una nueva ventana y permite a las personas hacer zoom, imprimir o descargar. ¿ Cómo hice esto? Bueno, en realidad es bastante sencillo. Voy a hacer otro solo para que todos podamos echar un vistazo a cómo lo hice. Empecemos editando esta página. Voy a añadir este botón de descarga aquí mismo. Voy a hacer clic para agregar un nuevo widget y desplazarse hacia abajo a botón, voy a titulo esta Descarga gratuita, y el click a través de link. Voy a seleccionar esta pestaña muchas veces pasada por alto llamada archivos, y aquí se me pide que agregue un archivo nuevo o use un archivo existente que he subido en el pasado. Para esta demostración, voy a agregar una nueva, navegando a mi archivo PDF. Es un archivo bastante grande y eso realmente no importa, y es agradable que puedas subir archivos grandes para descargarlos aquí. Una vez que se cargue, va a aparecer en mi lista de archivos existentes, y el último paso es desplazarse hacia abajo y hacer clic en “Abrir en una ventana nueva”. Me gusta que casi todos los enlaces de mi sitio se abran en una nueva Ventana para que los usuarios no sean enviados fuera de mi sitio web. Haciendo clic fuera de ese mini pop-up, vengo aquí abajo y selecciono el estilo del botón, si va a ser mediano, grande, alineado en el centro de la página o a la izquierda o a la derecha, etc. Ahora cuando hago clic en” Aplicar” y guardo mi entrada de blog, veo que hacer clic en el botón hace exactamente lo que esperábamos. Se pueden usar exactamente los mismos pasos para agregar un enlace al texto, no sólo tiene que ser un botón, así que aquí acabo de agregar estos textos de descarga gratuita en el texto del cuerpo de la entrada del blog, y voy a añadir un enlace. Acude a archivos, archivo existente el abecedario de la escritura que acabo de subir ventana abierta, haga clic derecho fuera de esa ventana emergente y presione “Guardar”, y estoy todo listo. 4. Captura de correo electrónico descargable: Como acabas de ver, regalar un descargable en Squarespace es fácil. Pero lo que no es fácil es obligar a los visitantes a completar un llamado a la acción para conseguir esa descarga. El más común de estas llamadas a la acción es una captura de direcciones de correo electrónico, lo que significa que los visitantes se inscriban en su lista de correo o boletín informativo con el fin de tener acceso a su descarga. Esta es una gran manera de capturar nuevos seguidores. Aquí estoy en una página de mi propia página web. Quiero dar a los visitantes una descarga gratuita de fondos de pantalla si se inscriben a mi newsletter. Hay dos maneras de hacerlo. La opción más básica y mínima utiliza el widget de newsletter y la opción ligeramente más elegante utiliza el widget de formulario. Te acompañaré por ambos ahora mismo. Empezaré editando mi página y luego agregando un widget de newsletter. Simplemente lo voy a poner justo aquí en la parte inferior de la página antes del pie de página. Aquí, voy a personalizar mi texto. Voy a elegir hacer clic en Requerir campo Nombre porque también quiero capturar los nombres de mis visitantes, pero eso es opcional. Si quieres capturar aún más detalles del visitante, también puedes usar un widget de formulario en lugar del widget de newsletter, que es la técnica que te mostraré a continuación. Por lo que viniendo a la pestaña Avanzado, voy a editar mi Mensaje Post-Submit, luego enlazaré al archivo descargable de la manera que lo hicimos en el video anterior. Subiré mi archivo de fondo ahora y pincharé Abrir en ventana nueva. A continuación vendré a la pestaña Almacenamiento y conectaré mi método preferido de captura de correo electrónico. Una vez que guardo, puedo probar esto aquí mismo en esta pantalla después de recibir la página. Genial. Ahora veo este mensaje emergente y puedo hacer clic en el enlace y obtener mi descarga gratuita. La versión ligeramente más elegante de esta solución alternativa utiliza el widget de formularios. Entonces de nuevo, voy a editar mi página y en el mismo lugar que antes, voy a añadir un widget de formularios en lugar de un widget de newsletter. Voy a eliminar el campo de asunto y el campo de mensaje, dejando sólo el nombre y la dirección de correo electrónico. Ahora, como antes, también puedes eliminar el campo de nombre y simplemente capturar una dirección de correo electrónico. También podrías agregar aún más campos para que la gente lo revise. Por ejemplo, podría obligarlos a realizar una encuesta agregando preguntas de Checkbox o Botón de radio o incluso un propio campo de encuesta. Puedes obligarlos a poner en su propia URL de página web, cualquier cosa por el estilo, puedes capturar ahora mismo. Voy a nombrar este formulario Gratis Descargable, aunque podemos cambiarlo más adelante si quieres. En Almacenamiento, exceda su dirección de correo electrónico, que será el método predeterminado para capturar la información después de que un visitante golpee Submit. Pero no queremos enviarte un correo electrónico, solo queremos capturar sus detalles. Por lo que de nuevo, me voy a conectar con mi servicio de captura de email preferido. En la pestaña Avanzado, repita los pasos del widget del boletín, agregando texto del enlace de descarga en el cuadro Mensaje Post-Enviar. Al volver aquí arriba, voy a decidir que quiero mi alineación de botones en el centro de mi formulario. Voy a cambiar el texto del botón Enviar para decir, vamos a ver, ¡Get My Free Wallpaper! Ahora el siguiente paso fresco, y la forma en que esta es una opción más elegante, es que voy a desplazarme aquí abajo y hacer clic en Activar modo Lightbox. Esto convierte tu formulario en un botón para que cuando la gente haga clic en él, una ventana emergente les pedirá que introduzcan sus datos. Por lo que voy a ingresar el texto de este botón ahora y luego hacer clic en Aplicar. Para probar esto, como vimos en el video anterior, vas a tener que guardar tu página y luego ir realmente a tu sitio web real, a tu URL real. Actualiza la página en la que tenías esto para que aparezca tu nuevo formulario y luego pruébalo haciendo clic en el botón. Tan cool, esta forma apareció. Voy a poner en mi información y conseguir mi fondo de pantalla gratis. Impresionante. En mi siguiente video, voy a compartir algunos consejos para darle estilo a esta ventana de confirmación emergente, así como cómo conseguir que los usuarios introduzcan sus datos de contacto a cambio de un código de cupón. 5. Captura de cupón de correo electrónico: Ahora todos ustedes son personas inteligentes, capaces, así que estoy seguro que probablemente ya han descubierto cómo revelar un código de cupón a las personas a cambio de sus datos de contacto. Pero en este video, no sólo te estaré mostrando eso, sino que estaré cubriendo cómo agregar algo de personalización estilística y de diseño a la ventana emergente del formulario. Por ejemplo de hoy, voy a regalar a la gente 25 por ciento de descuento en los sellos de goma en mi tienda si me proporcionan sus datos de contacto y me inscribo a mi newsletter. Debido a que algunas plantillas de Squarespace tienen diferentes formas de crear códigos de descuento y cupones, por favor use el enlace de mi pantalla si necesita ayuda para configurar uno. También tengo el enlace en vivo a esto en la sección sobre de esta clase. Quiero poner un botón para que la gente consiga este código de cupón aquí mismo en mi tienda. Entonces voy a editar mi página y creo que la pondré justo aquí con un poco de espaciador encima de ella. Voy a poner un widget de formulario y al igual que antes, eliminar el Asunto, eliminar el Mensaje. Ahora el nombre del formulario es el título que aparecerá en el primer pop-up. Creo que voy a llamar a esto, agarra tu cupón. Una vez que haga eso, iré a Almacenamiento desconectaré mi dirección de correo electrónico, y me conectaré a mi método de captura de correo electrónico. Ahora vamos a Avanzado. Deseo cambiar la etiqueta Enviar botón a Obtener su cupón. En el Mensaje Post-Submit, quiero ponerme un poco más imaginativo de lo que hice en mi video anterior. Quiero que el código de cupón en sí sea realmente grande. Entonces voy a despejar el Mensaje Post-Enviar y luego bajar a Post- Enviar HTML en su lugar. El hecho de que podamos usar HTML para estilizar este texto es lo que lo va a hacer un poco más elegante. Escribiré aquí mi mensaje. Ahora antes de escribir realmente el código de cupón en esta siguiente línea, quiero agregar un poco de estilo HTML. Creo que quiero que el código en sí sea el gran texto H1 o encabezado que tengo en mi página web. Eso es bastante sencillo. Esta es una etiqueta HTML realmente fácil. Voy a poner un callejero izquierdo, H1, recetado derecho. Squarespace es realmente genial porque automáticamente agrega el cierre de tu codificación. Todo lo que tienes que hacer es escribir lo que va entre las dos etiquetas. Actualmente, la forma en que se verá esto es que este mensaje superior va a ser como el texto básico del párrafo que se ve aquí. Se quedará alineado a la izquierda y los sellos felices también a la izquierda alineados, estarán en la siguiente línea. Simplemente será grande la forma en que se vean mis encabezados H1 pero creo que quiero que todo esto esté centrado. Haciendo clic en Copia de seguridad aquí en el muy, muy comienzo de mi texto, voy a agregar un código más súper simple. Ahora, agregué un div aquí y Squarespace me dio amables la etiqueta final para este div, pero no la quiero ahí. Yo lo quiero al mismo, muy final de mi texto. Voy a cortarlo y pegarlo al final del texto. Ahora por supuesto, si estás familiarizado con el HTML, sabes que puedes agregar mucho más aquí, ya sea un cambio de fuente, color, tamaño, qué tienes, hay mucho más que se puede hacer aquí pero enseñando en clase de estilo HTML en profundidad es algo ligeramente diferente. A continuación, bajaré aquí y activaré el modo Lightbox. Veo que el botón aparece a la izquierda, así que subiré aquí a la parte superior y cambiaré la alineación a centro. Entonces baja a la etiqueta Abrir botón y creo que pondré Get Your Cupon por 25% de descuento Sellos de goma. Siguiente Golpearé Apply and Save y recuerda que con un formulario, debes volver a tu sitio web original. Haga clic en Refrescar, y solo entonces aparecerá su formulario nuevo y actualizado. Por lo que voy a hacer clic en él. Genial, funciona bien hasta ahora. Consigue mi cupón. Genial. Todo está centrado y mi código de cupón es realmente grande. 6. Captura de correo de página de aterrizar: Los trucos que acabo de compartir con ustedes para regalar descargables y códigos de cupón utilizando formularios también se pueden incorporar fácilmente a las páginas de aterrizaje de espacios cuadrados, o también conocidas como portadas. Aquí, tengo una página de aterrizaje muy básica que hice para esta clase con la configuración predeterminada. Tan solo un solo botón, que es el predeterminado lo que lleva a la página de inicio de mi sitio. Por aquí en mi backend donde puedo editar mi página de aterrizaje y cuándo venir a la acción donde puedo editar botones, enlaces, y formularios. Aquí puedo ver el botón predeterminado que lleva a la página de inicio. Pero para mantener las cosas simples para esta demostración, voy a eliminar el botón y simplemente reemplazarlo por el formulario. Voy a etiquetar el botón, descarga tu fondo de pantalla gratis. Por supuesto, la mayoría de los sitios web que tienen una página de destino no van a ser solo papel tapiz publicitario gratuito. A lo mejor quieres regalar un e-book gratis o algo un poco más sustancial. No obstante, esto te mostrará cómo se hace. Voy a dar clic en Editar formulario ahora, y ya hemos pasado por esto, pero la ventana se ve un poco diferente, te aconsejo que no va a haber una opción para convertir esto en una caja de luz porque el predeterminado y la única forma de hacerlo en una página de destino es que el formulario en sí sea una ventana emergente. Recuerda que el nombre del formulario es el título de una pantalla de confirmación. Simplemente voy a titularlo, Enjoy. Eliminaré los campos de asunto y mensaje. Por el bien de algo diferente, solo voy a agregar también un campo de sitio web, asegurándome de que no sea necesario, sino pidiendo a la gente que ingrese su sitio web. En almacenamiento, nuevamente, me aseguraré, si tienes tu e-mail aquí como predeterminado, desconectarlo y sí conectarte a un proveedor de captura de email predeterminado. Más y avanzado, voy a titular este botón enviar, descargar mi fondo de pantalla y rellenaré el mensaje aquí con el enlace de descarga. Recuerda en archivos, todavía tengo este archivo existente por aquí. Entraré al archivo existente, lo seleccionaré, lo abriré nueva ventana, y luego puedo presionar Guardar. Pero solo para recordarte, aquí mismo, todo lo que te mostré en el video anterior sobre post enviar HTML funcionará aquí. Eso incluye peinar el tipo como centrarlo y etiquetarlo con una etiqueta H1 o H2. Pero también incluye lo que te mostré al principio mismo de esta clase, donde puedes redirigir a los usuarios a una nueva página en tu sitio web y para ello, eso podría en realidad ser una gran idea. Podrías redirigirlos a una página que has hecho sobre tu descarga. Digamos que tienes un e-book gratis o un paquete de muestras para que la gente aprenda caligrafía. Bueno, puedes redirigirlos a través de este formulario a esa página donde muestras ejemplos, les muestras cómo usarlo, anuncias el producto pero ese sitio solo va a ser accesible para las personas que han pasado por este paso inicial . Ahora, tengo que presionar Guardar aquí y si amplío la pantalla con esta flecha, realidad puedo probar el formulario en esta página, a diferencia del caso con muchas otras páginas. Genial, hago clic en él, todo esto sale y doy clic en descargar mi fondo de pantalla.