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

Con Shopify Magic, puedes usar la inteligencia artificial (IA) para generar un nuevo bloque de tema en el editor de temas según la información que proporciones.

En esta página

Consideraciones para generar bloques de tema

Revisa las siguientes consideraciones para generar bloques de tema:

El código generado con IA no siempre es perfecto. A veces puede producir errores, resultados inesperados o código que no cumpla por completo con las mejores prácticas de accesibilidad o rendimiento. Eres responsable de revisar, probar y asegurarte de que el bloque generado cumpla con los estándares y funcione correctamente.
Previsualiza cómo se ve el bloque en las vistas de escritorio y móvil dentro de la vista previa del editor de temas.
Si el bloque incluye configuraciones de personalización, pruébalas después de agregar el bloque para asegurarte de que funcionen como se espera.
Después de generar un bloque de tema, el nuevo archivo liquid del bloque se agrega a la carpeta blocks en el código del tema.
- Los bloques de tema se componen de Liquid, el lenguaje de plantilla de Shopify. Los archivos de los bloques de tema también contienen HTML, CSS, JSON y JavaScript. Después de generar un bloque de tema, el nuevo archivo liquid del bloque se agrega a la carpeta blocks en el código del tema.
- Si quieres editar un bloque de tema generado modificando el código, edita el código del tema. Edita el código del tema solo si sabes HTML y CSS y tienes conocimientos básicos de Liquid.
- El archivo liquid generado por Shopify Magic es autocontenido. Aún así, puedes actualizar el tema cuando se publiquen nuevas versiones en la tienda de temas.

Requisitos de elegibilidad para generar bloques de tema

Revisa los siguientes requisitos para generar bloques de tema.

Requisitos del plan de precios

La tienda debe estar en uno de los siguientes pricing plans:

Prueba gratis
Basic
Growth
Advanced
Plus

Esta función no está disponible en el plan Starter, que usa el tema Spotlight y no permite agregar secciones o bloques de tema personalizados.

Compatibilidad del tema

La función de generación de bloques de tema está disponible para todos los temas en la Shopify Theme Store. Si usas un tema externo compatible, debes comprarlo antes de poder generar bloques de tema, ya que la versión de prueba gratis no admite esta función.

La función no está disponible en temas vintage. Obtén más información sobre las funciones para diferentes versiones de arquitectura de temas.

Requisitos de permisos de usuario

Pueden generar bloques en los temas las siguientes personas:

store owner and organization owner.
Personas con los Administrator or Organization administrator roles.
Personas con un Store role y el Edit Code permission.

Consejos para redactar instrucciones eficaces para bloques de tema

La calidad del bloque generado a menudo depende de la calidad de la instrucción. Sigue estas prácticas recomendadas:

Sé específico y descriptivo: las instrucciones deben tener un mínimo de cinco palabras. Es probable que las instrucciones más largas y detalladas ofrezcan resultados más precisos. Por ejemplo, en lugar de ingresar agregar imágenes y texto, ingresa 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 dispositivos móviles.
Menciona los elementos de contenido: enumera los tipos de contenido necesarios para el bloque, como encabezados, párrafos, imágenes, botones, formularios e íconos.
Sugiere el diseño: describe la disposición de los elementos en el bloque, como uno al lado del otro, en cuadrícula, centrados o en filas alternas.
Incluye la configuración de personalización: si quieres que el bloque tenga opciones de configuración editables específicas en el editor de temas, como la opción de cambiar la imagen, el texto o el enlace de botón, inclúyelas en la instrucción. Por ejemplo, para incluir una opción de configuración que controle la velocidad de animación en un bloque con un video, ingresa Incluir una opción para controlar la velocidad de animación.
Itera con instrucciones adicionales: si el primer resultado no es del todo correcto, ajusta la instrucción con más detalles o con otras palabras, y vuelve a generarlo.

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

Bloque de testimonios con foto de cliente, texto de cita, nombre del cliente y una calificación de 5 estrellas.
Bloque de características lado a lado: el lado izquierdo tiene un ícono y un encabezado; el lado derecho, texto descriptivo.
Banner de ancho completo con imagen de fondo, encabezado grande centrado, subtítulo más pequeño debajo y un botón de llamada a la acción.

Generar un bloque de tema

Después de generar un bloque y decidir conservarlo, el nuevo bloque se agrega al selector de bloques. Puedes agregarlo a las secciones compatibles que aceptan bloques de tema.

Pasos:

Desde el panel de control de Shopify, ve a Tienda online > Themes.
Busca el tema que quieres editar y haz clic en Editar tema.
Personaliza la página de inicio o toca el menú desplegable Página de inicio y luego selecciona la plantilla a la que quieres agregar una sección.
Haz clic en la sección para la que quieres generar un bloque.
Haz clic en Agregar bloque.
Haz clic en Generar.
Ingresa una descripción del bloque que quieres generar.
Haz clic en Generar. Shopify Magic procesará la solicitud y creará el código.
Previsualiza el bloque generado directamente en el editor de temas. Si se generaron configuraciones de personalización, puedes personalizar el bloque.
Si estás conforme con el bloque generado, haz clic en Conservar. Si no, puedes descartar el bloque o dar instrucciones adicionales.

Eliminar un bloque de tema generado del tema

Después de generar un bloque de tema, el nuevo archivo de Liquid del bloque se agrega a la carpeta blocks en el código del tema. Si un bloque de tema generado causa problemas en la tienda, puedes eliminarlo si eliminas el archivo de Liquid del código del tema.

Pasos:

Desde el panel de control de Shopify, ve a Tienda online > Themes.
Junto al tema que quieres editar, haz clic en Editar tema.
Personaliza la página de inicio o toca el menú desplegable Página de inicio y luego selecciona la plantilla a la que quieres agregar una sección.
Haz clic en una sección que contenga el bloque que quieres eliminar. Si antes quitaste todas las instancias del bloque, haz clic en Agregar bloque para volver a agregarlo desde el selector de bloques.
En la configuración del bloque, haz clic en > Editar código.
En el menú lateral, haz clic en la carpeta blocks para expandirla y luego busca el archivo del bloque que estás viendo. El archivo coincide con el nombre del bloque que está abierto y termina en .liquid.
En el menú lateral, haz clic en el ícono junto al archivo del bloque.
En el cuadro de diálogo, haz clic en Eliminar archivo para confirmar.