Genera bloques de temas automáticamente en el editor de temas

A través de Shopify Magic, puedes usar inteligencia artificial para generar un nuevo bloque de temas en tu editor de temas en función de la información que proporciones.

Consideraciones para generar bloques de temas

Revisa las siguientes consideraciones para generar bloques de temas:

  • El código generado con inteligencia artificial no siempre puede ser perfecto. A veces puede producir errores, resultados inesperados o código que no cumple totalmente con las mejores prácticas de accesibilidad o rendimiento. Tú eres responsable de revisar, probar y garantizar que los bloques generados cumplan con tus estándares y funciones correctamente.
  • Obtén una vista previa del aspecto del bloque en las vistas de computadoras de escritorio y dispositivos móviles en la vista previa del editor de temas.
  • Si tu bloque incluye una configuración de personalización, pruébala después de agregar el bloque para asegurarte de que funcione como se espera.
  • Después de generar un bloque de tema, el nuevo archivo líquido para el bloque se agrega a la carpeta de bloques en el código de tu tema. - Los bloques de temas están compuestos por Liquid, el lenguaje de plantilla de Shopify. Los archivos de bloques de temas también contienen HTML, CSS, JSON y JavaScript. Después de generar un bloque de tema, el nuevo archivo Liquid para bloque se agrega a la carpeta de bloques en el código de tu tema.
    The theme code editor blocks folder
    - Si deseas editar un bloque de tema generado, puedes editar el código del tema. Edita el código del tema solo si conoces HTML y CSS, y tienes conocimientos básicos de Liquid. - El archivo líquido generado por Shopify Magic es autónomo. Aún puedes actualizar tu tema cuando se publiquen nuevas versiones en la tienda de temas.

Requisitos de elegibilidad para generar bloques de temas

Revisa los siguientes requisitos para generar bloques de temas.

Requisitos para el precio de planes

Tu tienda debe tener uno de los siguientes planes de precios:

  • Período de prueba gratis
  • Basic
  • Grow
  • Advanced
  • Plus

Esta función no está disponible en el plan Shopify Starter, que utiliza el tema Spotlight y no admite la incorporación de secciones o bloques de temas personalizados.

Requisitos de idioma

El idioma preferido de tu cuenta debe establecerse en inglés.

Compatibilidad del tema

La función de generación Theme Block solo está disponible para temas creados por Shopify, como el tema gratuito de la Shopify Theme Store. Tu tema debe tener secciones que sean compatiblescon bloques de temas. Solo puedes generar bloques para secciones que acepten Theme Block.

Obtén más información sobre las diferentes fuentes de bloques.

Consejos para escribir instrucciones efectivas

La calidad del bloque generado a menudo depende de la calidad de tu instrucción. Revisa las siguientes mejores prácticas para escribir instrucciones.

Ser específico y descriptivo

Las instrucciones deben tener una longitud mínima de cinco palabras. Existen más probabilidades de que las instrucciones más extensas con más información arrojen resultados más precisos.

Por ejemplo, en lugar de escribir Agregar imágenes y texto, escribe Crear un bloque con una imagen a la izquierda, y un encabezado, un texto de párrafo y un botón "Comprar ahora" a la derecha. Apilar en el dispositivo móvil.

Mencionar elementos de contenido

Enumera los tipos de contenido necesarios para el bloque, como encabezados, párrafos, imágenes, botones, formularios e íconos.

Sugerir un diseño

Describe la disposición de los elementos en el bloque, por ejemplo, en paralelo, cuadrícula, centrados o en filas alternas.

Incluir una configuración de personalización

Si deseas que el bloque tenga una configuración editable específica en el editor de temas (como cambiar la imagen, el texto o el enlace de botón), inclúyelas en tu instrucción.

Por ejemplo, para incluir una configuración para controlar la velocidad de la animación en un bloque con un video, escribe Incluir una configuración para controlar la velocidad de la animación.

Iterar con instrucciones de seguimiento

Si el primer resultado no es del todo correcto, ajusta tu instrucción con más información o una redacción diferente y genérala nuevamente.

Ejemplos de instrucciones

Revisa los siguientes ejemplos de instrucciones que cumplen con las mejores prácticas:

  • Aparece un bloque de testimonio con una foto del cliente, un texto de cita, el nombre del cliente y una calificación de cinco estrellas.
  • Bloque de funciones en paralelo: en el lado izquierdo, hay un ícono y un encabezado; en el lado derecho, hay un texto descriptivo.
  • Banner de ancho completo con una imagen de fondo, texto de encabezado grande centrado, texto de subtítulo más pequeño debajo y un botón de llamada a la acción.

Generar un bloque de temas

Después de generar un bloque y decidir conservarlo, este nuevo bloque se agrega al selector de bloques. Puedes agregar el bloque a secciones compatibles que acepten bloques de temas.

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.

  2. Encuentra el tema que quieras editar y haz clic en Personalizar.

  3. Personaliza tu página de inicio o toca el menú desplegable Página de inicio y, luego, selecciona la plantilla a la que deseas agregar una sección.

  4. Haz clic en la sección para la que deseas generar un bloque.

  5. Haz clic en Agregar bloque.

  6. Haz clic en Generar.

  7. Ingresa una descripción del bloque que deseas generar.

  8. Haz clic en Generar. Shopify Magic procesará tu solicitud y creará el código.

  9. Obtén una vista previa del bloque generado directamente en el editor de temas. Si se generó una configuración de personalización, podrás personalizar tu bloque.

  10. Si estás satisfecho con el bloque generado, haz clic en Conservar. De lo contrario, puede descartar el bloque o proporcionar instrucciones de seguimiento.

Eliminar un bloque de temas generado desde tu tema

Después de generar un bloque de temas, el nuevo archivo Liquid para el bloque se agrega a la carpeta de bloques en el código de tu tema. Si un bloque de temas generado está causando problemas en tu tienda, puedes eliminarlo borrando el archivo Liquid de tu código de tema.

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.

  2. Junto al tema que deseas editar, haz clic en Personalizar.

  3. Personaliza tu página de inicio o toca el menú desplegable Página de inicio y, luego, selecciona la plantilla a la que deseas agregar una sección.

  4. Haz clic en una sección que contenga el bloque que deseas eliminar. Si anteriormente eliminaste todas las instancias del bloque, haz clic en Agregar bloque para volver a agregar el bloque desde el selector de bloques.

  5. En la configuración del bloque, haz clic en Menú horizontal > Código Editar código.

  6. En el menú de la barra lateral, haz clic en la carpeta de bloques para expandirla y busca el archivo de bloques que está viendo en la actualidad. El archivo coincidirá con el nombre del bloque que está abierto actualmente y termina en .liquid.

    The theme code editor blocks folder and open theme blocks file to be deleted

  7. En el menú de la barra lateral, haz clic en el ícono Eliminar al lado del archivo del bloque.

  8. En el cuadro de diálogo, haz clic en Eliminar archivo para confirmar.

¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.