La tarjeta de rasguño es un elemento gamificado para Formularios de suscripción.Permite a los visitantes raspar una cubierta para revelar un descuento mientras se registran.
En este artículo, aprenderás cómo agregar y personalizar una tarjeta de rasguño en el Constructor de formularios.
Antes de empezar
La tarjeta rasca está disponible en el plan Pro y en el plan Standard como un complemento de pago. Si estás en el plan Standard, puedes actualizar a Pro o comprar Forms Pluscomplemento.
Para un Descuento estático,crea el código de descuento en tu tienda antes de configurar la tarjeta rasca. Para unDescuento único, seleccionaÚnico en la configuración de la tarjeta rasca y configura las reglas de descuento en Omnisend.
Los descuentos únicos en los formularios de registro están actualmente disponibles sólo para tiendas Shopify.
Agregar y configurar una tarjeta rasca
Paso 1. Crear o editar un formulario de suscripción
Ve a Forms y crea un nuevo formulario de suscripción, o abre un formulario existente en el Constructor de formularios.
Paso 2. Agrega el ítem de tarjeta rasca
Desde el menú de la izquierda, arrastra el ítem Tarjeta rasca a tu diseño de formulario.
Selecciona el ítem de tarjeta rasca para abrir su configuración en el panel derecho.
Paso 3. Agregar un código de descuento
En la configuración de la tarjeta rasca, configura un estático o descuento único.Un descuento estático utiliza un código para cada contacto.Un descuento único genera un código diferente para cada contacto.
Importante: Los descuentos únicos en los formularios están disponibles paratiendas Shopify solamente.
Paso 4. Sube la imagen de la tarjeta rasca
Selecciona el ítem Tarjeta rasca.En el panel derecho, haz clic en Subir imagen bajo Imagen de portada. Elige la imagen que los visitantes verán antes de raspar la tarjeta.
Paso 5. Personaliza la portada
La portada es la primera vista que ven los visitantes.Para estilizarla, abre la sección Vista previa y selecciona Portada.
Puedes personalizar la siguiente configuración:
Ancho: Ajusta el ancho de la portada.
Color del borde: Selecciona un color o ingresa un código hexadecimal.
Anchura del borde: Ajusta el grosor del borde.
Radio de esquina: Haz que las esquinas sean más o menos redondeadas.
Paso 6. Personaliza el premio
Selecciona Premio en la sección Vista previa para previsualizar el descuento revelado sin raspar la tarjeta.
Abre la sección Premio y configura:
Texto del premio: Ingresa el mensaje que los visitantes ven después de raspar.
Fuente: Selecciona la fuente del premio.
Tamaño: Establece el tamaño del texto del premio.
Color del texto: Selecciona un color o ingresa un código hexadecimal.
Fondo del premio: Selecciona un color de fondo para el premio revelado.
Paso 7. Configura la experiencia de rascar
Abre la sección de rascar para controlar cómo los visitantes revelan el premio.
Tamaño del pincel: Establece el tamaño del área eliminada con cada rasguño.
Porcentaje a raspar: Establece cuánto de la portada deben raspar los visitantes para revelar el premio.
Paso 8. Ajustar el relleno
Abre la sección Relleno y establece el espaciado alrededor de la tarjeta rasca.Puedes ajustar el relleno para los lados superior, inferior, izquierdo y derecho.
Paso 9. Guardar y habilitar el formulario
Revisa la tarjeta rasca en vistas de escritorio y móvil.
Cuando tu formulario de suscripción esté listo, haz clic en Habilitar formulario.
💡 Los visitantes verán primero la portada.Pueden raspar la tarjeta para revelar el premio y usar el código de descuento en el pago.
Elegir cómo compartir el descuento de la tarjeta rasca
Después de configurar el descuento, elige cómo lo recibirán los contactos.Puedes mostrarlo en el Mensaje de éxito del formulario después de la presentación, enviarlo a través de un Flujo de Automatización de Bienvenida, o usar ambos métodos.
Mostrar el descuento en el mensaje de éxito
Para mostrar el descuento después de que un contacto complete la interacción de la tarjeta rasca y envíe el formulario:
Abre el paso Éxito en el Constructor de formularios.
Agrega el ítem Descuento al Mensaje de éxito.
Selecciona Usar descuento del juego.
El Mensaje de éxito muestra el código de descuento después de que el contacto completa la interacción.
Envía el descuento a través de un Flujo de Automatización de Bienvenida
Para enviar el descuento a través de un Correo electrónico, SMS o Notificación push, crea o abre un Flujo de Automatización de Bienvenida y agrega un mensaje.
En el editor de mensajes, abre Personalización y selecciona Código de descuento. Esto agrega la siguiente etiqueta: [[event.discount_code]]
La etiqueta muestra el código de descuento generado a través de la tarjeta rasca o la caja misteriosa.Si también muestras el descuento en el Mensaje de Éxito, el flujo envía el mismo código.
🔑 Para la configuración completa, consulta Agregar descuentos estáticos o únicos a formularios de suscripción.
Casos de uso
Haz crecer tu lista de Contactos: Agrega una experiencia interactiva a tu Formulario de suscripción para animar a los visitantes a enviar sus datos de contacto.
Ofrece un descuento por registro: Permite que los visitantes rasquen la tarjeta para revelar un descuento que pueden usar en el Pago.
Crea una promoción de rascar para revelar: Presenta tu descuento a través de una revelación interactiva en lugar de mostrar la oferta como texto estático.
Ofrece una alternativa a otras opciones gamificadas: Usa la tarjeta de rascar cuando quieras que los visitantes revelen un descuento al rascar en lugar de girar una rueda o seleccionar una caja misteriosa.
FAQ
¿Quién puede usar la tarjeta de rascar?
La tarjeta de rascar está disponible en elplan Pro y en elPlan estándar como complemento de pago. Si estás en el plan estándar, puedes actualizar a Pro o comprar elComplemento Forms Plus.
¿Qué ven primero los visitantes?
Los visitantes siempre ven la cubierta primero.El premio aparece después de que rasquen el porcentaje requerido de la cubierta.
¿Puedo subir mi propia imagen de cubierta?
Sí. Abre elsección de imagen de cubierta y haz clic enSubir imagen.
¿Puedo cambiar cuánto necesitan rascar los visitantes?
Rascar y ajustarPorcentaje a rascar.
¿Puedo previsualizar el premio sin rascar la tarjeta?
Sí. En elSección de previsualización, seleccionaPremio para estilizar el resultado revelado sin rascar.
¿Necesitas más ayuda? Contacta con nuestro Equipo de soporte a través del chat en la aplicación o en [email protected]