Crea formularios

Puedes crear formularios para hacer crecer tu negocio de las siguientes maneras:

  • Invitar a los clientes a unirse a la lista de email marketing
  • Incorporar clientes mayoristas mediante un formulario de solicitud de cuenta de empresa
  • Recopilar datos sobre los clientes que son importantes para tu negocio
  • Crea formularios de contacto para solicitudes de ayuda

Puedes personalizar los formularios con el editor para que coincidan con la tienda online y recopilar información de clientes cumpliendo con las normas de privacidad. Antes de crear un formulario, revisa los distintos ajustes del formulario disponibles para cada tipo de formulario.

Puedes mostrar varios formularios emergentes, integrados o ambos a la vez en la tienda.

Consideraciones para crear formularios con Shopify Forms

Revisa las siguientes consideraciones para crear formularios con Shopify Forms:

  • Los formularios se muestran en la tienda solo cuando se han activado.
  • Puedes tener hasta 25 formularios por tienda.
  • No se admiten formularios de varios pasos.
  • Los formularios no admiten lógica condicional.

Tipos de formulario

Puedes crear un formulario emergente o integrado. Revisa las diferencias entre los formularios emergentes e integrados y los requisitos para mostrarlos.

Descripción general de los tipos de formulario, descripciones y requisitos.
Tipo de formularioDescripciónRequisitos
Formularios emergentesSe muestran como contenido que flota en una sobreposición sobre la página. Obtén información sobre los ajustes que puedes configurar para los formularios emergentes.Para mostrar formularios emergentes en la tienda, debes instalar la incrustación de aplicación del tema de Shopify Forms en tu tema.
Formularios integradosSe muestran incrustados en una sección específica del tema, como en una página. Obtén información sobre los ajustes que puedes configurar para los formularios integrados.Para mostrar formularios integrados en la tienda, debes usar un tema compatible e instalar la incrustación de aplicación del tema de Shopify Forms en tu tema.

Puedes crear un formulario emergente para mostrarlo en la tienda desde la app Shopify Forms en el panel de control de Shopify. Después de crear y activar un formulario emergente, se muestra automáticamente en la tienda.

Sigue estos pasos para crear un formulario emergente y agregarlo a la tienda:

Paso 1: activa la incrustación de aplicación de Forms en el tema

Si creas un formulario emergente por primera vez, debes activar la incrustación de aplicación de Forms en el tema. Mientras la configuración de incrustaciones de aplicación del tema de Forms esté activada, todos los formularios emergentes activos se muestran en la tienda online.

Si ya activaste la configuración de incrustación de aplicación de Forms, continúa con Step 2: Create your popup form.

Pasos:

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

  2. En el tema activo, haz clic en Editar tema.

  3. En la barra lateral del editor de temas, haz clic en el ícono Incrustaciones de aplicación.

  4. Activa la opción Forms.

  5. Haz clic en Guardar.

Paso 2: crea un formulario emergente

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Forms.

  2. Haz clic en Crear formulario.

  3. Selecciona Formulario emergente.

  4. Ingresa un nombre para el formulario y haz clic en Crear.

  5. En la configuración de visualización del formulario emergente, haz una de las siguientes acciones:

    • Para crear un formulario emergente flotante, selecciona Flotante y luego selecciona una posición en la tienda desde el menú desplegable.
    • Para crear un formulario emergente con sobreposición, selecciona Sobreposición y luego usa el selector de color para definir un color de sobreposición.
  6. Configura las siguientes partes del formulario:

  7. Opcional: para crear una customer tag después de que un cliente envíe el formulario, en el campo Etiquetas, ingresa una etiqueta para seleccionar o crear una nueva.

  8. Opcional: si quieres recibir notificaciones por correo electrónico cada vez que se envíe el formulario, en la sección Notificaciones por correo electrónico, selecciona Enviar un correo electrónico por cada envío de este formulario.

  9. Opcional: para administrar las automatizaciones y los flujos de trabajo asociados al formulario, en la sección Automatizaciones y flujos de trabajo, haz clic en Administrar junto a cualquier flujo de trabajo.

  10. Haz clic en Guardar.

Paso 3: traduce el formulario a idiomas adicionales (opcional)

Puedes agregar traducciones en supported languages al formulario. Los pasos para traducir el formulario dependen del translation method que quieras usar y de si ya added additional languages to your store.

Si una traducción no tiene traducción automática disponible, se muestra el mensaje "No hay traducción automática disponible para este idioma".

Pasos:

  1. En la Idiomas sección del formulario, haz una de las siguientes acciones:
    • Si ya publicaste idiomas adicionales en la tienda y aparecen en la sección Publicadas, continúa con el siguiente paso.
    • Si no se muestran idiomas disponibles en las Publicadas o No publicadas secciones, primero debes agregar un idioma nuevo a la tienda:
      1. Haz clic en configuración de idioma.
      2. En la página Idiomas, haz clic en Agregar idioma.
      3. Selecciona un idioma en el menú desplegable y luego asígnalo a un dominio.
      4. Haz clic en Listo.
      5. Haz clic en <-- Forms para volver a Forms y luego abre el formulario que quieres seguir editando.
  2. Según lo que prefieras y el método de traducción disponible, haz una de las siguientes acciones:
    • Usa la traducción automática:
      1. Haz clic en Traducir junto al idioma que quieres traducir. Si tienes más de un idioma al que quieres traducir, puedes seleccionar Traducir todo automáticamente.
      2. Haz clic en Revisar para ver una vista previa de las traducciones.
      3. Haz clic en Guardar.
    • Agrega traducciones propias manualmente:
      1. Haz clic en Traducir junto al idioma que quieres traducir.
      2. En cada campo de la columna del idioma al que quieres traducir, agrega la traducción.
      3. Haz clic en Guardar.

Paso 4: previsualiza y activa el formulario emergente

Después de crear un formulario, su estado es Inactivo de forma predeterminada. Antes de activar el formulario, usa la vista previa para confirmar cómo se mostrará cada parte a los clientes.

Cuando quieras mostrar el formulario en la tienda online, haz clic en Activar formulario. Después de activarlo, su estado aparece como Activo.

Más información sobre activating o deactivating formularios.

Crea y agrega un formulario integrado a la tienda

Puedes crear un formulario integrado para agregarlo a una página nueva de la tienda o incrustarlo en una página existente. Sigue estos pasos para crear un formulario integrado y agregarlo a la tienda:

Paso 1: crea un formulario integrado

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Forms.

  2. Haz clic en Crear formulario.

  3. Selecciona Formulario integrado.

  4. Ingresa un nombre para el formulario y haz clic en Crear.

  5. Configura las siguientes partes del formulario:

  6. Opcional: para crear una customer tag después de que un cliente envíe el formulario, en el campo Etiquetas, ingresa una etiqueta para seleccionar o crear una nueva.

  7. Opcional: si quieres recibir notificaciones por correo electrónico cada vez que se envíe el formulario, en la sección Notificaciones por correo electrónico, selecciona Enviar un correo electrónico por cada envío de este formulario.

  8. Opcional: para administrar las automatizaciones y los flujos de trabajo asociados al formulario, en la sección Automatizaciones y flujos de trabajo, haz clic en Administrar junto a cualquier flujo de trabajo.

  9. Haz clic en Guardar.

Paso 2: traduce el formulario a más idiomas (opcional)

Puedes agregar traducciones en supported languages al formulario. Los pasos para traducir el formulario dependen del translation method que quieras usar y de si ya added additional languages to your store.

Si una traducción no tiene traducción automática disponible, se muestra el mensaje "No hay traducción automática disponible para este idioma".

Pasos:

  1. En la Idiomas sección del formulario, haz una de las siguientes acciones:
    • Si ya publicaste idiomas adicionales en la tienda y aparecen en la sección Publicadas, continúa con el siguiente paso.
    • Si no se muestran idiomas disponibles en las Publicadas o No publicadas secciones, primero debes agregar un idioma nuevo a la tienda:
      1. Haz clic en configuración de idioma.
      2. En la página Idiomas, haz clic en Agregar idioma.
      3. Selecciona un idioma en el menú desplegable y luego asígnalo a un dominio.
      4. Haz clic en Listo.
      5. Haz clic en <-- Forms para volver a Forms y luego abre el formulario que quieres seguir editando.
  2. Según lo que prefieras y el método de traducción disponible, haz una de las siguientes acciones:
    • Usa la traducción automática:
      1. Haz clic en Traducir junto al idioma que quieres traducir. Si tienes más de un idioma al que quieres traducir, puedes seleccionar Traducir todo automáticamente.
      2. Haz clic en Revisar para ver una vista previa de las traducciones.
      3. Haz clic en Guardar.
    • Agrega traducciones propias manualmente:
      1. Haz clic en Traducir junto al idioma que quieres traducir.
      2. En cada campo de la columna del idioma al que quieres traducir, agrega la traducción.
      3. Haz clic en Guardar.

Paso 3: elige la ubicación del formulario integrado

Los formularios integrados se pueden mostrar en una página de destino nueva o en una plantilla de página existente. Más información sobre inline form placement.

Después de guardar los cambios del formulario, configura una de las siguientes opciones de ubicación, según cómo quieras mostrar el formulario en la tienda:

Cuando creas una página de destino desde la app Shopify Forms, se crea una nueva plantilla de página y se genera una página nueva con esa plantilla, con un identificador personalizable, por ejemplo: example.com/pages/your-custom-form-URL.

Pasos:

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Forms.

  2. Haz clic en el formulario integrado cuya ubicación quieres actualizar.

  3. En la sección Ubicación de la configuración del formulario, haz clic en Crear página de destino.

  4. En el cuadro de diálogo, ingresa un título y una URL para la página de destino y haz clic en Guardar. Se crea una página nueva y se agrega a la lista Pages en el panel de control de Shopify.

  5. Opcional: para actualizar el título, el contenido o el identificador de la página de destino, haz clic en Editar página. También puedes hacer cambios desde la lista Pages en el panel de control o editando la page template en el editor de temas en cualquier momento.

Puedes agregar un formulario integrado a una plantilla de página existente como un bloque en el editor de temas usando el ID del formulario asociado al formulario. Un ID de formulario es un número de 6 dígitos que representa un formulario específico en la tienda. El formulario integrado se muestra en todas las páginas que usan la plantilla que selecciones.

  1. Después de guardar los cambios, en la sección Ubicación de la configuración del formulario, selecciona Página existente.
  2. Haz clic en el ícono de portapapeles para copiar el ID del formulario al portapapeles.
  3. Haz clic en Ir al editor de temas.
  4. En la Plantilla sección, agrega el formulario integrado a la plantilla de página:
    1. Haz clic en ⊕ Agregar sección.
    2. Selecciona la pestaña Apps.
    3. Selecciona Forms.
    4. En la configuración del bloque, pega el ID del formulario copiado en el campo ID del formulario.
    5. Opcional: ajusta los colores, el estilo y la configuración de diseño del bloque.
  5. Haz clic en Guardar.

Paso 4: previsualiza y activa el formulario integrado

Después de crear un formulario, su estado es Inactivo de forma predeterminada. Antes de activar el formulario, usa la vista previa para confirmar cómo se mostrará cada parte a los clientes.

Cuando quieras mostrar el formulario en la tienda online, haz clic en Activar formulario. Después de activarlo, su estado aparece como Activo.

Más información sobre activating o deactivating formularios.

Duplica un formulario existente

Puedes duplicar un formulario para crear uno nuevo que incluya todos los campos y la configuración del formulario original, salvo las traducciones y la ubicación del formulario integrado.

Después de duplicar un formulario, el nuevo formulario queda en estado Inactivo de forma predeterminada. Aprende a activate a form.

Pasos:

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Forms.

  2. Haz clic en del formulario que quieres duplicar.

  3. En el menú desplegable, selecciona Duplicar formulario.

  4. Ingresa un nombre para el nuevo formulario duplicado.

  5. Edita cualquier form settings que quieras cambiar y haz clic en Guardar.

  6. Haz clic en Activar formulario para mostrar el formulario en la tienda.