Manual de creación de Landings

Este es el manual para realizar Landings.

Paso 1 - Acceder a la herramienta de edición

Vamos a la sección Online Store > Themes

Pulsamos dentro de Actions la opción edit code

 

Paso 2 - Crear un nuevo Template

Para la creación de una nueva landing tenemos que duplicar los ficheros de base de landings, que nos permitirán hacer una copia y poder crear una nueva landing, los ficheros a duplicar son:

  • Templates/page.landing-base.liquid
  • Sections/landing-base-template.liquid

Los abrimos haciendo click en sus nombres

Al hacer click se nos abrirán los archivos en diferentes pestañas

Ahora dentro de la carpeta Templates pulsamos en Add a new template, se nos abrirá un popup, donde escogeremos que queremos crear un nuevo tipo de page y como nombre pondremos "landing-nombre", donde nombre será algo descriptivo como prince, vivalavida, etc.. IMPORTANTE: NO DEBE CONTENER ESPACIOS.

Después de crear en template hacemos lo mismo en la carpeta Secitons, creando una nueva sección que llamaremos "landing-nombre-template".

Una vez hemos creado el template y la sección de este template, sólo tendremos que copiar el contenido de las bases a los nuevos ficheros.

Paso 3 - Duplicar contenido

Primero en el fichero page.landing-nombre.liquid, una vez pegado el contenido de la base, cambiaremos -base- por el nombre elegido

En el caso de landing-nombre-template.liquid, simplemente tendremos que copiar y pegar, sin modificar nada del contenido que hemos copiado de la base.

Paso 4 - Crear la página

Una vez hemos finalizado de duplicar la estructura de las landings, es el momento de crear una página y decirle que utilice dicha estructura.

Vamos a la sección de páginas

Pulsamos en Añadir una página

Seleccionamos un título para la página

Y le decimos que utilice como estructura page.landing-name, la que hemos creado en los pasos anteriores y guardamos.

Paso 5 - Editar la página

Una vez ya hemos creado la página, podemos editarla todas las veces que queramos, para ello lo único que hay que hacer es ir a la sección themes.

Y pulsar en el botón customize

Buscamos nuestra página en el selector superior

Listo ya puedes editar tu landing pulsando en Configurar página